/* CSS Document */
/* 公共样式开始*/
body,div,dl,dt,dd,ul,ol,li,h,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{
	-webkit-text-size-adjust:none;
	margin:0;padding:0;border:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	list-style-type: none;
	color: #333;
}
html,body{
	height:100%;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family:微软雅黑;
	background: #fff;
}
html {
	font-size: 62.5%;
}/*10 ÷ 16 × 100% = 62.5%*/
body {
	font-size: 1.6rem;
}/*1.4 × 10px = 14px */

*{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
}
ol, ul{
	margin: 0!important;
}

/*产品小分类标题*/
.smalltitlelist{
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	float:left;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.smalltitlelist ul{
	list-style-type: none;
}
.smalltitlelist ul li{
	float:left;
	margin-bottom: 0.5rem;
	text-align: center;
	margin: 5px;
	line-height: 30px;
}
.smalltitlelist ul li a{
	float:left;
	padding: 0.5rem 2rem;
	color: #666;
	text-decoration: none;
	font-size: 1.6rem;
	border: 1px #ccc solid;
}
 .abc a:hover{
	border: 1px #ff9900 solid;
	background: #ff9900;
	float:left;
	color: #fff;
	padding: 0.5rem 2rem;
	text-decoration: none;
	font-size: 1.6rem;
}
.active a{
	background: #ff9900;
	color: #fff !important;
}
/*产品小分类标题结束*/

/*产品列表开始*/

/*鼠标经过图片样式*/
.btn01 {
    width: 100%;
    overflow: hidden;
    position: relative;
	margin-bottom: 15px;
}
.btn01 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}
.btn01 .ovrly {
    background:#ff9900;
    height: 100%;
    left: 0;
    top: -100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	filter:alpha(opacity=60);  
    -moz-opacity:0.6;  
    -khtml-opacity: 0.6;  
    opacity: 0.6; 
}
.btn01 .buttons {
    position: absolute;
    top: -100%;
    left: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn01 .buttons i{
	width:50px;
	height: 50px;
	background: #fff;
	font-size:20px; color: #333;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;line-height: 50px;
}
.btn01 .buttons .fa {
    margin: 0 1px;
    background: rgb(256, 256, 256);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: rgba(50, 50, 50, 0.9);
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
}
.btn01:hover .buttons {
    top: 50%;
}
.btn01:hover .ovrly {
    top: 0;
}
#btn01span:{
    text-align:center; margin-bottom: 30px;
}
/*鼠标经过图片样式*/

.product_piclist{
	width: 100%;
	overflow: hidden;
	margin-top: 5rem;
}
.product_piclist ul{
	list-style-type: none;
}

.product_piclist ul li:last-child{
	margin-right: 0;
}
.product_piclist ul li:nth-child(3n+3){
	margin-right: 0;
}

.product_piclist ul li {
	float:left;
	width:31.833%;;
	overflow:hidden;
	position:relative;
	margin: 0 3rem 4rem 0;
}
.product_piclist ul li span{
	width:100%;
	float:left;
	margin-bottom: 2rem;
	background: #ff9900;
	overflow: hidden;
	border: 1px #ccc solid;
}
.product_piclist ul li span img{
	width:100%;
	height: 100%;
}
.product_piclist ul li p{
	width: 100%;
	float:left;
	text-align: center;
}
.product_piclist ul li p a{
	width: 100%;
	text-align: center;
	text-indent:0em;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	color: #666;
	text-decoration:none;
}
.product_piclist ul li p a:hover{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	color: #f08519; 
	text-decoration:none;
	text-align: center;
}
/*产品列表结束*/

a{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	color: #666;
	text-decoration:none;
}
a:hover{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	color: #ff9900; 
	text-decoration:none;
}
:hover{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.center{
	text-align: center;
}
a:hover img{
	transform: scale(1.05, 1.05);
	transition:all .5s;
}

p{
	text-align: justify;
	text-indent: 2em;
	line-height: 25px;
	font-size:1.6rem;
	color: #666;
}
h1{
	font-size:3.6rem;
	font-weight:normal;
}
h2{
	font-size:3rem;
	font-weight:normal;
}
h3{
	font-size:2.6rem;
	font-weight:normal;
}
h4{
	font-size:2rem;
	font-weight:normal;
}
h5{
	font-size:1.8rem !important;      
	font-weight:normal;}
h6{
	font-size:2.2rem;
	font-weight:normal;
}
h1,h2,h3,h4,h5,h6{
	font-family: 微软雅黑;
}
ul,li{
	text-decoration: none;
}
.clear{ 
	height:0px;
	font-size:0;
	clear:both;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
input,textarea,select,a:focus{
    outline: none;
}
.title{
	width: 100%;
	margin: 7rem 0 4rem 0;
	float: left;
}
.title h{
	width: 100%;
	overflow: hidden;
	line-height: 50px;
	color: #333;
	text-align:center;
	font-weight: bold;
	font-family: 微软雅黑;
	float: left;
	font-size: 5rem;
	margin-bottom: 20px;
}
.title h span{
	color:#f08519;
}
.title p{
	text-indent:0em;
	text-align: center;
	color: #a7a7a7;
	width: 100%;
	float: left;
	text-transform: uppercase;
	margin-top: -5px;
	font-size:2rem;
}

.gengduo{
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gengduo .more{
	overflow: hidden;
	margin-top: 3rem;
	
}
.gengduo .more a{
	text-align: center;
	text-indent:0rem;
	text-decoration: none;
	color: #666;
	float:left;
	font-size:1.6rem;
	background: url(../image/More1.png) center center no-repeat;
	width: 242px;
	height: 70px;
	align-items: center;
	display: flex;
	justify-content: center;

}
.gengduo .more a:hover{
	text-align: center;
	text-indent:0rem;
	text-decoration: none;
	color:#fff;
	float:left;
	font-size:1.6rem;
	background: url(../image/More01.png) center center no-repeat;	
	width: 242px;
	height: 70px;
	align-items: center;
	display: flex;
	justify-content: center;
}

/*图片切换开始*/
/*example*/
.example{}
.example ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example ol li.seleted{background: #1AA4CA;}

.example1{}
.example1 ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example1 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example1 ol li.seleted{background: #1AA4CA;}

.example2{}
.example2 ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example2 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example2 ol li.seleted{background: #1AA4CA;}

/*左滑*/
.luara-left{position:relative;padding:0;overflow: hidden;}
.luara-left ul{position: relative;padding: inherit;margin: 0;}
.luara-left ul li{float: left;padding: inherit;margin: inherit;list-style: none;}
.luara-left ul li img{width: inherit;height: inherit;}

/*图片切换结束*/

/* 公共样式结束*/

/* 顶部开始 */
.top{
	width: 100%;
	height: 50px;
	background: #efefee;
	align-items: center;
	display: flex;
	justify-content: center;
}

.top p{
	text-indent:0em;
	float:left;
	color: #666;
	margin: 0;
	padding: 0;
}

.top .list{
	float:right;
}
.top .list ul{
	list-style-type: none;
}
.top .list ul li{
    float: left;
    text-align: center;
	border-right:1px #bbb solid;
	padding: 0 10px;
}
.top .list ul li a{
	color: #666;
	text-decoration: none;
}
.top .list ul li a:hover{
	color: #ff9900;
	text-decoration: none;
}
.top .list ul li:last-child{
	border: none;
}
/* 顶部结束 */

/*头部开始*/
.head{
	width: 100%;
	overflow: hidden;
	height: 120px;
	
}
.head .logo,.head .tel{
	height: 120px;
	align-items: center;
	display: flex;
	justify-content: center;
}
.head .logo{
	float:left;
	width: 50%;
}
.head .logo .pic{
	float:left;
	margin-right: 1.5rem;
}
.head .logo .text{
	float:left;
	border-left:1px #ccc solid;
	padding-left: 2rem;
}
.head .logo .text h1{
	color: #003399;
	width: 100%;
	float:left;
	margin:0;
	margin-bottom: 0.5rem;
	font-weight: bold;
	font-family: 微软雅黑;
}
.head .logo .text p{
	width: 100%;
	float:left;
	text-indent:0em;
}
.head .tel{
	float:right;
	background: url(../image/tel_ioc.png)left center no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.head .tel span{
	color: #003399;
    font-weight: bold;
    margin: 0;
    flaot: right;
    text-indent: 5rem;
    float: left;
}
.head .tel span h1{
	margin: 0;
	font-weight: bold;
	font-family: 微软雅黑;
}
/*头部结束*/
/*导航开始*/
.header{
	width:100%;
	padding: 0 30px;
	background:#003399;
	position: relative;
	z-index: 999;
}
/*左侧logo*/
.header .left{
	width: 12%;
}
.header .left a img{
	height: 40px;
	margin-top: 6px;
}
.header .left .img2{
	display: none;
}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	line-height: 50px;
	display: block;
	width: 100%;
	height: 50px;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
	height: 50px;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	font-size: 16px;
}
.header .navbar_nav li a:hover{
	background: #de5a00;
	color: #fff;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background: url(http://www.dghongguan.com/statics/css/css/i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:50px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background:#de5a00;
}
/*白色背景的头部*/
.header.on{
	position: fixed;
	top:0;
	left:0;
	z-index: 99999;
}
.header.on .left .img1{
	display: none;
}
.header.on .left .img2{
	display: block;
}
.header.on .navbar_nav li a{
	color: #fff;
}
.header.on .navbar_nav li a:hover{
	color: #fff;
}
#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: 50px;
	display: block;
	margin:30px auto;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}

@media screen and (max-width: 992px){
	.header{
		padding: 0 10px;
	}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin: 10px 0;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #fff;
	}	
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	.header .nav{
		display: none;
	}
	
	.banner img{
		height: 600px;
		object-fit: cover;
	}
}
/*导航结束*/
/*斑斓开始*/
/*斑斓开始*/
.banlan{
	width: 100%;
	overflow: hidden;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{
	width: 100% !important;
}
.carousel-control{
	top:50% !important;
}
.carousel-control.left,.carousel-control.right{
	background:none !important;
}
.carousel-indicators .active{
	width: 16px !important;
	height: 16px !important;
	margin:1px 5px!important;
}
.carousel-indicators li{
	width: 16px !important;
	height: 16px !important;
	margin:1px 5px!important;
}
.carousel-indicators{
	width: 100%!important;
	left:0!important;
	
}
/*斑斓结束*/

/*斑斓结束*/

/*斑斓结束*/

/*搜索开始*/
.search{
	width: 100%;
	height: 90px;
	display:flex;
    justify-content:center;
    align-items: center;
    position: relative;
}
.search .left{
	float:left;
	display: inline-block;
}
.search .left h{
	color: #2f318b;
	margin-right: 5px;
	float:left;
	font-size: 2rem;
    line-height: 2.5rem;
}
.search .left p{
	text-indent:0.5em;
	float:left;
	margin-bottom: 0 !important;
}
.search .left p a{
	margin: 0 5px;
	color: #666;
	text-decoration: none;
}
.search .left p a:hover{
	color: #ff9900;
}
.search .right{
	float:right;
	display: inline-block;
	
}
.search .right input{
	height: 35px;
	line-height: 35px;
	float:left;
	background: url(../image/search_bg.png) center center no-repeat;
	text-indent:2rem;
	
}
.search .right .button{
	width: 35px;
	height: 35px;
	line-height: 35px;
	float:right;
	background: url(../image/search_iocbg.png)center center no-repeat;
	
}
/*搜索结束*/

/*产品中心开始*/
.product{
	width: 100%;
	overflow: hidden;
	background: #efefef;
}
/*产品分类样式在前面公共样式里面*/

/*产品中心结束*/


/*流程开始*/
.Process{
	width: 100%;
	overflow: hidden;
}
.Process .processlist{
	width: 100%;
	overflow: hidden;
	background: url(../image/Process_linebg.png) center center no-repeat;
	background-size:100%;
	background-position: center 70px;
	display: flex;
	justify-content: center;
	align-content: center;
}
.Process .processlist ul{
	list-style-type: none;
	width: 100%;
}
.Process .processlist ul li{
	width: 11.65%;
	float:left;;
	padding: 3rem 0;
	text-align:center;
}


.Process .processlist ul li p{
	width: 100%;
	text-indent:0em;
	padding-top: 2rem;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow:ellipsis;
	height: 50px;
	text-align: center;
}
.Process .processlist ul li:hover p{
	color: #ff9900;
}
.Process .processlist ul li i{
	width: 70px;
	height: 70px;
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px #666 solid;
    font-size: 2rem;
    color: #666;
    z-index: 99999;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.Process .processlist ul li:hover i{
	width: 70px;
    height: 70px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px #ff9900 solid;
    font-size: 2rem;
    color: #ff9900;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.Process .processlist ul li i .one{
	display: block;
}
.Process .processlist ul li i .two{
	display: none;
}
.Process .processlist ul li:hover .one{
	display: none;
}
.Process .processlist ul li:hover .two{
	display: block;
}
.i_top{
	position: absolute;
	top: -28px;
}
/*流程结束*/

/*优势开始*/

.advantage{
	width: 100%;
	overflow: hidden;
	background: url(../image/Advantage_bg.jpg)center center no-repeat;
	background-size: cover;
	padding: 8rem 0;
	margin: 7rem 0;
}
.advantage .title h{
	color: #fff;
}
.advantage .list{
	width: 100%;
	overflow: hidden;
}
.advantage .list ul{
	list-style-type: none;
}
.advantage .list ul li{
	float:left;
	width: 23%;
	margin-right: 57px;
	background: #fff;
	padding: 3rem 1.5rem;
}
.advantage .list ul li span{
	width: 100%;
	float:left;
}
.advantage .list ul li span strong{
	width: 20px;
	margin-right: 1rem;
	font-family: arial;
	font-size:5rem;
	color: #ff9900;
	float: left;
}
.advantage .list ul li font{
	float:left;
	padding: 16px 0;
	width: calc(100% - 35px);
}
.advantage .list ul li font h4{
	color: #333;
	float:left;
	width: 100%;
	margin: 0;
}
.advantage .list ul li font p{
	width: 100%;
	color: #e0e0e0;
	text-indent:0rem;
	float:left;
	margin-bottom: 0;
	height: auto !important;
	
	
}
.advantage .list ul li img{
	width: 100%;
	height: 100%;
	margin: 2rem 0;
}
.advantage .list ul li p{
	text-indent:0rem;
	height: 150px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow:ellipsis;
}
.advantage .list ul li:last-child{
	margin-right: 0;
}
/*优势结束*/

/*案例开始*/
.case{
	width: 100%;
	overflow: hidden;
}
.carousel-example {
		padding: 20px 0 50px 0;
	}
	
	#complicated-content-carousel .carousel-control {
		position: absolute;
		top: -20px;
		right: 0;
		left: auto;
		bottom: auto;
		width: 14px;
		font-size: 25px;
		color: #3c3c3c !important;
		opacity: 1;
	}
	
	#complicated-content-carousel .carousel-control.left,
	#complicated-content-carousel .carousel-control.right {
		background-image: none;
	}
	
	#complicated-content-carousel .carousel-control.left {
		right: 35px;
	}
	
	#complicated-content-carousel .index {
		position: absolute;
		top: -70px;
		right: 0;
		font-size: 16px;
		color: #3c3c3c;
	}
	
	#complicated-content-carousel .flex-item {
		position: relative;
		display: inline-block;
		width: 320px;
		height: 380px;
		padding: 16px 13px;
		background-color: #f5f6f7;
		border: 6px solid #f5f6f7;
	}
.flex-item p{
	   text-indent:0em;
	   text-align:center;
	   margin-top: 2rem !important;
	   width: 100% !important;
}
.flex-item p a{
	   text-indent:0em;
	   text-align:center;
	   margin-top: 2rem !important;
	   color: #666 !important;
	   background: none !important;
	   border: 0 !important;
}
.flex-item p a:hover{
	   text-indent:0em;
	   text-align:center;
	   margin-top: 2rem !important;
	   color: #ff9900 !important;
	   background: none !important;
	   border: 0 !important;
	   text-decoration: none !important;
}
	#complicated-content-carousel .flex-item:hover,
	#complicated-content-carousel .flex-item:focus {
		border: 6px solid #d2d4d5;
		border-radius: 3px;
	}
	
	.good-top {
		height: 21px;
	}
	
	.good-top-left {
		font-size: 16px;
		color: #424242;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-top-right {
		height: 21px;
		text-align: right;
	}
	
	.choose-color div {
		display: inline-block;
		width: 21px;
		height: 21px;
		border-radius: 50%;
		letter-spacing: 5px;
		cursor: pointer;
	}
	
	.choose-color .blue {
		background-color: #165eb9;
	}
	
	.choose-color .yellow {
		background-color: #ffe637;
	}
	
	.choose-color .black {
		background-color: #535253;
	}
	
	.choose-color .grey {
		background-color: #d3a7ac;
	}
	
	.choose-color .dark-blue {
		background-color: #35374c;
	}
	
	.choose-color .dark-blue-women {
		background-color: #192b5e;
	}
	
	.choose-color .light-blue-women {
		background-color: #1682c4;
	}
	
	.good-top-left .fa {
		position: relative;
		top: 2px;
		font-size: 21px;
	}
	
	.good-bottom {
		height: 21px;
	}
	
	.good-bottom * {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.good-bottom-left a h4 {
		font-size: 18px;
		color: #3c3c3c;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-bottom-right {
		position: relative;
		top: -1px;
		font-size: 22px;
		color: #424242;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-top-left,
	.good-bottom-left {
		float: left;
		text-align: left;
	}
	
	.good-top-right,
	.good-bottom-right {
		float: right;
		text-align: right;
	}
	
	.good-image {
		height: 294px;
		text-align: center;
	}
	
	.good-image:before {
	    content: "";
	    display: inline-block;
	    height: 100%;
	    vertical-align: middle;
	}
	
	.good-image img {
		max-height: 240px;
		vertical-align: middle;
	}
	
	.size {
		position: absolute;
		padding: 0;
		cursor: pointer;
		transition: all .35s;
	}
	
	.size.shown {
		padding: 0 5px 5px 5px;
		background-color: #fff;
		border-radius: 2px;
	}
	
	.size.shown .option:hover {
		background-color: #f5f6f7;
	}
	
	.carousel-control {
		width: 50px;
		height: 50px;
		top: 50%;
		transform: translateY(-50%);
		bottom: auto;
		font-size: 30px;
		text-align: center;
		opacity: 1;
	}
	
	.case a.carousel-control.left,
	.case a.carousel-control.right {
		background-image: none;
		opacity: 1;
		text-align: center;
		top:70% !important;
	}

/* MEDIA QUERIES */
	/* styles for phones' displays */
	@media only screen and (max-width: 350px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}
	
	/* styles for medium size displays */
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}

/*案例结束*/

/*关于我们开始*/
.about{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.about .abouttop{
	width: 100%;
	overflow:hidden;
	margin:2rem 0;
	float:left;
}
.about .abouttop .leftpic{
	width: 30%;
	overflow: hidden;
	position: relative;
	left:0;
	z-index: -99999;
	
}
.about .abouttop .leftpic img{
	width: 100%;
	height: 100%;
}
.about .abouttop .frame{
	position: absolute;
	z-index: 9999;
	top:256px;
	left:8%;
}
.about .abouttop .frame .rightcontent{
	width: 70%;
	float:right;
	position: relative;
    right: 10%;
	
}
.about .abouttop .frame .rightcontent .left{
	width: 70%;
	background-attachment: #ccc;
	float:left;
	margin:0;
}

.about .abouttop .frame .rightcontent .left .title{
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	margin-bottom: 2rem;
    margin-top: 0;
	position: relative;
	background-image:none !important;
}
.about .abouttop .frame .rightcontent .left .title h3{
	width: 120px;
	height: 3rem;
	line-height: 3rem;
	color: #333;
	margin:0 !important;
		
}
.about .abouttop .frame .rightcontent .left .title span{
	width:calc(100% - 120px);
	float:left;
	font-family: arial;
	font-size:1.2rem;
	color: #999;
	margin-left: 0.5rem;
	text-transform: uppercase;
	margin-bottom: 0;
	position: absolute;
	right:0;
	bottom:0;
	text-align:left;
}
.about .abouttop .frame .rightcontent .left p{
	width: 100%;
	float:left;
	margin-top:1rem;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow:ellipsis;
	
}

.about .abouttop .frame .rightcontent .right{
	float:right;
	border: 1px #f0f1f6 solid;
}
.about .abouttop .frame .rightcontent .right img{
	width: 100%;
	height: 100%;
}

.about .aboutbottom{
	width: 100%;
	overflow:hidden;
	margin:2rem 0;
	float:left;
}
.about .aboutbottom .list{
    width: 100%;
	overflow:hidden;
}
.about .aboutbottom .list ul{
    list-style-type: none;
	display: flex;
    justify-content: space-between;
}
.about .aboutbottom .list ul li{
    width: 19.2%;
	margin-right: 1%;
	float:left;
}
.about .aboutbottom .list ul li span{
	width: 100%;
	margin-bottom: 2rem;
	float:left;
	overflow: hidden;
}
.about .aboutbottom .list ul li span img{
	width: 100%;
	height: 100%;
}
.about .aboutbottom .list ul li p{
	text-indent:0rem;
	text-align: center;
}
.about .aboutbottom .list ul li p a{
	color: #666;
	text-decoration: none;
}
.about .aboutbottom .list ul li p a:hover{
	color: #ff9900;
	text-decoration: none;
}
.about .aboutbottom .list ul li:last-child{
	margin-right: 0;
}
/*关于我们结束*/



/*底部开始*/
.footer{
	width: 100%;
	overflow: hidden;
	background:#003399;
}
.footer .footerbottom{
	width: 100%;
    overflow: hidden;
	padding: 8rem 0 4rem 0;
}
.footer .footerbottom .footernva{
	float: left;
	display:flex;
    justify-content:center;
    align-items:center;
}
.footer .footerbottom .footernva ul{
	list-style-type: none;
}
.footer .footerbottom .footernva ul li{
	float:left;
	padding: 0 2rem;
	color: #fff;
	line-height: 50px;
	text-align:left;
	width: 30rem;
}
.footer .footerbottom .footernva ul li h{
	width: 100%;
	text-align:left;
	float:left;
	font-size:1.8rem;
	color: #a3add0;
}
.footer .footerbottom .footernva ul li h a{
	width: 100%;
	text-align:left;
	float:left;	
	color: #fff;
	text-decoration: none;
}
.footer .footerbottom .footernva ul li h a:hover{
	width: 100%;
	text-align:left;
	float:left;
	color: #ff9900;
	text-decoration: none;
}
.footer .footerbottom .footernva ul li .list{
	width: 100%;
	overflow: hidden;
}
.footer .footerbottom .footernva ul li .list ul{
	list-style-type: none;
}
.footer .footerbottom .footernva ul li .list ul li{
	width: 100%;
	float:left;
	padding: 0;
	line-height: 30px;
}
.footer .footerbottom .footernva ul li .list ul li a{
	width: 100%;
	color: #a3add0;
	float:left;
	font-size:1.6rem;
	text-indent:0em;
	text-decoration: none;
}
.footer .footerbottom .footernva ul li .list ul li a:hover{
	width: 100%;
	float:left;
	color: #ff9900;
	font-size:1.6rem;
	text-indent:0em;
	text-decoration: none;
}
.footer .footerbottom .code{
	width: 230px;
	float:right;
}
.footer .footerbottom .code img{
	float:right;
	margin-bottom: 1rem;
}
.footer .footerbottom .code p{
    text-align: right;
    color: #a3add0;
    width: 100%;
    float: right;
}
.footer .copyright{
	width: 100%;
	overflow: hidden;
	color:#fff;
	border-top:1px #7e7e7e solid;
}
.footer .copyright .left p{
	float:left;
	width: 80%;
	height: 50px;
	line-height: 50px;
	text-indent:0em;
	text-align:left;
	color:#fff;
}
.footer .copyright .right p{
	float:right;
	width: 20%;
	height: 50px;
	line-height: 50px;
	text-align:right;
}
.footer .copyright .left p,.footer .copyright .right p{
	color: #fff;
}
.footer .copyright .left p,.footer .copyright .right p a{
	color: #fff;
	text-decoration: none;
}
.footer .copyright .right p a:hover{
	color: #ff9900;
	text-decoration: none;
}
/*底部结束*/

/*内页代码开始*/

/*内页公用样式开始*/

/*内页banner开始*/
.ny_banner{
	width:100%;
	overflow: hidden;
}
.ny_banner img{
	width:100%; /*图片宽度*/
	position:relative;
	left:50%;
	margin-left:-50%; /*图片宽度的一半*/ 
}
/*内页banner结束*/

/*所在位置开始*/
.position{
	width:100%;
	height: 50px;
	align-content: center;
	justify-content: center;
	display: flex;	
	font-size:1.6rem;
	border-bottom: 1px #f0f1f6 solid;
	margin-bottom: 2rem;
}
.position i{
	foat:left;
	height: 50px;
	line-height: 50px;
	float:left;
	color: #666;
}
.position h{
	height: 50px;
	line-height: 50px;
	float:left;
	text-indent:1em;
}
.position .list{
	width: auto;
	float:left;
}
.position .list ul{
	list-style-type: none;
}
.position .list ul li{
	height: 50px;
	line-height: 50px;
	float:left;
	white-space:nowrap;
}
.position .list ul li i{
	float:left;
	padding: 0 15px;
	background: url(../image/jiantou.png)center center no-repeat;
}
.position .list ul li{
	float:left;
	text-indent:0em;
	line-height: 50px;
}
.position .list ul li a{
	color: #666;
	text-decoration: none;
}
.position .list ul li a:hover{
	color: #ff9900;
	text-decoration: none;
}
.position .list ul li:last-child{
	padding: 0;
}
/*所在位置结束*/

/*分页样式开始*/
.page{
	clear:both;
	margin: 5rem auto 7rem auto;
	text-align: center;
}
.page a {
	display: inline-block;
	font-family: Arial; 
	font-size: 1.6rem;
	border: #dbdbdb 1px solid;
	padding:4px 9px;
	margin: 2px;
	margin-bottom: 5px;
	color: #31363c;
	text-decoration: none
}
.page a:hover,.page a:focus{
	font-family: Arial;
	font-size: 1.6rem;
	border: #e02925 1px solid;
	padding:4px 9px;color: #fff;
	background-color: #e02925;
}
.page .current {
	font-family: Arial;
	border: #e02925 1px solid;
	font-size: 1.6rem;
	padding:5px 9px;
	color: #fff;
	margin: 2px;
	background-color: #e02925
}
.page li{
	display: inline-block;
}
/*分页样式开始*/

/*内页公用样式结束*/

/*内页_文章列表开始*/
.lists_article{
	width: 100%;
	overflow: hidden;
}
.lists_article ul{
	list-style-type: none;
}
.lists_article ul li{
	width: 100%;
	overflow: hidden;
	float:left;
	border-bottom: 1px #ccc dashed;
	padding: 5rem 0; 
}
.lists_article ul li h5{
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 3rem;
	overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.lists_article ul li h5 a{
	color: #333;
	text-decoration: none;
}
.lists_article ul li h5 a:hover{
	color: #ff9900;
	text-decoration: none;
		
}
.lists_article ul li p{
	float:left;
	height: 50px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	text-overflow:ellipsis;
	text-indent:0rem;
	width: 100%;
}

.lists_article ul li p a{
	color: #003399;
	text-decoration: none;
}
.lists_article ul li p a:hover{
	color: #ff9900;
	text-decoration: none;
}
/*内页_文章列表结束*/

/*内页_文章详情页开始*/
.view_article{
	width: 100%;
	overflow: hidden;
}

.view_article h5,.view_article h2{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 3rem;
	overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.view_article .content{
	width:100%;
	overflow: hidden;
}
.view_article .content span {
    text-indent: 0em;
    margin: 20px 0;
    color: #b6b5b5;
    display: flex;
    justify-content: center;
	font-size:1.6rem;
}
.view_article .content p {
    width: 100%;
	overflow: hidden;
}
.view_article .content p img{
	width: 100%;
	height: 100%;
	
}
.view_article .content .point {
    margin: 40px 0px;
    width: 100%;
    overflow: hidden;
}
.view_article .content .point .to_prev {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.view_article .content .point .to_prev a {
    color: #333;
    font-size: 16px;
	text-decoration: none;
}
.view_article .content .point .to_prev a:hover{
    color: #f08519;
    font-size: 16px;
	text-decoration: none;
}
/*内页_文章详情页结束*/

/*内页_新闻列表页开始*/
.lists_article_news{
	width: 100%;
	overflow: hidden;
}
.lists_article_news ul{
	list-style-type: none;
}
.lists_article_news ul li{
	width: 100%;
	overflow: hidden;
	float:left;
	border-bottom: 1px #ccc dashed;
	padding: 5rem 0; 
}
.lists_article_news ul li .left{
	width: 260px;
	float:left;
}
.lists_article_news ul li .left img{
	width: 100%;
	height: 100%;
}
.lists_article_news ul li .right{
	width:calc(100% - 300px);
	float:right;
	padding: 3rem 0;
} 
.lists_article_news ul li .right span{
	width:100%;
	float:left;
	margin-bottom: 2rem;
} 
.lists_article_news ul li .right span h5{
	width:calc(100% - 100px);
	height: 30px;
	line-height: 30px;
	margin-bottom: 3rem;
	overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出部分文字以...显示*/
	margin: 0;
	float: left;
}
.lists_article_news ul li .right span h5 a{
	color: #333;
	text-decoration: none;
}
.lists_article_news ul li .right span h5 a:hover{
	color: #ff9900;
	text-decoration: none;
}
.lists_article_news ul li .right span dd{
	width: 100px;
	float:right;
	color: #999;
	text-align:right;
	font-size:1.8rem;
}
.lists_article_news ul li .right p{
	width: 100%;
	float:left;
	height: 50px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	text-overflow:ellipsis;
}
/*内页_新闻列表页结束*/

/*内页_单页代码与文章详细页共用*/

/*内页_产品/图片列表代码与首页产品代码共用*/


/*内页代码结束*/

/*媒体查询开始*/

/* - max-width: 1921px to 更大*/
@media (min-width: 2560px) {
	.frame {
	  width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 0 200px;
    }
    .ny_frame {
	  width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 0 200px;;
    }
	.header .navbar_nav li a {
		padding: 0 74px;
	}
}

/* - max-width: 1920px to 2559*/
@media only screen and (min-width: 1920px) and (max-width: 2559px){
	.frame {
	  width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 0 200px;
    }
    .ny_frame {
	  width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 0 200px;;
    }
	.header .navbar_nav li a {
	  padding: 0 42.4px;
	}
	.advantage .list ul li{
	  margin-right: 40px;
	}
	.about .abouttop{
		height: 420px;
	}
	.about .abouttop .frame .rightcontent{
		width: 70%;
        right: 11%;
	}
	.about .abouttop .frame .rightcontent .left{
		width: 60%;
	}
}


/* - max-width: 1680px to 1919*/
@media only screen and (min-width: 1680px) and (max-width: 1919px){
	.frame {
		width: 1400px;
		margin-right: auto;
		margin-left: auto;
    }
    .ny_frame {
		width: 1400px;
		margin: 0 auto;
		overflow: hidden;
		padding: 5rem 0;;
    }
	.header .navbar_nav li a{
		padding: 0 40px;
	}
	.product_piclist ul li{
		width: 31.6%;
	}
	.advantage .list ul li{
		margin-right: 37px;
	}
	.about .abouttop .frame .rightcontent{
		right:0;
		width: 70%;
	}
	.about .abouttop .frame .rightcontent .left{
		width: 50%;
	}
	.about .abouttop{
		height: 430px;
	}
	.about .abouttop .frame .rightcontent .left{
		margin: 0;
	}

}

/* - max-width: 1440px to 1679*/
@media only screen and (min-width: 1440px) and (max-width: 1679px){
	.frame {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
    }
    .ny_frame {
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding: 5rem 0;;
    }
	.head .tel{
		width: auto !important;	
	}
	.header .navbar_nav li a{
		padding: 0 45px;
	}
	.header .navbar_nav li a{
		padding: 0 30px;
	}
	.news .list ul li{
		width: 31.3%;
	}
	.product_piclist ul li{
		width: 31.2%;
	}
	.Process .processlist ul li{
		margin-right: 9px;
	}
	.advantage .list ul li{
	    margin-right: 32px;
	}
	.about .abouttop .frame .rightcontent{
		right:0;
	}
	.about .abouttop .frame .rightcontent .left{
		width: 100%;
		margin: 0;
	}
	.about .abouttop .frame .rightcontent .left p{
		margin-top: 0;
	}
	.about .abouttop .frame .rightcontent .left .gengduo .more{
		margin-top: 0;
	}
	.about .abouttop .frame .rightcontent .right{
		display: none;
	}
	
}

/* - max-width: 1366px to 1439*/
@media only screen and (min-width: 1366px) and (max-width: 1439px){
	
	.frame {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
       }
	.ny_frame {
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding: 5rem 0;;
	   }
	.top .list{
		width: 27%;
	}

	.header .navbar_nav li a{
		padding: 0 30px;
	}
	.product .slide{
		height: 411px;
	}
	.product .slide .triggers{
		bottom: 2rem;
		width: 59.8%;
	}
	.product .slide .icon-dot{
		bottom:17px;
		right: 14.6rem;
	}
	.product_piclist ul li{
		width: 30.8%;
	}
	.Process .processlist ul li{
		margin-right: 3rem;
		width: 9.15%;
	}
	.advantage .list ul li{
		margin-right: 32px;
	}
	.about .abouttop .frame .rightcontent{
		right:3%;
	}
	.about .abouttop .frame .rightcontent .left{
		width: 100%;
		margin: 0;
	}
	.about .abouttop .frame .rightcontent .left p{
		margin-top: 0;
	}
	.about .abouttop .frame .rightcontent .left .gengduo .more{
		margin-top: 0;
	}
	.about .abouttop .frame .rightcontent .right{
		display: none;
	}
}
/* - max-width: 1280px to 1365*/
@media only screen and (min-width: 1280px) and (max-width: 1365px){
	.frame {
		width: 1170px;
		margin-right: auto;
		margin-left: auto;
       }
	.ny_frame {
		width: 1170px;
		margin: 0 auto;
		overflow: hidden;
		padding: 5rem 0;;
	   }

	
	.header .navbar_nav li a{
		padding: 0 28px;
	}
	.product_piclist ul li{
		width: 31%;	
	}
	.Process .processlist ul li{
		margin-right: 3rem;
	}
	.advantage .list ul li{
		margin-right: 30px;	
	}
	.about .abouttop .frame .rightcontent .right{
		display: none;
	}
	.about .abouttop .leftpic{
		width: 100%; 
		background: #000;
	}
	.about .abouttop .leftpic img{
		width: 100%; 
		background: #000;
		filter:alpha(opacity=30);  
        -moz-opacity:0.3;  
        -khtml-opacity: 0.3;  
        opacity: 0.3;
	}
	.about .abouttop .frame{
		left:0;
	}
	.about .abouttop .frame .rightcontent .left{
		width: 100%;
		padding: 15% 0;
	}
	.about .abouttop .frame .rightcontent .left .title h3,.about .abouttop .frame .rightcontent .left .title span,.about .abouttop .frame .rightcontent .left p{
		color: #fff;
	}
	.about .abouttop .frame .rightcontent {
		width: 100%;
		float: right;
		position: relative;
		left: 4%;
}   

	
}

/* - max-width: 1024px to 1279*/
@media only screen and (min-width: 1024px) and (max-width: 1279px){
	.frame {
		width: 970px;
		margin-right: auto;
		margin-left: auto;
       }
	.ny_frame {
		width: 970px;
		margin: 0 auto;
		overflow: hidden;
		padding: 5rem 0;;
	   }
	
	.head .logo {
    width: 70%;
    margin: 0 auto;
    float: none;
	}
	.head .tel{
		display: none;
	}
	.header .navbar_nav li a{
		padding: 0 18px;
	}

	.product_piclist ul li{
		margin: 0 1rem 4rem 0;
	}
	.Process .processlist ul li{
		margin-bottom: 30px;
	}
	.about .abouttop .frame .rightcontent .right{
		display: none;
	}
	.about .abouttop .leftpic{
		width: 100%; 
		background: #000;
	}
	.about .abouttop .leftpic img{
		width: 100%; 
		background: #000;
		filter:alpha(opacity=30);  
        -moz-opacity:0.3;  
        -khtml-opacity: 0.3;  
        opacity: 0.3;
	}
	.about .abouttop .frame{
		left:0;
	}
	.about .abouttop .frame .rightcontent .left{
		width: 100%;
		padding: 15% 0;
	}
	.about .abouttop .frame .rightcontent .left .title h3,.about .abouttop .frame .rightcontent .left .title span,.about .abouttop .frame .rightcontent .left p{
		color: #fff;
	}
	.about .abouttop .frame .rightcontent {
		width: 100%;
		float: right;
		position: relative;
		left: 4%;
}   
	.advantage .list ul li{
		width: 48%;
		margin-bottom: 4rem;
		margin-right: 30px;
	}
	.advantage .list ul li:nth-child(even){
		margin-right: 0;
		
	}
	.footer .footerbottom .footernva ul li{
		width: 13rem;
	}
	.footer .footerbottom .footernva{
		padding: 0;
	}
	.footer .footerbottom .footernva ul li{
		width: 10rem;
	}

	
	
}

/* - max-width: 992px to 1023*/
@media only screen and (min-width: 992px) and (max-width: 1023px){
	
	.frame {
		width: 870px;
		margin-right: auto;
		margin-left: auto;
       }
	.ny_frame {
		width: 870px;
		margin: 0 auto;
		overflow: hidden;
		padding: 5rem 0;;
	   }
	nav .nav-menu{
		top:30%;
	}
	
	.head .tel{
		display: none;
	}
	.head .logo{
		width: 75%;
		float:none;
		margin: 0 auto;
	}
	.header .navbar_nav li a{
		padding: 0 13px;
	}
	.banner img{
		height: auto !important;
	}
	.Process .processlist ul li{
		width: 15.34%;
		margin-bottom: 30px;
	}
	.title{
		margin: 4rem 0;
	}
	.product .slide{
		height: 356px;
	}
	.product .slide li .text span h1{
		height: 30px;
		line-height: 30px;
		overflow:hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size:3rem;
		
	}
	.product .slide li .text p{
		height: 228px;
		-webkit-line-clamp: 9;
		
	}
	.product .slide .triggers{
		bottom: 2rem;
		width: 59.8%;
	}
	.product .slide .icon-dot{
		bottom:17px;
		right: 14.6rem;
	}
	.product_piclist ul li{
		width: 30.5%;
	}
	.Process .list ul li{
		width: 20%;
	} 
	.about .abouttop .frame .rightcontent .right{
		display: none;
	}
	.about .abouttop .leftpic{
		width: 100%; 
		background: #000;
	}
	.about .abouttop .leftpic img{
		width: 100%; 
		background: #000;
		filter:alpha(opacity=30);  
        -moz-opacity:0.3;  
        -khtml-opacity: 0.3;  
        opacity: 0.3;
	}
	.about .abouttop .frame{
		left:0;
	}
	.about .abouttop .frame .rightcontent .left{
		width: 100%;
		padding: 15% 0;
	}
	.about .abouttop .frame .rightcontent .left .title h3,.about .abouttop .frame .rightcontent .left .title span,.about .abouttop .frame .rightcontent .left p{
		color: #fff;
	}
	.about .abouttop .frame .rightcontent {
		width: 100%;
		float: right;
		position: relative;
		left: 4%;
}   

	.advantage .list ul li{
		width: 48%;
		margin-bottom: 4rem;
		margin-right: 30px;
	}
	.advantage .list ul li:nth-child(even){
		margin-right: 0;
		
	}

}

/* - min-width: 168px to max-width: 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.frame {
		width:100%;
		padding: 0 50px;
       }
	.ny_frame {
		width:100%;
		margin: 0 auto;
		overflow: hidden;
		padding: 5rem 50px;
	   }
	 
	.head .logo{
		width: 100%;
		margin: 0 auto;
        float: none;
	}
	.head .tel{
		display: none;
	}
	.banner img{
		height: auto !important;
	}
	.product_piclist ul li{
		width: 28.8%;
	}
	.advantage .list ul li{
		width: 47%;
		margin-bottom: 4rem;
		margin-right: 25px;
	}
	.advantage .list ul li:nth-child(even){
		margin-right: 0;
		
	}
	.about .abouttop .frame .rightcontent .right{
		display: none;
	}
	.about .abouttop .leftpic{
		width: 100%; 
		background: #000;
	}
	.about .abouttop .leftpic img{
		width: 100%; 
		background: #000;
		filter:alpha(opacity=30);  
        -moz-opacity:0.3;  
        -khtml-opacity: 0.3;  
        opacity: 0.3;
	}
	.about .abouttop .frame{
		left:0;
	}
	.about .abouttop .frame .rightcontent .left{
		width: 100%;
		padding: 15% 0;
	}
	.about .abouttop .frame .rightcontent .left .title h3,.about .abouttop .frame .rightcontent .left .title span,.about .abouttop .frame .rightcontent .left p{
		color: #fff;
	}
	.about .abouttop .frame .rightcontent {
		width: 100%;
		float: right;
		position: relative;
		left: 4%;
}   
	.about .abouttop .frame .rightcontent .left {
    width: 100%;
    padding: 2% 0;
		
   }
	.footer .footerbottom .code{
		display: none;
	}
}

/*每隔50一个判断*/

/* - min-width: 1681px to max-width: 1920px */
@media only screen and (min-width: 1681px) and (max-width: 1920px) {
	.product_piclist ul li{
	    width: 31.33%;	
	}
}
/* - min-width: 1600px to max-width: 1680px */
@media only screen and (min-width: 1600px) and (max-width: 1680px) {

}

/* - min-width: 1600px to max-width: 1680px */
@media only screen and (min-width: 1550px) and (max-width: 1599px) {

}

/* - min-width: 1550px to max-width: 1599px */
@media only screen and (min-width: 1500px) and (max-width: 1549px) {
	
}

/* - min-width: 1450px to max-width: 1499px */
@media only screen and (min-width: 1450px) and (max-width: 1499px) {
	
}

/* - min-width: 1400px to max-width: 1449px */
@media only screen and (min-width: 1400px) and (max-width: 1449px) {
	
}

/* - min-width: 1350px to max-width: 1399px */
@media only screen and (min-width: 1350px) and (max-width: 1399px) {
	
}

/* - min-width: 1300px to max-width: 1349px */
@media only screen and (min-width: 1300px) and (max-width: 1349px) {
	
}

/* - min-width: 1250 to max-width: 1299 */
@media only screen and (min-width: 1250px) and (max-width: 1299px) {
	
}

/* - min-width: 1250 to max-width: 1299 */
@media only screen and (min-width: 1250px) and (max-width: 1299px) {
	
}

/* - min-width: 1200px to max-width: 1249px */
@media only screen and (min-width: 1200px) and (max-width: 1249px) {
	
}

/* - min-width: 1150px to max-width: 1199px */
@media only screen and (min-width: 1150px) and (max-width: 1199px) {
	
}

/* - min-width: 1100px to max-width: 1149px */
@media only screen and (min-width: 1100px) and (max-width: 1149px) {
	
}

/* - min-width: 1050px to max-width: 1099px */
@media only screen and (min-width: 1050px) and (max-width: 1099px) {
	
}

/* - min-width: 1000px to max-width: 1049px */
@media only screen and (min-width: 1000px) and (max-width: 1049px) {
	
}

/* - min-width: 950px to max-width: 999px */
@media only screen and (min-width: 950px) and (max-width: 999px) {
	
}

/* - min-width: 900px to max-width: 949px */
@media only screen and (min-width: 900px) and (max-width: 949px) {
	
}

/* - min-width: 850px to max-width: 899px */
@media only screen and (min-width: 850px) and (max-width: 899px) {
	
}

/* - min-width: 800px to max-width: 849px */
@media only screen and (min-width: 800px) and (max-width: 849px) {
	
}

/* - min-width: 768px to max-width: 799px */
@media only screen and (min-width: 768px) and (max-width: 799px) {
	
}

/*每隔50一个判断*/

/* - max-width: 1920 */
@media (max-width: 1920px) {
	.product .slide .link-watch.next{
		left: 55rem;
	}
		
}

/* - max-width: 767 */
@media (max-width: 767px) {
	.frame {
	  width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 0 15px;
    }
    .ny_frame {
	  width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 0 15px;;
    }
	
}

/* -  max-width: 639 */
@media (max-width: 639px) {
	
}	

/* -  max-width: 479 */
@media (max-width: 479px) {
	
}
/* -  max-width: 340 */
@media screen and (max-width: 340px) {
  
}

/*媒体查询*/