/*logo*/
.index_navigation_head{width:100%; min-width:1190px; max-width:1920px; margin:auto; height:80px; background:url(../img/head_bg.jpg) center repeat-y;}
.index_navigation_Top{ width:1190px; margin:0 auto; height:80px; position:relative;}
.index_navigation_Logo{float:left; width:420px; background:#FFFFFF; height:80px;}
.index_navigation_Logo img{ width:391px; height:auto; border:none;}
.index_navigation_HeadRight{ float:left; margin-left:30px; width:740px;}

.index_navigation_page_Menu{margin:auto; width:100%; height:80px; position:relative; text-align:center;}
.index_navigation_page_Menu ul li{ float:left; list-style:none; padding:0 16px; text-align:center; font-size:14px; color:#fefefe; position:relative;}
.index_navigation_page_Menu ul li h2,.index_navigation_page_Menu ul li a{ font-size:14px; color:#fefefe; line-height:80px; font-weight:normal;}
.index_navigation_page_Menu ul li span{ width:0; height:2px; background:#e1061a; position:absolute; bottom:0; left:0; z-index:9; transition:all .6s;}
.index_navigation_page_Menu ul li:hover span{ width:100%;}
.index_navigation_page_Menu ul li a:hover{ text-decoration:none;}

.index_navigation_page_Menu ul li a:link, .index_navigation_page_Menu ul li a:visited{
color: #fff;
}

.index_navigation_page_Menu ul li a.selected,.index_navigation_page_Menu ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
}

.index_navigation_page_Menu ul li ul li a.selected,.index_navigation_page_Menu ul li  ul li a:hover{
color: #fff;
}
.index_navigation_page_Menu ul li ul li a:link, .index_navigation_page_Menu ul li ul li a:visited{
color: #fff;
}	
/*1st sub level menu*/
.index_navigation_page_Menu ul li ul{
position: absolute;
left:0 !important;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding:0;
margin:0;
z-index:999;
background:#ffffff;
height:auto;
width:200px !important;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.index_navigation_page_Menu ul li ul li{
display: list-item;
float: none;
line-height:normal;
padding: 6px 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height:20px;
margin:6px 0;
height:auto;
background:none;
}
.index_navigation_page_Menu ul li ul li:hover h3{ text-decoration:underline;}
.index_navigation_page_Menu ul li ul li h3{ color:#333333; font-weight:normal; text-align:left;font-size:14px; line-height:20px;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.index_navigation_page_Menu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.index_navigation_page_Menu ul li ul li a{
font:"Arial";
font-weight:normal;
font-size:12px;
padding:0;
margin: 0;
line-height:32px;
border-top-width: 0;
z-index:999;
border:none;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}


.index_navigation_HeadRight ul li .index_navigation_top_lan{ position:relative; font-size:14px; color:#fefefe; line-height:80px; height: 80px; display: block;}
.index_navigation_HeadRight ul li .index_navigation_top_lan a{font-size:14px; color:#fefefe;}
.index_navigation_HeadRight ul li .index_navigation_top_lan a.lan_active{ color:#ef8300;}
.dui-dropdown-menu{width:auto; position: absolute; top: 50px; left: -20px; z-index: 9; transform:none; min-width:100px; display:none; background:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.dui-dropdown-menu.single{z-index:1100; top:60px; background:#fff; color:#303233; height:auto; padding:0; position:absolute;}
.dui-dropdown-menu.single div.nav-item{display:block;width:100%;font-size:12px;transition:all .3s; border-bottom:1px dashed #cfcfcf;}
.dui-dropdown-menu.single div.nav-item a{padding:10px 0;white-space:nowrap;display:inline-block;color:#303233;line-height:1;height:auto;background:0 0;text-align:center;width:100%;}
.dui-dropdown-menu.single div.nav-item a:hover{color:#cf0d00;}
.index_navigation_HeadRight ul li .index_navigation_top_search{line-height:80px; cursor:pointer;}

.Page_Search{width:250px; position:absolute; top:25px; right:20px; z-index:9; display:none; background:#333333;}
.index_navigation_search a{ line-height:20px !important;}

input::-webkit-input-placeholder{
	color:#333333;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#333333;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#333333;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#333333;
}

/*banner*/
.page_Banner{ width:100%; margin:0 auto; text-align:left; min-width:1190px; max-width:1920px; height:600px; overflow:hidden;}

.index_banner_swiper-container{width:100%; height:600px; margin:0 auto; position:relative}

.index_banner_pagination {
  position: absolute;
  text-align:center;
  bottom:30px;
  width: 100%;
  height:38px;
  z-index:9;
  display:flex;
  justify-content:center;
  align-items:center;
}
.index_banner_pagination .swiper-pagination-bullet {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius:13px;
  margin: 0 13px;
  cursor: pointer;
  background:rgba(255,255,255,1);
  opacity:1;
  outline:medium;
  position:relative;
  font-size: 0;
  color: transparent;
}
.index_banner_pagination .swiper-pagination-bullet-active{ background:rgba(255,255,255,0); width: 34px; height: 34px; border:2px solid rgba(255,255,255,0.6); border-radius:50%; line-height:34px; font-size:14px; color:#fefefe;}

#bottom{width:100%; min-width:1190px; max-width:1920px; background:url(../img/bottom_bg.jpg) repeat-x top #333333; margin:auto; position:relative;}
.bottom_nr{width:1190px; margin:auto; padding-top:52px; padding-bottom:24px;}
.bottom_menu{width:100px; margin-left:158px; float:left;}
.bottom_menu_list{width:100%; margin-top:14px;}
.bottom_menu_list ul li{width:100%; text-align:left;}
.bottom_menu_list ul li h2{ font-size:14px; color:#cccccc; line-height:31px; font-weight:normal;}
.bottom_menu_list ul li:hover a{ text-decoration:underline; color:#cccccc;}

.bottom_pro_head{width:100%; line-height:35px; font-size:18px; color:#ffffff; font-weight:normal;}
.bottom_class{width:228px; margin-left:137px; float:left; text-align:left;}
.bottom_class_list{width:100%; margin-top:14px;}
.bottom_class_list ul li{font-size:14px; width:50%; float:left; color:#cccccc; line-height:21px;}
.bottom_class_list ul li h3{font-size:14px; color:#cccccc; line-height:21px; padding:5px 0; font-weight:normal;}
.bottom_class_list ul li a{font-size:14px; color:#cccccc;}

.bottom_lx{width:350px; float:right; text-align:left;}
.bottom_lx2{width:100%; margin-top:14px;}
.bottom_lx2 ul li{font-size:14px; color:#cccccc; line-height:30px; margin-bottom:10px;}
.bottom_lx2 ul li div{font-size:14px; color:#cccccc; line-height:30px;}
.bottom_lx2 ul li a{font-size:14px; color:#cccccc;}

.bottom_ewm{width:132px; float:left; text-align:center;}
.bottom_logo{ text-align:left;}
.bottom_ewm ul li{ text-align:center; font-size:14px; color:#ffffff; line-height:35px;}

.bottom_foot{width:1190px; border-top:1px solid #5a5a5a; margin:auto; text-align:center; font-size:14px; color:#717171; line-height:68px;}
.bottom_foot a{color:#717171; font-size:14px;}

.friendlink{width:1190px; margin:auto; padding:8px 0; text-align:left; font-size:13px; color:#cccccc;}
.friendlink a,.friendlink span{color:#cccccc; font-size:13px;}


/*滚动新闻*/
.index_gun_news_body{width:100%; min-width:1190px; max-width:1920px; margin:auto; background:#f5f5f5; padding:20px 0;}
.index_gun_dot{ float:left; width:50px;}
.index_gun_news{ float:right; width:1140px; height:30px; overflow:hidden; position:relative;}
.index_gun_news #wrapper {
	overflow: hidden;
	width: 100%;
	height: 30px;
	position: relative;
	margin: auto;
}
.index_gun_news #wrapper ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 30000px;
}
.index_gun_news #wrapper li {
	float: left;
	width: auto;
	margin-right:40px;
	list-style: none;
	padding-right: 10px;
}
.index_gun_news input[type=button] {
	margin-top: 20px;
	width: 35px;
	height: 25px;
	line-height: 25px;
	display: none;
}
.index_gun_list{}
.index_gun_list a{ font-size:14px; color:#333333; line-height:30px; overflow: hidden; text-overflow: ellipsis; 	white-space: nowrap; height:30px;}
.index_gun_list a:hover{ color:#3d91e7;}

/*新闻1*/
.index_news1_body{width:100%; min-width:1190px; max-width:1920px; margin:auto; background:url(../img/index_news_bg1.jpg) center no-repeat; padding-top:40px; height:600px;}
.index_news1_head{ text-align:left;}
.index_news1_head h2{ font-size:30px; color:#333333; line-height:33px; display:inline; font-weight:normal;}
.index_news1_class{ float:right;}
.index_news1_class ul li{ display:inline-block; margin:0 10px; line-height:33px; height:33px; text-align:center;}
.index_news1_class ul li.active_news{ background:#3d91e7; padding:0 40px;}
.index_news1_class ul li.active_news a{ font-size:14px; color:#ffffff;}
.index_news1_nr{ width:100%; margin-top:29px;}
.index_news1_left{ width:580px; float:left; background:#f8f8f8; padding:25px 20px; box-sizing:border-box;}
.index_news1_list{ width:100%; border-top:1px dashed #d2d2d2;}
.index_news1_text{ text-align:left; float:left; font-size:14px; color:#333333; line-height:64px;}
.index_news1_date{ float:right; background:url(../img/index_news_jt.jpg) left no-repeat; padding-left:60px; font-size:14px; color:#666666; line-height:64px; transition:all .6s;}
.index_news1_list:hover .index_news1_date{background:url(../img/index_news_jt.jpg) 10px no-repeat;}
.index_news1_list:hover .index_news1_text{ text-decoration:underline;}
.index_news1_right{ width:580px; float:right; background:#f8f8f8; padding:25px 20px; box-sizing:border-box;}

/*首页产品*/
.index_product_body{width:100%; min-width:1190px; max-width:1920px; margin:auto; background:#ffffff; padding-top:44px; padding-bottom:50px;}
.index_product_head{ text-align:center; font-size:30px; color:#333333; line-height:45px;}
.index_product_nr{ width:100%; margin-top:43px;}
.index_class_top{ width:315px; float:left; position:relative; padding:28px 0 50px 0;}
.index_class_top:before{ content:''; width:306px; position:absolute; top:0; left:0; z-index:-1; height:100%; background:url(../img/index_left_classbg.jpg) bottom no-repeat #1c4065; box-sizing:border-box;}
.index_class_top .swiper-slide{ height:auto !important;}
.index_class_list{width:306px; padding:0 15px; position:relative;}
.index_class_list h3{ font-size:14px; color:#fefefe; line-height:26px; padding:15px 35px 15px 85px;}
.index_class_list:after{ content:''; position:absolute; width:276px; height:0; left: 15px; border-bottom:1px solid #527090; bottom:0; z-index:9;}

.index_product_thumbs{ float:right; width:869px;}
.index_products_page_pro{ width:215px; float:left; margin-bottom:20px;}
.index_products_page_propic{ width:215px; height:215px; position:relative; overflow:hidden;}
.index_products_page_propic img{ width:100%; height:100%;}
.index_products_page_proname{ text-align:left; margin-top:7px;}
.index_products_page_proname a{ font-size:14px; color:#333333; line-height:25px;}

.index_class_list:hover{ background:url(../img/top_dot.png) right center no-repeat #f7f7f7; width:315px; box-sizing:border-box;}
.index_class_list:hover:after{ display:none;}
.index_class_list:hover h3{color: #333333;}
.index_class_list:hover a{ text-decoration:none;}
.index_class_top .swiper-slide-active .index_class_list{ background:url(../img/top_dot.png) right center no-repeat #f7f7f7; width:315px; box-sizing:border-box;}
.index_class_top .swiper-slide-active .index_class_list:after{ display:none;}
.index_class_top .swiper-slide-active .index_class_list h3{font-size: 14px; color: #333333; line-height: 26px; font-weight:normal; padding:15px 35px 15px 85px;}

/*新闻2*/
.index_news2_body{width:100%; min-width:1190px; max-width:1920px; margin:auto; background:#f7f7f7; padding-top:45px;}
.index_news2_left{ width:637px; float:left;}
.index_news2_title{ width:100%; text-align:left; font-size:30px; color:#333333; line-height:45px;}
.index_news2_title span{ float:right;}
.index_news2_title span a{ font-size:18px; color:#000000; line-height:45px;}
.index_news2_nr{ width:100%; margin-top:23px;}
.index_news2_list{ width:306px; float:left;}
.news_right_text{ text-align:left; font-size:14px; color:#333333; line-height:50px; border-top:1px solid #d7d7d7;}
.news_right_text span{ float:right; font-size:14px; color:#999999; line-height:50px;}
.index_news2_right{ width:472px; float:right; border-right:1px #d7d7d7 dotted; padding-right:24px;}
.index_news4_list{background:url(../img/news_q.png) left no-repeat; padding-left:38px; text-align:left; font-size:14px; color:#333333; line-height:50px;}
.index_news4_list span{ float:right; font-size:14px; color:#999999; line-height:50px;}

/*案例*/
.index_case_body{width:100%; min-width:1190px; max-width:1920px; margin:auto; background:#f7f7f7; padding-top:63px; padding-bottom:50px;}
.index_case_bt{ width:100%; text-align:center;}
.index_case_miantitle{ font-size:30px; color:#333333; line-height:45px;}
.index_case_subtitle{ font-size:14px; color:#333333; line-height:30px;}
.index_case_content{ width:100%; margin-top:20px; position:relative;}
.case-9__content--left{width:300px; float:left; height:389px; background:url(../img/case_left_pic.jpg) no-repeat; position:relative;}
.case-9__content--left a{display: block; width:150px; box-sizing:border-box; position:absolute; top:50%; margin-top:-10px; padding:0 22px; left:0; z-index:9; line-height: 20px;font-size: 14px;color: #ffffff;}

.case-9__content--right{width:calc(100% - 323px); float:right; height: 389px;overflow: hidden;position: relative}
.case-9__content--right .case-9__swiper{width: 1594px;height: 389px;}
.case-9__swiper .swiper-slide{ background:#FFFFFF;}
.case-9__itemImg{width: 100%;overflow: hidden;height: 195px;text-align: center}
.case-9__itemImg img{width: 100%;height: auto;}
.case-9__itemWrap{width: 100%;padding: 25px 28px 35px 28px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.index_case_xh{ text-align:center; font-size:30px; color:#c6c6c6; line-height:32px; font-weight:bold;}
.index_case_title{width: 100%; margin-top:13px; border-top:1px solid #959595; text-align:center; margin-bottom: 20px; padding:5px 0; overflow:hidden;}
.index_case_title a{font-size: 14px;font-weight: normal;line-height: 20px; height:40px; color: #333333; overflow : hidden; text-overflow: ellipsis;
 display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index_case_more{border:1px solid #999999; margin:auto; font-weight: normal; text-align:center; width:100px;}
.index_case_more a{font-size: 14px; line-height: 24px;color: #747474;}
.case-9__swiper-next{top: 50%;margin-top: -15px;background: none;outline: none;line-height: 30px; position:absolute; z-index:2; width:30px; height:30px; cursor:pointer;}
.case-9__content--right .case-9__swiper-prev{left: 256px;}
.case-9__swiper-next{left: 260px;}


/*首页联系方式*/
.index_contact_body{width:100%; min-width:1190px; max-width:1920px; margin:auto; background:#353535; padding:45px 0; height:58px;}
.index_contact_email{width:calc(100% / 3); float:left;}
.index_contact_email ul li{ float:left; font-size:14px; color:#ffffff; line-height:28px;}
.index_contact_email ul li span{ font-size:18px; color:#ffffff; font-weight:bold; line-height:30px;}
.index_contact_email ul li a{font-size:14px; color:#ffffff; text-decoration:underline;}

/*合作客户*/
.index_customer_body{width:1190px; margin:auto; margin-top:34px; margin-bottom:34px;}
.index_customer_head{width:100%; text-align:center;}
.index_customer_head1{ width:100%; text-align:center; font-size:30px; color:#333333; line-height:59px; position:relative;}
.index_customer_head1:after{ content:''; width:50px; height:3px; background:#3d91e7; left:50%; margin-left:-25px; position:absolute; bottom:0; z-index:9;}
.index_customer_head2{ width:100%; text-align:center; font-size:14px; color:#666666; line-height:33px; position:relative;}
.index_customer_device{ width:100%; position:relative; overflow:hidden; height:104px; margin-top:14px;}
.index_customer_logo{ width:158px; height:80px; float:left; margin-left:14px;}
.index_customer_container .swiper-slide div.index_customer_logo:first-child{ margin-left:0;}
.index_customer_pagination{ width:100%; text-align:center;}
.index_customer_pagination .swiper-pagination-bullet{ width:5px; height:5px; background:#c9c9c9; margin:0 8px; display:inline-block; outline:medium;}
.index_customer_pagination .swiper-pagination-bullet-active{ background:#858585;}

/*优势*/
.index_ys_body{ width:100%; min-width:1190px; max-width:1920px; margin:auto; padding-top:43px; background:url(../img/index_ys_bg.jpg) center no-repeat; height:710px;}
.index_container{ width:1190px; margin:auto;}
.index_ys_head{ width:100%; text-align:center; font-size:30px; color:#333333; line-height:45px;}
.index_ys_nr{ width:100%; margin-top:50px; position:relative;}
.index_ys_pic{ width:553px; height:551px; margin:auto; position:absolute; top:0; left:318px; z-index:1;}
.index_ys_left{ width:389px; float:left; margin-top:69px; z-index:2; position:relative;}
.index_ys_list{ width:100%; height:258px; position:relative;}
.index_ys_left .index_ys_title{ text-align:right; margin-right:95px; font-size:24px; color:#333333; line-height:40px; font-weight:bold;}
.index_ys_left .index_ys_line{ width:120px; margin-left:271px; height:10px; background:url(../img/ys_line.png) right no-repeat;}
.index_ys_left .index_ys_ms{ width:250px; float:right; text-align:right; height:120px; overflow:hidden; margin-right:95px; margin-top:20px; font-size:14px; color:#8e8d8d; line-height:24px; display:none;}
.index_ys_left .index_ys_hover{ position:absolute; width:0; height:78px; transition:all .6s; top:-5px; left:0; background:#fcfcfd; z-index:-1;}
.index_ys_left .index_ys_xh{display:none; position:absolute; top:-20px; left:-30px; z-index:2; transition:all .6s;}
.index_ys_left .index_ys_list:hover .index_ys_hover{ width:312px; transition:all .6s;}
.index_ys_left .index_ys_list:hover .index_ys_xh{ display:block; left:0; transition:all .6s;}
.index_ys_right{ width:389px; float:right; margin-top:69px; z-index:2; position:relative;}
.index_ys_right .index_ys_line{ width:120px; height:10px; background:url(../img/ys_line.png) right no-repeat; transform: rotateY(180deg); }
.index_ys_right .index_ys_title{ text-align:left; margin-left:95px; font-size:24px; color:#333333; line-height:40px; font-weight:bold;}
.index_ys_right .index_ys_ms{ width:250px; float:left; height:120px; overflow:hidden; margin-left:95px; margin-top:20px; font-size:14px; color:#8e8d8d; line-height:24px; display:none;}
.index_ys_right .index_ys_hover{ position:absolute; width:0; height:78px; transition:all .6s; top:-5px; right:0; background:#fcfcfd; z-index:-1;}
.index_ys_right .index_ys_xh{display:none; position:absolute; top:-20px; right:-30px; z-index:2; transition:all .6s;}
.index_ys_right .index_ys_list:hover .index_ys_hover{ width:312px; transition:all .6s;}
.index_ys_right .index_ys_list:hover .index_ys_xh{ display:block; right:0; transition:all .6s;}