@charset "utf-8";
/* CSS Document */
.banner{}




.wapper{width:100%;}



.about_ti{ width:294px; margin:0 auto;}
.about_ti .abt_ti1{ width:294px; float:left; line-height:20px; text-align:center;}
.about_ti .abt_ti1 a{font-weight: normal; font-family:arial; font-size:15px; color:6d6d6d;}
.about_ti .abt_ti2{ width:294px; float:left; text-align:center;padding-top:35px; text-align:center; }
.about_ti .abt_ti2 a{font-size:25px; color:#272727;}




.diffle{ width:100%; }
.main{width:1303px; margin:0 auto;}
.abouyus{width:1303px; float:left; margin-top:30px;}
.abouleft{ width:536px;}
.abouleft h2{width:536px; line-height:55px; float:left; font-size:40px; font-weight:bold; color:#d5161d;}
.abouleft h3{width:536px; line-height:55px; float:left; font-size:18px;  color:#333333; line-height:28px;}
.abouleft a{width:536px; float:left; margin-top:15px;}
.aboutfl{ width:764px; float:left; margin-top:20px;}
.aboutfl p{ width:764px; line-height:36px; float:left; text-indent:2em; margin-bottom:20px; font-size:15px; color:#404040;}

.aboutbot{ width:100%; background:url(../images/abou2.jpg) no-repeat center top; min-height:197px; }


.categories{width:100%; min-height:723px; background:url(../images/categories.jpg) no-repeat center top;}
.catego{ width:1303px; float:left; margin-top:46px;}   

#aaa{ background:url(../images/whi_hov.jpg) no-repeat center top;}
#bbb{ background:url(../images/while.jpg) no-repeat center top;} 
.catego .content{ width:1303px; height:465px; float:left;} 
.content a{ width:304px; height:465px; margin:0 10px; float:left; }
.whiltecolor{background:url(../images/while.jpg) no-repeat center top;}
.whiltecolor span{ width:266px; float:left; margin-left:20px; margin-top:240px; font-size:15px; color:#343434; text-align:center;}
.whiltecolor ul{ width:266px; float:left; margin-left:20px; margin-top:20px;}
.whiltecolor ul li{ width:40%; line-height:45px; float:left; background:url(../images/catepoin.jpg) no-repeat left center; padding-left:25px;font-size:15px; color:#343434;}
#aaa span{ color:#FFF;}
#aaa ul li{ width:40%; line-height:45px; float:left; background:url(../images/catepo.jpg) no-repeat left center; padding-left:25px;font-size:15px; color:#fff;}


#ccc{ background:url(../images/heise_hov.jpg) no-repeat center top;}
#ddd{ background:url(../images/blackm.jpg) no-repeat center top;} 
.catego .content{ width:1303px; height:465px; float:left;} 
.content a{ width:304px; height:465px; margin:0 10px; float:left; }
.backcolor{background:url(../images/blackm.jpg) no-repeat center top;}
.backcolor span{ width:266px; float:left; margin-left:20px; margin-top:240px; font-size:15px; color:#343434; text-align:center;}
.backcolor ul{ width:266px; float:left; margin-left:20px; margin-top:20px;}
.backcolor ul li{ width:40%; line-height:45px; float:left; background:url(../images/catepoin.jpg) no-repeat left center; padding-left:25px;font-size:15px; color:#343434;}
#ccc span{ color:#FFF;}
#ccc ul li{ width:40%; line-height:45px; float:left; background:url(../images/catepo.jpg) no-repeat left center; padding-left:25px;font-size:15px; color:#fff;}


#eee{ background:url(../images/gol_hov.jpg) no-repeat center top;}
#fff{ background:url(../images/gonglml.jpg) no-repeat center top;} 
.catego .content{ width:1303px; height:465px; float:left;} 
.content a{ width:304px; height:465px; margin:0 10px; float:left; }
.caisecolor{background:url(../images/gonglml.jpg) no-repeat center top;}
.caisecolor span{ width:266px; float:left; margin-left:20px; margin-top:240px; font-size:15px; color:#343434; text-align:center;}
.caisecolor ul{ width:266px; float:left; margin-left:20px; margin-top:20px;}
.caisecolor ul li{ width:40%; line-height:45px; float:left; background:url(../images/catepoin.jpg) no-repeat left center; padding-left:25px;font-size:15px; color:#343434;}
#eee span{ color:#FFF;}
#eee ul li{ width:40%; line-height:45px; float:left; background:url(../images/catepo.jpg) no-repeat left center; padding-left:25px;font-size:15px; color:#fff;}




#ggg{ background:url(../images/csfiber.jpg) no-repeat center top;}
#hhh{ background:url(../images/caise.jpg) no-repeat center top;} 
.catego .content{ width:1303px; height:465px; float:left;} 
.content a{ width:304px; height:465px; margin:0 10px; float:left;}
.gonglcolor{ background:url(../images/caise.jpg) no-repeat center top;}
.gonglcolor span{ width:266px; float:left; margin-left:20px; margin-top:240px; font-size:15px; color:#343434; text-align:center;}
.gonglcolor ul{ width:266px; float:left; margin-left:20px; margin-top:20px;}
.gonglcolor ul li{ width:40%; line-height:45px; float:left; background:url(../images/catepoin.jpg) no-repeat left center; padding-left:25px;font-size:15px; color:#343434;}
#ggg span{ color:#FFF;}
#ggg ul li{ width:40%; line-height:45px; float:left; background:url(../images/catepo.jpg) no-repeat left center; padding-left:25px;font-size:15px; color:#fff;}










.produshow{ width:100%; min-height:685px;}
#wrapper {
			position: relative;
		
		
		}
		
		/* Hide the original tooltips contents */
		.pin {
			display: none;
		}
		
		/* Begin styling the tooltips and pins */
		.tooltip-up, .tooltip-down {
			position: absolute;
			background: url(../images/arrow-up-down.png);
			width: 45px;
			height: 41px;
		}
		
		.tooltip-down {
			
		}
		
		.tooltip {
			display: none;
			width:50px;
			height:50px;
			line-height:50px;
			position: absolute;
			text-align:center;
			left:-30%;
			
			z-index: 999;
		
			padding:15px;
			color: #fff;
			background-color:#d5161d;
			border-radius:40em;
	
		}
		
		.tooltip::after {
			content: '';
			position: absolute;
	    	left: 50%;
			margin-left: -10px;
			
		}
		
		.tooltip-down .tooltip {
	
			top: auto;
		}
		
		.tooltip-down .tooltip::after {
			
			top: auto;
			border-bottom: 0;
			border-top: 10px solid #ffdb90;
		}
		
		.tooltip h2 {
			font-size:15px;
			margin: 0 0 10px;
			line-height:25px;
		}
		
		.tooltip ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}		


.test{ width:1303px; float:left; padding-bottom:50px;}
.test li{float:left;width:204px; border-radius:100px;height:202px;margin:0 58px;text-align:center;transition:All 0.5s ease-in-out;
-webkit-transition:All 0.5s ease-in-out;
-moz-transition:All 0.5s ease-in-out;
-o-transition:All 0.5s ease-in-out;}
.test li:hover{ color:#FFF;transform:translate(0,-10px);
-webkit-transform:translate(0,-10px);
-moz-transform:translate(0,-10px);
-o-transform:translate(0,-10px);
-ms-transform:translate(0,-10px);}
.test li span{ width:204px; float:left; font-size:18px; color:#404040;}
.test li .cl{ padding-top:170px; padding-bottom:10px;}
.test li .fand{font-size:35px; font-weight:bold; color:#404040;}
.test li:hover .fand{ color:#404040;}

.shengc{ background:url(../images/shengc.jpg) no-repeat center top;}
.kexu{ background:url(../images/kexu.jpg) no-repeat center top;}
.make{ background:url(../images/make.jpg) no-repeat center top;}
.baoz{ background:url(../images/baoz.jpg) no-repeat center top;}



.Profile{ width: 100%;}



.aboufr{ width:464px; margin-right:30px;}
.tre { width: 464px; height: 374px; position: relative;
    overflow: hidden;
    cursor: pointer;}
.zoom {
    /* 缩放的元素 */
    width: 464px; height: 374px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.tre:hover .zoom {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}

.wahy{ width:100%; background:url(../images/lead.jpg) no-repeat center top; min-height:825px;}
.wahytit{ width:1303px; float:left; margin-top:50px; }
.yanf{ width:444px; background:url(../images/yanf.jpg) no-repeat center top;}
.jijs{ width:442px; background:url(../images/jszc.jpg) no-repeat center top;}
.hzhb{ width:416px;height:568px; background:url(../images/hzhb.jpg) no-repeat center top;}
.whyone{ height:568px;}  
.whyone span{display:block; padding-top:515px; padding-left:100px; font-size:21px; color:#FFF;}
.hzhb span{display:block; padding-top:515px; padding-left:110px; font-size:21px; color:#FFF;}
.hyld{width:327px; margin-top:80px; margin-left:35px;}
.hyld h2{ font-size:20px; font-weight:bold; color:#FFF;}
.hyld h3{ font-size:15px; color:#FFF; margin-top:20px;}


.newslist{width: 100%; margin-bottom:35px;}
.waperfl{ width:1303px; margin-top:20px;}
.mews1{ width: 417px; margin-right:20px; background-color: #efefef;}

.newsright{width: 417px; background-color: #efefef;}

.mewimg { width:417px; height:246px; position: relative;overflow: hidden;cursor: pointer;}
.news {
    /* 缩放的元素 */
    width:417px; height: 246px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.mewimg:hover .news {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}

.mews1 ul{ width: 300px; float: left; margin-top: 35px; margin-left: 30px; padding-bottom: 30px;    height: 187px;}
.mews1 ul li{ width: 300px; float: left; line-height: 39px;}
.newsright ul{ width: 300px; float: left; margin-top: 35px; margin-left: 30px;padding-bottom: 30px;    height: 187px;}
.newsright ul li{ width: 300px; float: left; line-height: 39px;}



.youshi_font{ font-size:36px; color:#0f9feb; font-weight:bold; text-align:center}
.youshi_font span{ color:#ffa200;}
.youshi_xx{ width:1280px; margin:0 auto;}
.youshi_xx li a{ display:block; float:left; font-size:14px; color:#666666; background:url(../images/youshi_k_bj.png) no-repeat left 126px; width:300px; padding:0 36px 120px 22px; width:242px; position:relative;transition:linear 0.4s;}
.youshi_xx li a:last-child{ padding:0 36px 120px 22px;}
.youshi_xx a img{ border-radius:50%; border:5px #FFFFFF solid; transition:linear 0.2s;}
.youshi_xm{ width:240px; background:url(../images/youshi_xm_bj.png) no-repeat left center; height:76px; position:absolute; top:83px; left:27px; padding-top:10px;}
.youshi_t_font{ font-size:24px; color:#000000; text-align:center; transition:all 0.4s linear 0.4s;}
.youshi_t_eng{ text-align:center; color:#7e7e7e; font-size:13px; background:url(../images/youshi_t_eng_bj.gif) no-repeat center bottom; padding-bottom:15px; transition:linear 0.4s;}
.youshi_three_nr { width:240px;}
.youshi_three_nr p{ background:url(../images/youshi_inco.png) no-repeat left center; margin-bottom:10px; padding-top:20px; padding-left:20px;}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.youshi_xx a:hover img{ border:5px #029aea solid; -webkit-transform: rotate(360deg);
animation: rotation 10s linear infinite;
-moz-animation: rotation 10s linear infinite;
-webkit-animation: rotation 10s linear infinite;
-o-animation: rotation 10s linear infinite;
 }
.youshi_xx a:hover .youshi_t_eng{background:url(../images/youshi_t_eng_bj2.gif) no-repeat center bottom; }
.youshi_xx a:hover{ background:url(../images/youshi_k_bj2.png) no-repeat left 126px; color:#FFF}
.youshi_xx a:hover .youshi_three_nr p{ background:url(../images/youshi_inco2.png) no-repeat left center;}