﻿ /*公共样式--开始*/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}

*{box-sizing: border-box;}
body {
    font-family: "Microsoft YaHei";
    font-size:14px;
    color:#333;
}
html,body{
     -webkit-touch-callout: none; /*禁止或显示系统默认菜单*/
     -webkit-user-select: none; /*禁止长按复制选择*/
     -webkit-tap-highlight-color: rgba(0,0,0,0);/*禁止触摸a标签高亮 这个特别实用*/
 }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol { list-style: none;}
img {border: none;vertical-align: middle;}

a {text-decoration: none;color: #333333;}
a:hover{color: none;text-decoration: none;}
a:hover {color: #666666;}
section{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.margin-b-80{margin-bottom: 80px;}

.sx-p{padding: 15px 0;}
.call{margin-top: 5px;overflow: hidden;display: block;color: #189EA1;padding-left: 55px;background: url(../images/d_h.png)no-repeat center left;}
.call font{display: block; color: #189ea1;font-weight: 700;font-size: 24px;}

/*导航*/
		.navbar-brand {
			padding: 29px 15px;
			height: auto;
		}
		
		nav.navbar.bootsnav {border: none;}
		
		.navbar-nav {float: left;}
		
		nav.navbar.bootsnav ul.nav>li>a {
			font-size: 16px;
			color: #fff;
			font-weight: bold;
			text-transform: uppercase;
			padding:18px 60px;
		}
		
		nav.navbar.bootsnav ul.nav>li:hover a{
			color: #000000;
		}
		
		
		nav.navbar.bootsnav ul.nav>li:hover {
			background: #f4f4f4;
		}
		
		.nav>li:after {
			content: "";
			width: 0;
			height: 5px;
			background: #34c9dd;
			position: absolute;
			bottom: 0;
			left: 0;
			transition: all 0.5s ease 0s;
		}
		
		.nav>li:hover:after {
			width: 100%;
		}
		
		nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
			display: none;
			opacity: 0;
			content: "+";
			font-family: "microsoft yahei";
			font-size: 20px;
			font-weight: 500;
			position: absolute;
			top: 35%;
			right: 10%;
			transition: all 0.4s ease 0s;
		}
		
		nav.navbar.bootsnav ul.nav>li.dropdown.on>a.dropdown-toggle:after {
			content: "-";			
			font-family: 'microsoft yahei';
			font-size: 20px;
			font-weight: 700;
			transform: rotate(180deg);
		}
		
		.dropdown-menu.multi-dropdown {
			position: absolute;
			left: -100% !important;
		}
		
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
			border: none;
			background-color:#ffffffb5 ;
		}
		
		.dropdown-menu{min-width: 184px;padding: 0;}
		.dropdown-menu>li>a{line-height: 45px;text-align: center;}
		
		@media only screen and (max-width:990px) {
			nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after,
			nav.navbar.bootsnav ul.nav>li.dropdown.on>a.dropdown-toggle:after {
				content: " ";
			}
			.dropdown-menu.multi-dropdown {
				left: 0 !important;
			}
			nav.navbar.bootsnav ul.nav>li:hover {
				background: transparent;
			}
			nav.navbar.bootsnav ul.nav>li>a {
				margin: 0;
			}
		}
		
.max-with{max-width: 1200px;margin: 0 auto;}
.navbar-default{background-color: #189ea1;}
.navbar{margin-bottom: 0;min-height: auto;}

/*搜索*/
._form{position: relative;float: right;}
._form .search{ display: block; position: absolute; right: 0; top:3px; margin-left: 90px; margin-top: 0; font-size: 28px; color: #fb2e45; background: none; outline: none; box-shadow: none; border: none;cursor: pointer;}
._form input{position: absolute;right: 48px;top: 9px;height: 35px;width: 0;transition: all 0.5s ease;border-width: 0;background-color: #fff;text-indent: 1em;}
._form:hover input{width: 268px;transition: all 0.5s ease; text-indent: 1em}

/*banner*/
.index_banner{margin: 0;width: 100%;overflow: hidden;}
.item{width: 100%;left: 0;top: 0;background-position: center;overflow: hidden}
.item img{width: 100%;margin: 0 auto;}
.glyphicon-chevron-left:before { content: none;opacity: 0;}
.glyphicon-chevron-right:before { content: none;opacity: 0;} 
.carousel:hover .glyphicon-chevron-right:before{opacity: 1;}
.carousel:hover .glyphicon-chevron-left:before{opacity: 1;}
.jiao_dian li{border-radius: 0;border: none;margin: 0 10px;}
.carousel-indicators li{width: 50px;height: 8px;background: #FFFFFF;}
.carousel-indicators .active{width: 50px;height: 8px;background: #189ea1; border: none;border-radius: 0;margin: 0 6px;}

.index_banner .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{left: 10%;}
.index_banner .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev{right: 10%;}
.index_banner .carousel-control span img{opacity: 0;}
.index_banner:hover .carousel-control span img{opacity: 1;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{line-height: 0;}
/*banner淡入淡出*/
.carousel-fade .carousel-inner .item{ opacity:0; -webkit-transition-property:opacity;-moz-transition-property:opacity ; -ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity ;}
.carousel-fade .carousel-inner .active{ opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left: 0;opacity: 0;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-indicators{z-index: 9;}

.home_title{margin: 60px auto 30px;}
.home_title h3{font-weight:bold;font-size: 30px;line-height: 32px;}
.home_title h3 font{font-weight:normal;display:block;color: #999;font-size: 16px;}
.home_title span{border-bottom: 4px solid #189EA1;display: block;width: 60px;margin: 0px auto;}
.about_jj{display: block;text-align: center;line-height: 24px; max-width: 500px;margin: 0 auto;}

/*about*/
.ys_f5{background-color: #F5F5F5;}
.part01{padding-bottom: 90px;background-color: #f5f5f5;overflow: hidden;}
.part01 ._font01 ._t1{padding: 60px 0 29px 0;font-size: 40px;color:#444444;text-align: center;}
.part01 ._font01 ._c1{padding: 0 273px 45px;font-size: 14px;text-align: center;}/*padding: 0 270px 50px 276px;*/

.box{margin-bottom: 10px;}
.box{position: relative;}
.box ._img01 img{width: 100%;height: auto;}
.box ._img01 .rect-8930{padding-bottom: 0;}

.box .con1{background-color: #6f6f6f;color: #fff;position: absolute;bottom: 0;width: 100%;height: 31.94%;
	transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box .con1 .con_t1{font-size: 20px;padding: 20px 0 14px 24px;}
.box .con1 .con_c1{font-size: 13px; ;padding: 0 25px 33px 24px;line-height: 33px;white-space: normal;}
.con1 a{color: #FFFFFF;}
.total{position: relative;overflow: hidden;}

.box:hover .con1{width: 100%;height: 100%;background-color: #189ea1;opacity: 0.9;position: absolute;bottom: 0;
transition: all 0.5s;overflow: visible;text-overflow:ellipsis;white-space: nowrap;}
.box:hover .con_t1{font-size: 30px;padding: 12.39% 0 7.46% 10.667%;}
.box:hover .con_c1{font-size: 13px;padding-left: 10.667%;padding-right: 9.33%;}
.con1 .con1_jt a{display: block;}
.con1 .con1_jt{padding-left: 80.5%;padding-top: 18.43%;}
/*ljx1228-2016*/
.con1 .con1_jt{position: absolute;bottom: 22px;display: none;transition: all 0.5s ease;}
.box:hover .con1_jt{display: block;transition: all 0.5s ease;}

.margin-40{margin: 40px auto;}

.imgZoom{overflow: hidden;display: block;}
.imgZoom img{transition: 1.5s all ease}
.imgZoom:hover img{transform: scale(1.2,1.2)}


/*产品中心*/
.cp_text{overflow: hidden;padding: 50px 20px;}
.cp_text h3:after{display: block;content: ' ';height: 20px;width: 24px;border-bottom: 1px solid #000;}
.cp_text p{line-height: 28px;color: #666666;margin-top: 15px;}

.sub-link {display:block;color:#ddd;margin-top:15px;}
.sub-link a {margin:10px 10px 5px 0;display:inline-block;width:120px;font-size:14px;color:#666; text-decoration:none;border:1px solid #eee; padding:5px 10px;transition: all ease-out .2s;}
.sub-link a:hover {background:#1174D1;color:#fff;border-color:#1174D1}

.po_view{position: relative;
    display: block;cursor:pointer;
    overflow: hidden;}

.po_view img{width: 85%;margin: 0 auto;}
/*.cp_list figure>a img{transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.cp_list figure:hover>a img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.cp_list figure .pic-hover{background-color:transparent;position:absolute;z-index:1;top:0;left:0;width:100%;max-width:375px;height:100%;display:block;padding:88px 30px;-webkit-transition:.25s;transition:.25s}
.cp_list figure:hover .pic-hover{background-color:rgba(0,0,0,.75)}
.cp_list figure .pic-hover h3{font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;padding:0 0 5px 0;margin:0;color:#fff}
.cp_list figure .pic-hover h3 a{color:#fff}
.cp_list figure .pic-hover h3{-webkit-transition:.3s;transition:transform .3s}
.cp_list figure .pic-hover ul{margin:0;-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,transform .25s}
.cp_list figure .pic-hover ul a{color:#ccc}
.cp_list figure:hover .pic-hover ul{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.25s;transition-duration:.25s}
.cp_list figure .pic-hover span{background-color:#df3741;display:block;height:3px;width:60px;margin:15px auto 0 auto}
.cp_list figure:hover .pic-hover span{-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transition-duration:.25s;transition-duration:.25s}
.cp_list figure .pic-hover h3,.cp_list figure .pic-hover span,.cp_list figure .pic-hover ul{filter:alpha(opacity=0);opacity:0}
.cp_list figure .pic-hover h3,.cp_list figure .pic-hover span,.cp_list figure .pic-hover ul{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
.cp_list figure:hover .pic-hover h3,.cp_list figure:hover .pic-hover span,.cp_list figure:hover .pic-hover ul{filter:alpha(opacity=100);opacity:1}
.cp_list figure:hover .pic-hover h3,.cp_list figure:hover .pic-hover span,.cp_list figure:hover .pic-hover ul{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.cp_list figure .pic-hover{padding:130px 30px}}*/

.picScroll-left{overflow:hidden; position:relative;}
.cp_title{overflow: hidden;max-width: 1000px;margin: 20px auto 40px;}
.cp_title.ny_t{margin-top: 80px;}
.cp_title.ny_t ul li a:hover{background: #189EA1;color: #FFFFFF;}
.cp_title ul li a:hover{background: #189EA1;color: #FFFFFF;}
.cp_title ul li a.current{background: #189EA1;color: #FFFFFF;border: 1px solid #189EA1;}
.cp_title ul li{float: left;width: 11.5%;margin-left: 2%;}
.cp_title ul li a{padding: 10px 15px;border: 1px solid #666666;display: block;text-align: center;}
.cp_list{overflow: hidden;margin: 0 auto 80px;}
.cp_list ul li{text-align: center;color: #FFFFFF;}
.cp_list ul li h3{font-size: 16px;color: #333}
.cp_list ul li .list-inline a{color: #666;display: block;padding:3px 0;border-bottom: 2px solid #0e898c}
.cp_list ul li a span{display: block; margin-top: 15px;font-size: 16px;}

.view .arrow-left {
	background: url(../images/cp_left.png) no-repeat left top;
	position: absolute;
	left: -60px;
	bottom: -180px;	
	width: 60px;
	height: 60px;
	z-index: 10;
}
.view .arrow-right {
	background: url(../images/cp_right.png) no-repeat left bottom;
	position: absolute;
	right: -60px;
	bottom: -180px;	
	width: 60px;
	height: 60px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-bottom: 40px;
	position: relative;
}

.preview{opacity: 0;}
.view:hover .preview{opacity: 1;}
/*新闻*/
.part02{background-color: #fff;margin-bottom: 100px;}
.part02 ._font02 .t1{padding: 70px 0 13px 0;font-size: 40px;color:#444444;}
.part02 ._font02 .c1{padding-bottom: 47px;font-size: 15px;color:#7c7c7c;}
.part02 ._img02{position: relative;}
.part02 ._img02 .rect-7429{padding-bottom: 0;}
.part02 ._img02 img{width: 100%;}
.part02 .bg{position: absolute;height: 97px;bottom: 0;background-color: rgba(0,0,0,0.7);;width: 100%;}
.part02 .bg .bg_left{display: inline-block; font-size: 15px;color:#fff;line-height: 97px;padding-left: 4%;}
.part02 .bg .bg_left a{color: #FFFFFF;}
.part02 .bg .bg_right{position: absolute; width: 23.88%;height: 100%;display: inline-block; background-color: #189ea1;opacity: 1;right: 0;text-align: center;}
.part02 .bg .bg_right span{font-size: 28px;color: #fff;line-height: 97px;}

.part02 .full-row{width: 102%;}
.part02 .wrap{overflow: hidden;}

.part02_news{padding: 25px 20px 25px 25px;background-color: #fff;min-height: 127px;}
.part02_news .part02_t1{font-size: 16px;color:#4f4f4f;font-weight: bold;line-height: 31px;}
.part02_news .part02_t2{padding-bottom: 2px;line-height: 25px;}
.part02_news .part02_c1{line-height: 23px;}

.part02_news3{padding: 38px 20px 38px 17px;background-color: #fff;min-height: 108px;}
.part02_news3 .part02_t1{font-size: 16px;color:#4f4f4f;font-weight: bold;line-height: 31px;}
.part02_news3 .part02_t2{padding-bottom: 2px;line-height: 25px;}
.part02_news3 .part02_c1{line-height: 23px;}

.p2_box1:hover .part02_news{background-color:#f9f9f9;}
.p2_box2:hover .part02_news3{background-color:#f9f9f9;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.part02_news .part02_c1 p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.index_cp{overflow: hidden;width: 800px;margin: 0 auto;}
.index_cp ul li{float: left;width: 16.5%;text-align: center;}
.index_cp ul li a{font-size: 16px; text-align: center; display: inline-block;}

.index_cp_tu{overflow: hidden;width: 800px;margin: 0 auto;}
.index_cp_tu ul li{float: left;width: 16.5%;text-align: center;}
.index_cp_tu ul li a{font-size: 16px; text-align: center; display: inline-block;}


/*底部*/
.footer{overflow: hidden;background: #333333;}
.footer_row{ padding: 2% 0 1%;overflow: hidden;}
.footer_a3{overflow: hidden;margin-top: 10px;text-align: center;}
.footer_a3 a{}

.links{float:left;overflow:hidden;padding-bottom:2%;margin-right: 15%;}
.links ul{padding-left: 0;}
.links h2{font-size: 16px;font-weight:normal;margin-bottom:10px;color:#eee;margin-top: 0;}
.links h2: hover{color: #FFFFFF;}
.links ul li{display:block;line-height: 28px;overflow:hidden;}
.links ul li a{color: #999; transition:all 0.3s; padding-right:5px;}
.links ul li a:hover{color: #333!important; margin-left:5px; padding-right:0;}


.ewm_img{overflow: hidden;}
.ewm_img img{text-align: center;display: block;margin: 0 auto;}
.ewm_img p{margin-top: 15px; color: #EEEEEE;text-align: center;}

.lian_xi{color: #999999;overflow: hidden;display: block;background: url(../images/lx_18.png)no-repeat center left;padding-left: 30px;text-align: left;}
.lian_xi font{display: block;}
.email{overflow: hidden;display: block;background: url(../images/lxa_18.png)no-repeat center left;padding-left: 34px;/* margin-top: 15px; */text-align: left;}

.li_lx{color: #999999;}
.links.lx_all{margin-right: 0;}
.links.lx_all h2{text-align: left;}
.li_lx.t_l{text-align: left;}
.lx_text{clear: both;}
.lx_text._tt{margin-left: 0px;}
.lx_text p{line-height: 26px;color: #eee;}


.ban_quan{overflow: hidden;border-top: 1px solid #999;padding: 20px 0 0px;}
.ban_quan p{text-align: center;line-height: 28px;color: #666666;}
.you_qing{display: block;overflow: hidden;margin: 10px auto;}
.you_qing ul{display: flex;}
.you_qing ul li{padding-right: 5px}
.you_qing ul li a{color: #bbb;}


/*产品中心*/
.cp_list{text-align:center}
.cp_list figure{margin-bottom:30px;overflow:hidden}
.cp_list figure>a{position:relative;display:block;overflow:hidden}
.cp_list figure .new-pic{width:78px;height:80px;display:block;position:absolute;left:0;top:0;background-image:url("../images/new.png"/*tpa=http://dede08.va666.com/22vd/images/new.png*/);background-repeat:no-repeat;background-position:0 0;z-index:2}
.cp_list figure .pic-hover ul li{margin:0;padding:0;color:#ccc}
@media (max-width:1199px){.cp_list figure{margin-bottom:0}
.cp_list figure .pic-hover h3{font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;padding:20px 0 0 0;margin:0}
.cp_list figure .pic-hover h3 a{color:#000}
.cp_list figure .pic-hover ul{margin-bottom:15px;font-size:12px}
.cp_list figure .pic-hover ul li{color:#777}
.cp_list figure .pic-hover ul a{color:#777}}
@media (min-width:1200px){.cp_list figure{position:relative}
.cp_list figure>a img{transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.cp_list figure:hover>a img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.cp_list figure .pic-hover{background-color:transparent;position:absolute;z-index:1;top:0;left:0;width:100%;max-width:360px;height:100%;display:block;padding:88px 30px;-webkit-transition:.25s;transition:.25s}
.cp_list figure:hover .pic-hover{background-color:rgba(0,0,0,.75)}
.cp_list figure .pic-hover h3{line-height: 36px;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;padding:0 0 5px 0;margin:0;color:#fff;margin-top: 64px;}
.cp_list figure .pic-hover h3 a{color:#fff}
.cp_list figure .pic-hover h3{-webkit-transition:.3s;transition:transform .3s}
.cp_list figure .pic-hover ul{margin:0;-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,transform .25s}
.cp_list figure .pic-hover ul a{color:#ccc}
.cp_list figure:hover .pic-hover ul{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.25s;transition-duration:.25s}
.cp_list figure .pic-hover span{background-color:#df3741;display:block;height:3px;width:60px;margin:15px auto 0 auto}
.cp_list figure:hover .pic-hover span{-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transition-duration:.25s;transition-duration:.25s}
.cp_list figure .pic-hover h3,.cp_list figure .pic-hover span,.cp_list figure .pic-hover ul{filter:alpha(opacity=0);opacity:0}
.cp_list figure .pic-hover h3,.cp_list figure .pic-hover span,.cp_list figure .pic-hover ul{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
.cp_list figure:hover .pic-hover h3,.cp_list figure:hover .pic-hover span,.cp_list figure:hover .pic-hover ul{filter:alpha(opacity=100);opacity:1}
.cp_list figure:hover .pic-hover h3,.cp_list figure:hover .pic-hover span,.cp_list figure:hover .pic-hover ul{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.cp_list figure .pic-hover{padding:52px 30px}}
.f_bg_div{ margin-bottom:20px;}
