﻿*{
padding: 0;
margin: 0;
color: #525252;
font-family: "Microsoft YaHei","Open Sans","STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
ul{
list-style: none;
}
a{
text-decoration: none;
}
.center{
width: 1200px;
margin: 0 auto;
}
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix:after{clear:both;}
.clearfix{
*zoom:1;/*IE/7/6*/
}

.banner{position:relative;}
.banner .hd{position:absolute;z-index:1;bottom:10%; right:30%;}
.banner .hd li{ 
float: left;
margin-left: 20px;
height: 3px;
width: 40px;
background: #C1C1C1;
cursor: pointer;
}
.banner .hd .on{background: #1388c2 !important;}
.banner .left{width:60px;height:80px; position:absolute;z-index:1;top:48%; left:10%;  cursor: pointer;}
.banner .right{width:60px;height:80px;position:absolute;z-index:1;top:48%; right:10%; cursor: pointer;}
.banner .bd img{height:500px;display:block; width:100%;}

.fast-nav{position:relative;z-index:10}
.fast-nav:hover  ul{display:block;}
.fast-nav ul{position:absolute; top:50px; left:0;display:none;}
.fast-nav li{width: 240px;margin-left:0 !important;height: 92px;	line-height: 24px;cursor: pointer;float: left;color: #303030; font-size: 14px;	position:relative;  
  }
.fast-nav li:hover{  background-color: rgba(48,48,48,.8) !important;}
.fast-nav li:hover .li-div{
   display:block;
}
.fast-nav li .li-div{width:960px; height:500px; background-color:#ffffff;  display:none;}
.fast-nav li .div1{position:absolute; left:240px;top:0}
.fast-nav li .div2{position:absolute; left:240px;top:-90px;}
.fast-nav li .div3{position:absolute; left:240px;top:-180px;}
.fast-nav li .div4{position:absolute; left:240px;top:-275px;}
.fast-nav li .div5{position:absolute; left:240px;top:-360px;}
.fast-nav li .div6{position:absolute; left:240px;top:-450px;}
.fast-nav li p{color: #ffffff;margin: 24px 10px 0 80px;}
.fast-nav li .li-div a{float: left;padding: 28px 22px;color: #666666;font-size: 16px;}

.product-text img{max-width:100%; height:auto; display:block; margin:0 auto;}
.produce-list img{max-width:100%; height:auto; display:block; margin:0 auto;}
.text-over{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.clear{clear: both;}
.header{width: 100%;min-width: 1200px;height: 170px;line-height: 120px;/*border: 1px solid red;*/
}
.header .logo div img{
vertical-align: middle;
}
.header .logo>div:nth-child(2) img{
margin-left: 20px;
}
.header .nav .nav-list li{
float: left;
height: 50px;
line-height: 50px;
}
.header .nav div{
float: left;
}
.header .nav .fast-nav{
width: 240px;
height: 50px;
background-color: #1388c2;
color: #FFFFFF;
line-height: 50px;
text-align: center;
}.header .nav .nav-list .on a{
 color:#1388c2 ;
 }
.header .nav .nav-list li{
margin-left: 50px;
}


.cover-page-index-slide {
position: relative;
}
.wfs {
width: 100%;
}
.fl {
float: left;
}
.cover-page-index-slide .border {
position: relative;
overflow: hidden;
}
.cover-page-index-slide .center {
background: #f2f2f2;
width: 1200px;
height: 500px;
margin: 0 auto;
}
.cover-page-index-slide .center .relative {
position: relative;
height: 500px;
}
.nav_banner {
width: 240px;
height: 500px;
position: absolute;
left: 0;

display: block;
}
.pullDownList {
float: left;
position: relative;
}
.pullDownList li{
width: 240px;
height: 125px;
cursor: pointer;
float: left;
/*overflow: hidden;*/
color: #303030;
background: rgba(25,25,25,.5);
font-size: 18px;
/*outline: 1px solid red;*/
}
.pullDownList li em{
display: block;
width: 44px;
height: 44px;
margin: 45px 0 0 20px;
float: left;
}
.pullDownList li:hover{
background: rgba(48,48,48,.8);
}
.pullDownList li p{
color: #ffffff;
margin: 24px 0 0 80px;
}

.pullDownList li .left-content{
position: absolute;
top: 0;
left: 240px;
width: 958px;
height: 498px;
border: 1px solid #1388c2;
z-index: 3;
display: none;
background-color: #ffffff;
cursor: auto;
}
.pullDownList li .left-content a{
float: left;
padding: 28px 22px;
color: #666666;
font-size: 16px;

}
.pullDownList li:hover .left-content{
display: block;
}


.cover-page-index-slide .center .relative .location {
position: absolute;
left: -360px;
}
#wrap {
width: 100%;
height: 500px;
position: relative;
}

.cover-page-index-slide .icons {
padding: 10px 0 ;
background-color: #F2F2F2;
}
#tips li {
float: left;
margin-left: 20px;
height:3px;
width: 40px;
background: #C1C1C1;
cursor: pointer;
}
#tips li.cur {
background: #FC7878;
}
.show_pre {
position: absolute;
top: 186px;
/* display: none; */
height: 70px;
width: 55px;
text-indent: -9999px;
background-repeat: no-repeat;
/*outline: 1px solid red;*/
}
.cover-page-index-slide a.show_pre {
left: 288px;
background-image: url(../images/cover-page-slide-icon-left_20160203.png);
}

.cover-page-index-slide a.show_pre, .cover-page-index-slide a.show_next {
position: absolute;
top: 186px;
/* display: none; */
height: 70px;
width: 55px;
text-indent: -9999px;
background-repeat: no-repeat;
}
.cover-page-index-slide a.show_next {
right: 17px;
background-image: url(../images/cover-page-slide-icon-right_20160203.png);
}
.cover-page-index-slide a.show_next:hover {
background-image: url(../images/cover-page-slide-icon-right_20160203_hover.png);
}
.cover-page-index-slide a.show_pre:hover {
background-image: url(../images/cover-page-slide-icon-left_20160203_hover.png);
}




.part1{
width: 1200px;
height: 50px;
line-height: 50px;
margin: 0 auto;
/*border: 1px solid red;*/
}
.part1 img{
float: left;
margin-top: 15px;
margin-left: 10px;

}



.part1{ overflow:hidden; position:relative;   }
.part1 .bd{width: 800px;float: left }
.part1 .infoList li{ height:40px; line-height:40px;   }
.part1 .bd li a{
color: #34475e;
font-size: 14px;
margin-left: 40px;
}
.part1 .infoList li .date{ float:right; color:#999;  }
.part1 .search{
float: right;
margin-top: 10px;

}
.part1 .search input{
width: 235px;
height: 30px;
padding-left: 5px;
margin-left: 5px;
float: left;


border-radius: 5px;
border: 1px solid lightgrey;
}
.part1 .search button{
background-color: #1388c2;
outline: 0;
border: none;
width: 60px;
float: left;
height: 30px;
color: #FFFFFF;
border-radius: 5px;
cursor: pointer;
margin-top: 1px;
}

/*加工案例展示*/
.part2{
/*margin-top: 28px;*/
}
.title{
border-bottom: 1px solid lightgrey;
padding-bottom: 10px;
}
.title h3{
margin-top: 28px;
margin-bottom: 10px;
font-size: 18px;
color: #1388c2;
}

.title .name{
text-align: left;
font-size: 15px;
color: #969696;
}
.title .more{
   float: right;
font-size: 13px;
color: #333;
cursor: pointer;
}



.slideTxtBox {
height: 450px;
width: 100%;
margin-top: 20px;
}
.slideTxtBox .hd{
float: left;
}
.slideTxtBox .hd ul .on{
background: url("../images/slide-on.png")no-repeat;
color: #1388c2;
}
.slideTxtBox .hd ul li{
width: 236px;
height: 90px;
line-height: 90px;
text-align: center;
color: #FFFFFF;
cursor: pointer;
background: url("../images/slide-bg.png")no-repeat;
}
.slideTxtBox .bd{
width: 940px;
height: 450px;
float: left;
/*border: 1px solid red;*/
}
.slideBox1{
height: 450px;
overflow: hidden;
position: relative;
}
.slideBox1 .hd1{
position: absolute;
bottom:20px;
left: 20px;
z-index: 10;

}
.slideBox1 .hd1 ul li{
float: left;
width: 10px;
height: 10px;
cursor: pointer;
border-radius: 50%;
background-color: #FFFFFF;
margin-left: 10px;
}
.slideBox1 .hd1 ul .on{
background-color: #1388c2;
}

.slideBox1 .bd1{
width: 700px;
height: 450px;
}
.slideBox1 .bd1 ul li{
width: 700px;
height: 450px;

}
.slideBox1 .bd1 ul li img{
width: 700px;
height: 450px;
float: left;
}
.slideBox1 .slide-content{
width:240px;
height: 450px;
position: absolute;
top: 0;
right: 0;
z-index: 55;
background: url("../images/2.png")no-repeat;
float: left;
}
.slide-content div{
width: 198px;
margin: 10px 20px 0 20px;
float: left;
}
.slide-content div p{
margin-bottom: 3px;
font-size: 13px;
color: #FFFFFF !important;
}
.slide-content input{
width: 100px;
height: 26px;
border: 0;
}
.slide-content .check{
margin-left: 20px;
background-color: #e9e1dd;
color: #1388c2;
cursor: pointer;
}
.slide-content .zixun{
background-color: #195b9e;
color: #FFFFFF;
cursor: pointer;
height: 26px;
    text-align: center;
    line-height: 26px;
}






/*产品中心*/
.slide2{
   
position: relative;
left: 0;
top: 10px;
margin-bottom: 34px;
}

.slide2 .bd ul li{
	margin-bottom:15px;
float: left;
width: 279px;
background-color: #e6e6e6;
text-align: center;
margin-right: 27px;
}
.slide2 .bd ul li p{height:35px;line-height:35px;}
.slide2 .bd ul li .img{width:279px;height:197px;overflow:hidden;}
.slide2 .bd ul li .img img{display:block;max-width:100%;margin:0 auto;}
.slide2 .prev{
width: 10px;
height: 30px;
position: absolute;
left: 0;
top: 67px;
background: url("../images/left2.png");
}

.slide2 .next{
width: 10px;
height: 30px;
position: absolute;
right: 0;
top: 67px;
background: url("../images/right2.png");
}

.part4{
margin-top: 40px;
}
.part4 .a h1{
padding-bottom: 20px;
color: #1388c2;
text-align: center;
}
.part4 .a  p{
font-size: 14px;
color: #969696;
text-align: center;
}
.part4 .a .ys{
width: 1200px;
height: 1975px;
background: url("../images/part4-bg.jpg") no-repeat;
display: block;
margin-top: 40px;
position: relative;
}
.part4 .a .ys .one{
position: absolute;
right: 80px;
top: 160px;
}
.part4 .a .ys .two{
position: absolute;
left: 160px;
top: 665px;
}
.part4 .a .ys .three{
position: absolute;
right: 140px;
top: 1180px;
}
.part4 .a .ys .four{
position: absolute;
left: 165px;
bottom: 36px;
}
.title2{
color: #1388c2;
font-size: 24px;
margin-bottom: 70px;
}
.list{

width: 290px;
}
.list li{
margin-bottom: 15px;
padding-left: 20px;
background: url("../images/li-bg.png")no-repeat;
background-position: 0 5px;
}


/*公司介绍*/
.part5{
width: 100%;
min-width: 1200px;
height: 457px;
display: block;
background: url("../images/banner4.jpg")center no-repeat;
}
.part5 .cp-text{
position: relative;
height: 457px;
}
.part5 .cp-text .txt-cnt{
   width: 770px;
position: absolute;
top: 65px;
/* left: 310px; */
   
}
.part5 .cp-text .txt-cnt p{
	 font-size: 16px;
color: #ffffff;
	line-height: 38px;
}
.part5 .cp-text .div{
position: absolute;
right: 0;
top: 55px;
width: 403px;
height: 283px;
background: url("../images/8.png");
}
.part5 .cp-text div ul li{
float: left;
width: 200px;
height: 94px;
line-height: 94px;
text-align: center;
}



/*合作客户*/

.slide2-a{
position: relative;
/*border: 1px solid red;*/
top: 30px;
}
.slide2-a .bd{
margin-left: 40px;
}
.slide2-a .bd ul li{
border: 1px solid #ddd;
width: 271px;height: 250px;
margin-right: 6px;
}
.slide2-a .bd ul li img{
width: 100%;
height: 200px;
}
.slide2-a .bd ul li p{
text-align: center;
    font-size: 14px;
	padding: 0 10px;
}
.slide2-a .prev{
width: 10px;
height: 30px;
position: absolute;
left: 0;
top: 85px;
background: url("../images/left2.png");

}
.slide2-a .next{
width: 10px;
height: 30px;
position: absolute;
right: 0;
top:85px;
background: url("../images/right2.png");

}

.part7{
margin-top: 28px;
}
/*合作客户*/
.customer{
width: 820px;
float: left;
}
.problem{
width: 340px;float: left;
margin-left: 20px;
}
.customer ul li{
margin-top: 35px;
float: left;
}
.customer ul li img{
width: 222px;
height: 144px;
float: left;
}

.customer ul li div{
float: left;
width: 560px;
font-size: 13px;
height: 144px;
margin-left: 20px;
}
.red{
color: #1388c2;
}

.customer ul li div h4{
font-weight: normal;
margin: 5px 0;

}
.customer ul li div p{
line-height: 20px;

}
.problem-content{
background-color: #f6f6f6;
margin-top: 10px;

}
.problem-content ul{
padding: 10px;
font-size: 13px;
}
.problem-content ul li{
border-bottom: 1px dashed lightgrey;
padding-bottom: 10px;
margin-bottom: 10px;
}
.problem-content ul li img{
width: 22px;
height: 18px;vertical-align: middle;
margin-right: 5px;


}
.problem-content ul li h4{
background: url("../images/wd_d.png")no-repeat;
margin-bottom: 10px;
padding-left: 30px;
}
.problem-content ul li p{
padding-left: 30px;
background: url("../images/wd_w.png")no-repeat;
}

.latest-order{
background-color:#f6f6f6 ;
margin-top: 8px;
}
.latest-order .bd {
margin:0 20px;
}
.latest-order ul li{

  height:30px; line-height:30px;
border-bottom: 1px dashed lightgrey;
font-size: 13px;
}
.part8{
margin-top: 35px;
}
.news-center{
width: 350px;
float: left;
}
.industry-news{
width: 340px;
float: left;
margin-left: 76px;
}
.technology{
width: 340px;
float: left;
margin-left: 76px;
}
.top{
font-size: 12px;
padding: 15px 0;
}
.news-center .top img{
float: left;
}
.news-center .top p{
float: left;
width: 140px;
margin-left: 15px;
line-height: 20px;

}
.news-list li{
background: url("../images/ico3.png")no-repeat;
padding-left: 15px;
background-position: 0 11px;
padding-bottom:5px ;
padding-top: 5px;
font-size: 13px;
border-bottom: 1px dashed lightgrey;
float: left;
width: 331px;
}

.link{
padding: 26px 0;
background-color: #f0f0f0;
}
.link p{
font-size: 24px;
color: #969696;
margin-bottom: 18px;

}

.link ul li{
float: left;
font-size: 13px;
color: #969696;
margin-right: 37px;
margin-bottom: 10px;
}
.footer{
margin-top: 35px;
}
.button-nav{
margin: 0 auto;
width: 1020px;
margin-top: 15px;
}
.button-nav li{
float: left;
width: 130px;
height: 17px;
line-height: 17px;
text-align: center;
border-right: 1px solid;
}
.button-nav li:last-child{
border: none
}
.copyright{
text-align: center;
margin-top: 25px;
margin-bottom: 17px;
font-size: 13px;
color: #303030;
}






/*产品中心（内页）*/
.produce-center{
margin-top: 20px;
}
.left{
width: 792px;
float: left;
}
.location{
border: 1px solid #f0f0f0;
height: 38px;
line-height: 38px;
border-radius: 5px;
padding-left: 18px;
font-size: 15px;
color: #969696;
}
.location a{
color: #969696;
}
.produce-list{
border: 1px solid #f0f0f0;
margin-top: 10px;
border-radius: 5px;
padding: 18px;
}
.produce-list ul li{
float: left;
margin-bottom: 30px;
	text-align:left;
}
.produce-list ul li h5{font-size:16px;font-weight:normal;color:#525252;height:35px;line-height:35px;}
.produce-list ul li:hover .bb{
border: 1px solid #c72828;
}
.produce-list ul li a,.produce-list ul li img{display:block;}
.produce-list ul li .border{
width:355px;
	height:204px;
	overflow:hidden;
}
.produce-list ul li .b{padding:0 10px;}
.produce-list ul li .bb{border: 1px solid lightgrey;}

.produce-content{
padding-left: 15px;
font-size: 13px;
	width:410px;
}
.produce-content h3{
font-size: 18px;
font-weight: normal;
margin-bottom: 8px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.produce-content h4{
font-size: 13px;
font-weight: normal;
	width:410px;
}
.produce-content p{
margin-top: 5px;
	width:410px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.produce-content .online{
width: 114px;
height: 34px;
border: none;
display: block;
cursor: pointer;
margin-top: 10px;
background: url("../images/online-consulting.png");
}

.total-page{
height: 40px;
line-height: 40px;
border: 1px solid #f0f0f0;
border-radius: 5px;
margin-top: 10px;
background-color: #f9f9f9;
}
.total-page p{
padding: 0 10px;
font-size: 13px;
}
.total-page .page-number{
float: right;
}
.total-page  a{
border: 1px solid #d4e3e9;
display: inline-block;
vertical-align: middle;
margin: 0 3px;
height: 25px;
padding: 0 10px;
line-height: 25px;
}
.total-page .current_page{color:#1388c2;border:1px solid #1388c2;}
.total-page .page-number a img{
vertical-align: middle;
}
.total-page .page-number .on{
background-color: #1388c2;
color: #FFFFFF;
}
.right{
width: 285px;
float: left;
margin-left: 15px;
}
.right .right-producecenter{
border: 1px solid #1388c2;
margin-bottom: 20px;
}
.right .right-producecenter h4{
height: 40px;
line-height: 40px;
text-align: center;
color: #FFFFFF;
font-weight: normal;
background-color: #1388c2;
}


.sideMenu{ border:1px solid #ddd;padding: 10px 13px }
.sideMenu h3{
height:40px;
line-height:40px;
padding-left:14px;
border-top:1px solid #e3e3e3;

cursor:pointer;
font-size: 16px;
font-weight: normal;
color: #333333;
}
.sideMenu .on{
background:#1388c2;
color: #ffffff !important;
}
.sideMenu ul{ padding:8px 10px; color:#999; display:none; /* 默认都隐藏 */ }

.sideMenu ul li{
border: none;

}
.sideMenu .news-list li a span {
color: #303030 !important;
}


/*最新产品*/
.newest{
margin-bottom: 10px;
}
.newest li{
text-align: center;
margin-top: 10px;
}
.newest li img{
width: 223px;
height: 156px;
}
.contact-content{
padding: 10px;
font-size: 15px;
color: #303030;
}
.contact-content h3{
font-weight: normal;
text-align: center;
font-size: 18px;
margin: 15px 0;
}




/*产品详情*/

.slideBox-product{
width: 600px;height: 380px;
overflow: hidden;
position: relative;
}
.slideBox-product .hd1{
width: 300px;
height: 62px;
position: absolute;
bottom:2px;
left: 34px;

}
.slideBox-product .hd1 ul li{
width: 62px;
height: 62px;
/*padding: 2px;*/
cursor: pointer;
border: 1px solid #dddddd;
margin-right: 20px;
}
.slideBox-product .hd1 ul li img{
width: 100%;
height: 100%;
}

.slideBox-product .bd1{
/*border: 1px solid red;*/
position: relative;
}
.slideBox-product .bd1 li{
width: 304px;
height: 302px;
padding: 2px;
/*border: 1px solid red;*/

}
.slideBox-product .bd1 li .border{
width: 302px;
height: 257px;
padding: 1px;
}
.slideBox-product .bd1 li .border img{
width: 100%;
height: 100%;
margin: 0;
}
.slideBox-product .bd1 .produce-content{

position: absolute;
left: 320px;
top: 10px;

}


.produce-centerList ul li{
width: 100%;
}

.slideBox-product .prev1{
width: 20px;height: 20px;
background: url("../images/arrows.png")0 0 no-repeat;
position: absolute;
display: block;
bottom: 20px;
left: 0;
}
.slideBox-product .next1{
width: 20px;height: 20px;
background: url("../images/arrows.png") -20px 0 no-repeat;
position: absolute;
display: block;
bottom: 20px;
left: 280px;
}







.title3 span{
width: 100px;
height: 35px;line-height: 35px;
background-color: #1388c2;
color: #FFFFFF;
display: block;
text-align: center;

}
.title3 {
/*padding-bottom: 1px;*/
border-bottom: 2px solid #1388c2;
padding: 0;
margin-bottom: 10px;
margin-top: 55px;
}
.pr-text{
margin-left: 50px;
margin-bottom: 35px;
}
.pr-text h3{
margin-bottom: 25px;
font-weight: normal;

}
.pr-text p{
font-size: 13px;
color: #969696;
line-height: 30px;
}



form div label{
float:left;
width:120px;
text-align:right;
margin:1px;
font-size: 14px;
color: #57595c;
}
form div{
clear:left;

margin-bottom:10px;
line-height: 20px;
}
form div input{
/*width: 277px;*/
}
form div textarea{
width: 417px;
height: 75px;
}
form div span{
vertical-align: middle;
}
form .change{
display: inline;
background-color: transparent;
border: none;


}
form input[type=submit],form input[type=reset]{
padding: 6px 16px;
color: #FFFFFF;
border: none;
cursor: pointer;

}
form input[type=submit]{
margin-left: 120px;
background-color: #1388c2;
}
form input[type=reset]{
background-color: #aaaaaa;
}



/*加工案例*/
.case li{
text-align: center;
margin-right: 19px;
float: left;
margin-bottom: 25px !important;
}
.case li:hover div{
border: 1px solid #1388c2;
}
.case li div{
width: 224px;
height: 156px;
padding: 3px;
border: 1px solid #f0f0f0;
}
.case li div img{
width: 100%;
height: 100%;
}
.case li  p{
font-size: 13px;
}

.recommend ul{
width: 792px;

margin-top: 25px;

}

/*案例详情*/
.case-name{
text-align: center;
padding-bottom: 25px;
font-weight: normal;
border-bottom: 1px dashed lightgrey;
}
.time{
   font-size: 13px;
margin: 15px 0;
}
.pr-img{
text-align: center;
margin: 0 auto;
margin-top: 20px;
}
.pr-img img{
/*width: 100%;*/
margin-top: 14px;
}
.keyword{
text-align: center;
font-size: 13px;
}
.keyword a{
margin-left: 10px;
}

.news-li li{
width: 100%;

position: relative;
border-bottom: 1px dashed lightgrey;
padding-bottom: 30px;

}
.news-li li h5{
font-size: 15px;
margin-bottom: 20px;
}
.news-li li p{
font-size: 13px;
}
.news-li li .date{
position: absolute;
right: 0;
top: 0;
font-size: 13px;

}
/*联系我们*/
.contact-img{
background: url("../images/11.png")right no-repeat;
}

/*返回顶部按钮*/
#returnTop{
position: fixed;
right: 0;
top: 900px;
cursor: pointer;
}