/*.banner {width:1920px; height:700px;margin:0 auto;background:#cccccc;overflow:hidden;position:relative;}*/
/*.banner ul { position:absolute;left:0;top:0;z-index:100;}*/
/*.banner ul li { display:block;width:1920px;height:700px;float:left;}*/
/*.banner .con { position:absolute; left:45%; bottom:3%;z-index:101; }*/
/*.banner .con a { float:left; margin-right:8px; display:block; width:8px; height:8px; border-radius:100%; background:#000;z-index:101;}*/
/*.banner .con a.active { background:#fff;}*/
/*.banner .u { width:30px;height:20px;background:rgba(255,255,255,0.5); display:none;}*/
/*.banner .left { position:absolute; top:40%;left:2%;z-index:103;}*/
/*.banner .right { position:absolute; top:40%;right:2%;z-index:103;}*/

.slider {
    border:none;
    position: relative;
    z-index: 9;
    height: 700px;
    min-width: 1200px;
    width: 100%;
    overflow: hidden;
}
.slider .slider-pointer {
    position: absolute;
    bottom: 86px;
    color: #fff;
    list-style: none;
    padding: 0;
    z-index: 999;
}
.slider .slider-pointer li {
    display: inline-block;
    margin: 0 15px;
    width: 62px;
    height: 5px;
    background-color: #a0a0a0;

}
.slider .slider-pointer li:hover {
    background-color: #000000;
}
.slider .slider-pointer li.active {
    background-color: #000000;
}
.slider .slider-inner {
    width: 100%;
    height: 100%;
    position: relative;
}
.slider .slider-inner .item {
    width: 100%;
    height: 100%;
    float: left;
}
.slider .slider-inner .img {
    background-position: center top !important;
    width: 100%;
    height: 100%;
}
.slider .slider-control {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 999;
    border-radius: 30px;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    line-height: 30px;
    background-color: #ffffff;
    opacity: 0.5;
    cursor: pointer;
    top: 40%;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    transition: all 320ms ease;
}
.slider .slider-control:hover {
    opacity: 0.65;
    background-color: #ff000a;
}
.slider .slider-control:active {
    opacity: 0.85;
}
.slider .slider-control.prev {
    display: none;
    left: 20px;
}
.slider .slider-control.next {
    display: none;
    right: 20px;
}
.slider:hover .slider-control.prev {
    display: block;
    left: 20px;
}
.slider:hover .slider-control.next {
    display: block;
    right: 20px;
}

.touch{
	width: 100%;
	height: 700px;
	margin:0 auto;
	border:none;
	background: url(../images/touch.jpg) no-repeat;
	background-position: center center;
}
.touch-left,.touch-right{
	width: 600px;
	float: left;
}
.touch-left{
	margin-top:106px;
	padding-right: 32px;
}
.touch-title{
	font-size: 72px;
	font-family: Myriad Pro;
	color:#ff000a;
}
.touch-title_1{font-size: 30px;}
.touch-title_line{display: inline-block;width: 80px; height: 2px;  background-color:#ff000a; }
.touch-content{ font-size: 16px; line-height: 30px; margin-top:40px;}
.touch-link{ display: block; border:2px solid #000000; width:196px; height: 50px; font-size: 16px; color:#000000; text-align: center; line-height: 50px; margin-top:110px;}
.link-icon{ display: inline-block;margin-left:20px;width: 0px;height: 0px;border-top: 6px solid #eeeeee;border-right: 6px solid #eeeeee;border-bottom: 6px solid #eeeeee;border-left: 6px solid #000000;}
.touch-right_1{ width: 300px; height: 200px; border-right: 1px solid #5d7669; float: left; margin-top: 108px;}
.touch-right_1 img{ margin-left:129px;}
.wosp{}
.wosps{ font-size: 60px; margin-top:24px; text-align: center; color:#ffffff; border-right:3px solid #ffffff; height: 56px; line-height: 56px;}
.wospe{font-size: 16px; text-align: center; color:#ffffff; width: 100px; margin:12px auto;}
.product{width: 1200px; margin:0 auto;}
.link-line{ border-bottom: 1px solid #000000;}
.product-title{ height: 80px; background: url("../images/products.jpg") no-repeat; background-repeat:no-repeat; width: 400px; margin: 70px auto 0 auto;}
.product-text{display: inline-block; height: 56px; line-height: 56px; font-size: 30px; color:#000000; text-align: center; width: 100%;}
.product-line{ width: 58px; height: 2px; background-color: #ff000a; margin: 0 auto}
.procuct-nav{ height: 50px; border-bottom: 1px solid #d7d7d7;}
.procuct-nav ul { height: 50px; width:fit-content;width:-webkit-fit-content;width:-moz-fit-content; margin:0 auto;}
.procuct-nav li{ float: left; text-align: center; line-height: 50px; padding: 0 12px;}
.procuct-nav a{ font-size: 16px; color:#666666; display: inline-block; height: 50px;}
.product-content{ margin-top:50px;}
.product-content-list li{float: left; width: 288px;margin-right:16px; position: relative;}
.product-img{ height: 216px; width: 100%; border: 1px solid #eeeeee;}
.product img{ margin: 33px 66px;}
.product-info{ width: 100%; height: 118px; margin-top:6px; background-color: #f4f4f4; text-align: center; padding-top:30px;}
.product-info a{ font-size: 18px; color:#333333; }
.product-info p{ font-size: 14px;color:#999999;}
.product-foot{width:100%;height: 170px;}
.isrd{border-top: 6px solid #ffffff;border-right: 6px solid #ffffff;border-bottom: 6px solid #ffffff; }
.ddds{margin: 60px auto;}
.looks{position:absolute;bottom:-20px; left:128px; width: 40px; height: 40px; background: url("../images/icon-6.png") no-repeat; cursor: pointer;}
.product-content-list li:hover .looks{background-image: url("../images/icon-7.png");}
.case{ width: 100%;}
.case-top{ width: 100%; background-color: #ff000a; height: 130px; line-height: 130px;}
.case-bt{ font-size: 30px; color:#ffffff; float:left;}
.case-page{ float: right; height: 130px;}
.case-page a{ font-size: 14px; color:#ffffff;}
/*.page-next,.page-last,.page-line{ display: inline-block;}*/
/*.page-next{width: 0px;height: 0px;border-top: 6px solid #ff000a;border-right: 6px solid #ff000a;border-bottom: 6px solid #ff000a;border-left: 6px solid #ffffff;}*/
/*.page-last{width: 0px;height: 0px;border-top: 6px solid #ff000a;border-right: 6px solid #ffffff;border-bottom: 6px solid #ff000a;border-left: 6px solid #ff000a;}*/
/*.page-line{ width: 2px; height: 10px; background-color: #ffffff; margin:0 20px;}*/
.case_content{ width: 100%; height: 586px;background: url("../images/back.jpg") no-repeat;background-position: center center;}
.case_content ul{ height: 370px; width: 100%;}
.case_content li{ float:left; width: 300px;}
.case-show{ width: 300px; height: 350px; position: relative; z-index:99; cursor: pointer;}
.case-info{ position: absolute; bottom:0; left: 0; width: 300px; height: 130px; background:url('../images/back-se.png') no-repeat;}
.case-text{ padding:50px 0 0 30px;}
.text01{ color:#ffffff; font-size: 18px; margin-bottom: 10px;}
.text02{ color:#ffffff; font-size: 14px;}
.case-hover-foot{ background-color: #ff000a; height: 20px; width: 100%; display: none;}
.case-show:hover .case-info{top:-130px; background: #ffffff;}
.case-show:hover .text01{color:#000000;}
.case-show:hover .text02{color:#999999;}
.case-show:hover+.case-hover-foot{ display: block;}
.news{ width: 1200px; margin:-130px auto 0 auto; background-color: #ffffff; padding-top: 70px;}
.new-title{ background: url("../images/news.jpg") no-repeat; width: 220px; margin:0 auto 30px auto;}
.news-list{ height: 470px;}
.news-list li{ width: 370px; height: 230px; float: left; margin:0 40px 30px 0;}
.new-date{ height: 40px; width: 100%; line-height: 40px; border-bottom: 1px solid #d7d7d7;}
.text03{ font-size: 24px; color:#999999;}
.text04{ font-size: 14px; color:#cccccc;}
.new-info{padding-top: 30px;}
.new-info-bt{ font-size: 18px; color:#333333;}
.new-info-con{ font-size: 14px; color:#999999;}
.new-hover {width: 40px;height: 40px;background: url(../images/icon-6.png) no-repeat; margin-top:20px; cursor: pointer;}
.news-list li:hover .new-hover{background: url(../images/icon-7.png) no-repeat;}
.lines-link{ display: block; position: absolute; top:15px; left:502px; border:2px solid #000000; width:196px; height: 50px; font-size: 16px; color:#000000; text-align: center; line-height: 50px;}
.lines{ width: 1200px; height: 60px; margin: 0 auto 70px auto; position: relative;}
.lines_1{float:left;border-top:1px solid #000000; height: 1px; width: 520px; margin-bottom: -10px;}
.lines_2{float: right; border-top:1px solid #000000; height: 1px; width: 520px;}
.lines-icon{display: inline-block;margin-left:20px;width: 0px;height: 0px;border-top: 6px solid #ffffff;border-right: 6px solid #ffffff;border-bottom: 6px solid #ffffff;border-left: 6px solid #000000; }