/* 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;

  margin-top:23px;

}

.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:1200px; 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: 30px;

    color: #005BAC;

    font-weight: lighter; }

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; }



/*.qgfw {

  display:block;

  height:;

}*/

/*-------------------- -------------------- -------------------- 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:135px; 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:-20px;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: center; }

.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:179px; height:106px; background:url("../images/xmenu_bg3.png") no-repeat;}

.mj_menu_pro_main{width:179px; margin:auto; padding-top:15px;}

.mj_menu_pro_li{ float:left;}



.mj_menu_list_bg{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:360px; background:url("../images/banner_nei_1.jpg"/*tpa=http://www.syydfj.com/images/banner_nei_1.jpg*/) center no-repeat; }

#banner_products{ width:100%;float:left; height:360px; 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"/*tpa=http://www.syydfj.com/images/banner_nei_2_2.jpg*/) center no-repeat; }

#banner_cases{ width:100%;float:left; height:360px; background:url("../images/banner_nei_3.jpg"/*tpa=http://www.syydfj.com/images/banner_nei_3.jpg*/) center no-repeat; }

#banner_service{ width:100%;float:left; height:360px; background:url("../images/banner_nei_11.jpg") center no-repeat; }

#banner_contact{ width:100%;float:left; height:360px; background:url("../images/banner_nei_51.jpg") center no-repeat; }





/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */

#list{ width:100%;float:left; padding:61px 0; background:url("../images/list_bg.jpg"/*tpa=http://www.syydfj.com/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"/*tpa=http://www.syydfj.com/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:1200px; }

#list .con .biaoti{ width:1200px; text-align:center}



#list .con ul{ margin:0; padding:0}

#list .con ul li{ width:290px; height:290px; float:left; margin-left:10px; 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"/*tpa=http://www.syydfj.com/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:554px; float:left; background:url("../images/about_bg.jpg"/*tpa=http://www.syydfj.com/images/about_bg.jpg*/) center no-repeat;}



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



#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) }





/*-------------------- -------------------- -------------------- anli -------------------- -------------------- -------------------- */

#anli{ width:100%; float:left; background:#F2F2F2; padding: 0;}

#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"/*tpa=http://www.syydfj.com/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 -------------------- -------------------- -------------------- */



.swiper-container{

  display: none;

}

/*-------------------- -------------------- -------------------- hezuo -------------------- -------------------- -------------------- */

#hezuo{ width:100%; float:left; padding:59px 0; background:url("../images/hezuo_bg.jpg"/*tpa=http://www.syydfj.com/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"/*tpa=http://www.syydfj.com/images/btn_left.png*/) no-repeat; 

overflow: hidden; 

float: left; 

display: inline; 

margin:16px 23px 0 0; 

cursor: pointer;  

} 

.rollBox .RightBotton 

{ 

height: 56px; 

width: 39px; 

background: url("../images/btn_right.png"/*tpa=http://www.syydfj.com/images/btn_right.png*/) no-repeat; 

overflow: hidden; 

float: right; 

display: inline; 

margin: 16px 0 0 23px; 

cursor: pointer; 

} 

.rollBox .Cont 

{ 

width: 1075px; 

overflow: hidden;

float:left; 





} 

.rollBox .ScrCont 

{ 

width: 10000000px; 

} 

.rollBox .Cont .pic 

{ 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 .pic p 

{ 

line-height: 58px; text-align:center 

} 





.rollBox #List1, .rollBox #List2 

{ 

float: left; 

} 





/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */

#footer{ width:100%; background:#1d2023;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:#1d2023;}



.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"/*tpa=http://www.syydfj.com/images/location_bg.png*/);margin-top:-110px;}

.location .on{ width:120px; padding-left:30px; float:left;  background:url("../images/location_bg1.png"/*tpa=http://www.syydfj.com/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"/*tpa=http://www.syydfj.com/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:18px;}

.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:16px; 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:930px;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:270px; margin:0 14px 28px 14px; padding:5px; border:1px solid #ccc; float:left;}

.con_pro ul li img{ width:250px; height:250px;}

.con_pro ul li p{ width:260px; 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:475px; 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"/*tpa=http://www.syydfj.com/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"/*tpa=http://www.syydfj.com/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:1200px; 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;
    height: 320px;
    overflow: hidden;
}

.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:260px; margin:0 14px 28px 14px; padding:5px; border:1px solid #ccc; float:left;}

.con_cases ul li img{ width:260px; height:200px;}

.con_cases ul li p{ width:260px; 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;

}



.case_p{

  text-align:center; font-size:33px; color:#C7C7C7; font-weight:bold;

}

.service_p{

  font-size:28px; margin:25px 0 40px 0; float:left; width:100%;padding:20px 0; border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD;

}

.purchase_p{

  text-align:center; font-size:33px; color:#C7C7C7; font-weight:bold

}

/* ------------------------------------- */

@media screen and (max-width: 1200px) {

  .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%;

  }

}

.footer_min,.messagess{

  display: none;

}

@media screen and (max-width: 768px) {

  #about{

    background:none;

  }

  .purchase_p{

    font-size: 16px;

  }

  #LXB_CONTAINER{

    display: none!important

  }

  .con_honors .fenlei a{

    padding:5px;

    margin : 10px;

  }

  .service_p{

    font-size: 20px;

    width: auto;

    padding:20px;

    margin:0;

  }

  .con_cases ul li p{

    width:100%;

  }

  .case_p{

    font-size: 18px;

  }

  .nb_icon_wrap{

    display: none;

  }

  .messagess{

    top:0;

    left: 0;

    position: fixed;

    z-index: 111;

    background-color: #fff;

    bottom: 0;

    right: 0;

    padding-left: 30px;

    height: 100%;

  }

  .messagess .list{

    height: 50px;

    line-height: 50px;

    border-bottom: 1px solid #eee

  }

  .messagess .list label{

    margin-right: 10px;

  }

  .messagess .list input{

    border:0;

    background:none;

    height: 50px;

    line-height: 50px;

    outline: none;

  }

  .messagess .button{

    display: flex;

    width:100%;

    margin-top:30px;

  }

   .messagess .button span{

    flex:1;

    height: 35px;

    line-height: 35px;

    text-align: center;

    display: flex;

    background:#fff;

    border-radius: 10px;

    border:1px solid #eee;

    margin:0 20px;

    text-align: center;

    justify-content: center;

    background:#8a8a8a;

    color:#000;

   }

   .messagess .button span.active{

    background:rgb(0,174,243);

    color:#fff;

   }

  .footer_min{

    display: block;

    width: 100%;

    height: 60px;

    background:rgb(0,174,243);

    position: fixed;

    bottom: 0;

    left: 0;

    display: flex;

    justify-content: space-around;

    color:#fff;

  }

  .footer_min .phone{

    margin-top:7px;

    text-align: center;

  }

  .footer_min .phone img{

    width: 30px;

    height: 30px;

  }

  .footer_min .phone  span{

    display: block;

    width: 100%;

  }

  #footer,#copy{

    display: none;

  }

  .navbox .container{

    overflow:unset;

  }

  .rollBox .Cont .pic{

    width:125px;

  }

  .rollBox .Cont .pic img{

    width: 125px;

    height: 50px;

  }

  #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: 12px;

    width: auto;

    margin-top:20px;

  }

  #about .tex ul{

    display: flex;

    justify-content: space-around;

  }

  #about .tex ul li{

    margin:0;

  }

  #about{

    height: 300px;

    background-size: cover;

  }

  #about .title_zi{

    font-size: 14px;

  }

  #about .line{

    display: none;

  }

  #about p{

  }

  #about .tex ul{

    margin-top:8px;

  }

  #about .tex ul li{

    width: 55px;

  }

  #anli{

    padding: 0

  }

  #about ul li p{

    margin: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{

    height: 40px;

    width: 16px;

    margin:auto;

    background-size:100%;

    margin-top:15px;

  }

  .rollBox #List1, .rollBox #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;

    }





#shouhou{ width:100%; float:left; margin:40px 0;}



#shouhou p{ line-height:30px; font-size:16px; float:left; margin-top:10px;}



#shouhou ul{ margin:48px 0; float:left; color:#000; width:100%;}

#shouhou ul li{ width:25%; float:left; }

#shouhou ul li .font_40{ font-size:40px; width:100%; float:left; margin-bottom:18px; font-family:Arial, Helvetica, sans-serif;}

#shouhou ul li .font_40 span{ font-size:24px; margin-left:10px;}

#shouhou ul li .font_16{ font-size:16px;width:100%; float:left;}



#shouhou .bt_blue{ width:134px; height:37px;float:left; margin-left:533px; position:relative}

#shouhou .bt_blue a{ width:134px; height:37px; line-height:37px;background:#00549D; color:#fff; float:left; border-radius:25px;-moz-border-radius:25px;}

#shouhou .bt_blue a i{ width:16px; height:14px; background:url(../images/more_icon.png); position:absolute;top:12px; right:90px;}



#shouhou .bt_blue a:hover{ background:#FF6600;}



#anli_news{ width:100%;float:left; background:url(../images/anli_bg.png) center top no-repeat;padding-top:60px;}



.rollBox{width:100%;float:left;overflow: hidden; margin-bottom:55px; }

.rollBox .LeftBotton 

{ 

height: 38px; 

width: 38px; 

background: url(../images/btn_left.png) no-repeat; 

overflow: hidden; 

float: left; 

display: inline; 

margin:20px 0 0 561px; 

cursor: pointer;  

} 

.rollBox .RightBotton 

{ 

height: 38px; 

width: 38px; 

background: url(../images/btn_right.png) no-repeat; 

overflow: hidden; 

float: right; 

display: inline; 

margin: 20px 561px 0 0; 

cursor: pointer; 

} 

.rollBox .Cont 

{ 

width: 1200px; 

overflow: hidden;

float:left; 





} 

.rollBox .ScrCont 

{ 

width: 10000000px; 

} 

.rollBox .Cont .pic 

{ width:285px; float:left; margin:0 8px 15px 7px;

} 

.rollBox .Cont .pic img 

{ 

border: 0px solid #ccc; 

display: block; 

margin: 0 auto; 

width:285px; height:255px;

} 

.rollBox .Cont .pic p 

{ 

line-height: 43px; background:#EFEFEF; text-align:center; border-bottom:3px solid #B8B8B8; font-size:16px;

} 

.rollBox .Cont .pic:hover p 

{ 

 background:#164279; border-bottom:3px solid #0A99D9; color:#fff;

} 





.rollBox #List1, .rollBox #List2 

{ 

float: left; 

} 

/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */

#news{ width:100%; height:400px; float:left; background:url(../images/news_bg.png) center no-repeat;}

#news .right_tex{ width:635px; float:right; margin-top:70px; size:14px;}<!--添加字体size-->



#news .right_tex .title_left{ width:50%; float:left; font-size:26px; color:#1D5295;}

#news .right_tex .title_left span{ font-size:13px; color:#999999; text-transform:uppercase;}



#news .right_tex .title_right{ width:50%;float:left; margin-top:12px; text-align:right; font-size:18px; color:#000;}



#news ul{ padding:0; float:left; margin-bottom:24px;}

#news ul li{ width:100%; line-height:30px; float:left; border-bottom:1px dotted #BCBCBC; }

#news ul li i{ width:11px; height:11px; background:url(../images/news_icon.png); float:left; margin:9px 10px 0 0;}



#news .bt_orange2{ width:120px; height:36px; float:left; position:relative; text-align:center;}

#news .bt_orange2 a{ width:120px; height:36px; line-height:36px; background:#FF6600;color:#fff; float:left; }

#news .bt_orange2 a i{ width:16px; height:14px; background:url(../images/more_icon.png); position:absolute;top:11px; right:83px;}

#news .bt_orange2 a:hover{ background:#00549D}



/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */

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

.title_main .t_h1{ width:100%; float:left; font-size:30px; color:#00549D; font-weight:bold;}

.title_main .t_h1 span{ font-size:12px; color:#D9D9D9; font-weight:lighter;}

.title_main .t_h2{ width:100%; float:left; font-size:18px; line-height:52px;}

.title_main .t_h3{ width:100%; float:left; font-size:13px; color:#999999; text-transform:uppercase;}





/*-------------------- -------------------- -------------------- 分页 -------------------- -------------------- -------------------- */



.pagination{

    display: inline-block;

    padding: 0;

    margin: 0;

}

.pagination li{display: inline;}

.pagination li a{

    color: black;

    float: left;

    padding: 8px 16px;

    text-decoration: none;

}









.lianxibg{ background:#258DDE; width:300px;}