/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:' '; /*color:#ffffff;*/}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/
.header{
	width: 100%;
	background-color: #000000;
	z-index: 999999;
	    position: relative;
}
.header1{
	width: 1200px;
	height: 95px;
	background-color: #000000;
	margin: 0 auto;
}
.con{
	width: 100%;
	
}
.logo{
	float: left;
	width: 173px;
	height: 66px;
	z-index: 9999;
	margin-top: 16px ;
}
.logo img{
	width: 100%;
	height: 100%;
}
.logo1{
	float: left;
	    width: 358px;
	    height: 95px;
}
.logo1 img{
    width: 197px;
    height: 20px;
    margin-top: 59px;
    margin-left: 12px;
}
.rightlm{
		margin-top: 95px;
	    right: 0px;
	    top: 0px;
	    bottom: 0px;
	    margin: auto;
	    z-Index: 19;
	    width: 48px;
	    height: 100%;
	    position: fixed;
		background-color: #3D3D3D;

}
.conwapper{
	width: 1200px;
	margin: 0 auto;
	
	
}
.conwapper li:hover img{
	transform:scale(1.2,1.2);}
.conwapper1{
	width: 1000px;
	margin: 0 auto;
	
	
}
.newcon{
	  
	    z-Index: 3;
	    width: 730px;
	    height: 40px;
		border-bottom: 1px solid black;
	   
}
.u1{
	width: 100%;
	margin-bottom: 10px;

}
.u1 li h3{
	    padding: 0;
	    margin: 0;
	    width: 100%;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
		
}
.li2{
	display: block;
	width: 100%	;
}
.u1 p{
	padding: 0;
	    margin: 0;
	    margin-top: 5px;
	    line-height: 18px;
	    font-family: ' ';
	    font-size: 12px;
	    font-style: normal;
	    font-weight: normal;
	    color: #999;
	    text-decoration: none;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    word-break: break-all;
	    overflow: hidden;
	    text-overflow: ellipsis;
}
.u1 p span{
	    padding: 0;
	    margin: 0;
	    font-family: ' ';
	    font-size: 12px;
	    font-style: normal;
	    font-weight: normal;
	    color: #999;
	    text-decoration: none;
	    line-height: 18px;
}
.u1 a{
	height: 20px;
	    line-height: 20px;
	    display: block;
	    font-family: ' ';
	    font-size: 14px;
	    font-style: normal;
	    font-weight: normal;
	    color: #444;
	    text-decoration: none;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
}
.u1 li{
	min-height: 20px;
}
.newcon span{
	    font-size: 24px;
}
.conwapper ul{
	width: 100%;
	display: inline-block;
}
.conwapper ul li{
	    margin-right: 20px;
	    margin-bottom: 20px;
	        width: 277px;
	        display: inline-block;
			text-align:center;
}
.conwapper ul li img{
	width: 100%;
	height: 200px;
}
.conwapper ul li a{
	    color: #000;
	    font-size: 14px;
	    font-family: ' ';
}
.conwapper ul li a:hover{
	/*text-decoration: underline;*/
	color: #ea8375;	
}
.down{
	margin-top: 95px;
	width: 100%;
	height: 132px; position: relative;
}
.QQ{
		
	width: 100%;
	
	
}
.QQ img{
		
}
.wexin{
	width: 100%;
	height: 132px; position: relative;
}
.wright{
	width: 48px;
	height: 132px;
	
}
.wright img{
	width: 100%;
	height: 100%;
}
.lright{
	width: 132px; position: absolute; top: 0; right: 100%; display: none;
	background-color: white;
}
.web{
	
	width: 100%;
	height: 132px;
	
}
.conwapper2{
		width: 1200px;
		margin:  0 auto;
		text-align: center;
}
.newdetilcon{
	width: 100%;
	height: 55px;
	text-align: center;
	border-bottom: 1px solid black;
}
.newdetilcon span{
	font-size: 24px;
	    font-family:  , " ";
	    color: rgb(127, 127, 127);
		
}
.conwapper3{
		width: 1200px;
		margin:  0 auto;
		text-align: center;
}
.productcon{
		text-align: left;
	    z-Index: 3;
	    width: 730px;
	    height: 40px;
		border-bottom: 1px solid black;
	   
}
.productcon span{
	    font-size: 24px;
}
.newtxt{
	width: 100%;
	border-bottom: 1px black solid;
}
.con1{
	z-Index: 5;
	    width: 100%;
	   
	   
}
.con1 ul{
	width: 100%;
	}
.con1 li{
	width: 250px;
	    margin-right: 15px;
	    margin-bottom: 15px;
	border: 1px solid #E6E6E6;
		float:left;
}
.con1 li:hover{
	<!--border: 1px solid red;-->
}
.pic{
	    width: 250px;
	    height: 175px;
	    line-height: 175px;
		overflow: hidden;
}
.pic_in{
	width: 100%;
	height: 100%;


	
}
.con1 a{
	width: 100%;
	
}
.pic_in:hover{
		    transform: scale(1.1) !important;
}
.wexin:hover .lright{ display: block;}
.lright img{ width: 100%;}
.pictitle{
	text-align: center;
}
.pictitle p{
	height: 40px;
}
.pictitle a{
	font-size: 14px;
	color:#000;
}
.pictitle a:hover{
	color:#ea8375;
	/*text-decoration: underline;*/
}
.page1{
	width: 100%;
	height: 60px;
}
.page1 ul{
	width: 400px;
	margin: 0 auto;
}
.page1 li{
	    float: left;
	    margin-right: 10px;
	    height: 30px;
	    line-height: 30px;
	    text-align: center;
}
.page1 a{
	width: 30px;
	height: 30px;
	    color: #666666;
	    background: white;
	    border-color: #dddddd;
	    border-width: 1px;
	    border-style: solid;
	    border-radius: 3px;
		display: inline-block
}
.page1 a:hover{
	background-color: #DDDDDD;
}
.page1 a.active{
		background-color: #DDDDDD;
}
.detiltext{
	width: 100%;
	
}
.pic_1{
	width: 100%;
}
.pic_1 img{
	max-width: 918px;
}
.page2{
	width: 100%;
}
.pagelf{
	width: 480px;
	height: 80px;
	float: left;
	font-size: 12px;
	line-height: 80px;
	font-weight: bold;
}
.pagelf a:hover{
	text-decoration: underline;
	color: #000000;
}
.pagert{
	width: 480px;
	height: 80px;
	float: right;
	font-size: 12px;
	line-height: 80px;
	text-align: center;
	font-weight: bold;
}
.pagert a:hover{
	text-decoration: underline;
	color: #000000;
}
.contactdetil{
	width: 100%;
	height: 500px;
}
.cotlf{
	width: 400px;
	
	float: left;
}
.adress{
	width:100% ;
}
.ditu{
	width: 100%;
	height: 240px;
	border: 1px solid #999999;
}
.cotrt{
	    z-Index: 6;
	    width: 586px;
	    height: 466px;
	    float: right;
}
.cotrt input{
	width: 100%;
	    height: 28px;
	    line-height: 28px;
	    border: 1px solid #dcdcdc;
	    background-color: #fafafa;
	    color: #666;
	    font-size: 12px;
}
.cotrt textarea{
	padding: 3px;
	    width: 100%;
	    height: 102px;
	    border: 1px solid #dcdcdc;
	    background-color: #fafafa;
	    color: #666;
	    font-size: 12px;
}
.ly img{
	width: 80px;
	height: 100%;
	float: left;
}
.p1{
	height: 30px;
}
.ly a{
	font-size: 12px;
	line-height: 30px;
}
.ly a:hover{
	color: #000000;
	text-decoration: underline;
}
.ly input{
	
		
}
/*menu*/
.menu{float: right; height:40px;line-height:40px;background:#000; margin-top: 50px;}
.menu ul li{ float:left; position:relative; width:90px; }
.menu ul li.active{background-image: url(../images/8786492_图层-267.png);background-repeat: no-repeat;background-position-x: center;background-position-y: bottom;}
.menu ul li dl{ background:#000; width:159%; position:absolute; left:-29px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li:hover dl{ display:block;}
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 2px;text-align:center; }
.menu ul li dl dd a{ font-size:12px; color:#FFF; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#ea8375;}
.menu a{ font-size:14px;color:#fff; text-decoration:none; font-weight:normal;display:block;text-align:center;}

.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:360px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:360px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:10px; width:10px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;background-size: 10px 10px;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat;background-size: 10px 10px; }
.banner_03 .prev { position:absolute;  TOP:50%; left:60px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:60px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

.foot{
	width: 100%;
	  height: 202px;
	    background-color: #ea8375;
}
.footwapper{
	width: 1200px;
	margin: 0 auto;
}
.foottext{
	width: 500px;
	float: left;
	margin-top: 124px;
}
.erwei{
	float: left;
	width: 140px;
	height: 140px;
	margin-top: 30px;
	
}
.erwei img{
	width: 100%;
	height: 100%;
}
.footright{
	width: 498px;
	float: right;
	margin-top: 30px;
}
.text-lf{
	float: left;
	width: 166px;
}
.text-lf p{
	font-size: 12px;
	color: #ffffff;
}
.text-rt{
	float: right;
	width: 204px;
}
.text-rt p{
	font-size: 12px;
	color: #ffffff;
}
.fuw{
	    text-align: center;
	    width: 100%;
	    margin: 3px 0 5px 0;
	    line-height: 16px;
	    font-size: 10px;
	    color: #333333;
}
/*Add------------------------------------------------------------------------------*/


.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:900px; float:right; }
.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.weizhi span{ line-height:24px; border-left:5px solid #324483; padding-left:5px;}
.inside_con{ padding:10px 0;}



@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}