@charset "utf-8";
/* CSS Document */



/*公司简介*/
.index01{width:100%;overflow:hidden;background:url(/template/cn2014/images3/bg1-2.jpg) top center no-repeat;background-size:cover}
.index01 .about{    padding: 5% 5% 6% 5%;border: 2px solid #fff;margin:9% auto 11% auto;}


.tit{text-align:center;}
.tit h2{font-size:2.18em;color:#f4f3f3}
.tit h2 span{color:#74d8f0}
.tit h2 strong{margin:0 0.2%;font-size:1.3em}
.tit p{font-size:1.4em;color:#f4f3f4;margin:1% 0}
.tit .line{width:10%;height:2px;background:#74d8f0;margin:0 auto;}

.index01 .about_c{overflow:hidden;margin-top:5%;}
.index01 .about_c .cont{width:53%;float:left}
.index01 .about_c .cont .cc{font-size:1em;color:#fff;line-height:2em}
.index01 .about_c .more{height:46px;width:113px;color:#fff;margin-top:3%}
.index01 .about_c .more a{display:block;width:100%;height:100%;background:url(/template/cn2014/images3/index03.png) top left no-repeat;color:#fff;line-height:3.2em;text-align: center;}
.index01 .video{width:40%;float:right}

@media screen and (max-width: 900px) {
.index01{background:url(/template/cn2014/images3/bg1.jpg) top center no-repeat;}
.index01 .about{border:none;padding: 8% 1%;margin: 0 auto;}
.index01 .about_c .cont {width:100%;    float: none;}
.index01 .about_c .cont .cc{font-size:0.875em}
.index01 .video{width:90%;margin:0 auto;float:none;    text-align: center;}
.index01 .about_c .more{margin:3% auto;}
.tit h2 {font-size:1.5em;}
.tit p {font-size:0.75em;}

}


/*产品中心*/
.index02{width:100%;overflow:hidden;background:url(/template/cn2014/images3/bg2.jpg) top center no-repeat;background-size:cover}
.tit2{text-align:center;}
.tit2 h2{font-size:2.18em;color:#000;font-weight:bold}
.tit2 h2 span{color:#74d8f0}
.tit2 h2 strong{margin:0 0.2%;font-size:1.3em}
.tit2 p{font-size:1.125em;color:#000;margin:1% 0}

.index02 .product{padding:9% 0 0 0}
@media screen and (max-width: 900px) {
.tit2 h2{font-size:1.5em;}
.tit2 p{font-size:0.75em;}


}
/*行业应用*/
.index03{width:100%;overflow:hidden;background:url(/template/cn2014/images3/bg3.jpg) top center no-repeat;background-size:cover;position:relative;}
.index03 .app .tit{position:absolute;left:44%;top:7%;z-index:333}
.index03 .app li{width:19.95%;float:left;border-right:1px solid #55576e;text-align:center;padding:17.3% 0;cursor: pointer;position:relative;    z-index: 3;    overflow: hidden;}
.index03 .app li .pic{position:absolute;top:0;z-index:-1;-webkit-transition: all 2s ease; transition: all 2s ease;opacity: 0;-webkit-opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);;width:100%;height:100%}
.index03 .app li .pic img{width:100%;height:100%}

.index03 .app li a{display:block;color:#fff;width:100%;height:100%}
.index03 .app li:nth-child(5){border-right:none;}
.index03 .app li .des{ -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index03 .app li:nth-child(3){width:20.2%}
.index03 .app li h3{font-size:2.18em}
.index03 .app li p{font-size:1.25em;margin:4% 0}
.index03 .app li .imgs{ transform: translateY(40px); opacity: 0;-webkit-opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);-webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index03 .app li:hover .imgs{transform: translateY(0px); opacity: 1;-webkit-opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);-webkit-transform: translateY(0px);}
.index03 .app li:hover .des{transform: translateY(-40px);-webkit-transform: translateY(-40px); }
.index03 .app li:hover .pic{ opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);-webkit-transform: scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.app2{display:none}
.app2{padding: 10% 0; overflow: hidden;}
.app2 .tit{text-align:center}
.app2 dd{position:relative;}
.app2 dd .des{position:absolute;top:0 ;left:0;width:100%;height:100%;background-color:#000;text-align:center;opacity: 0.5;-webkit-opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);padding-top:25%}
.app2 dd .des h3 , .app2 dd .des p{color:#fff;}
.app2 dd .des h3 {font-size:1.3em}

.app2 dd .des p{font-size:1em}
.app2 dd .des p{margin:3% 0}
.app2 dd .des img{display:inline;width:auto;max-width:60%}

@media screen and (max-width:1200px) {
.index03 .app .tit{left:40%}
.index03 .app li h3{font-size:1.4em}
.index03 .app li p{font-size:0.875em;margin:4% 0}


}

@media (min-width:1200px)  and (max-width:1465px) {

.index03 .app .tit{left:42.5%}

}


@media screen and (max-width:900px) {
.app{display:none}
.app2{display:block}

}
@media screen and (max-width:1100px){
.index03 .app .tit h2{font-size:1.8em}
.index03 .app .tit p{font-size:1em}
.index03 .app .tit{left:43%}
}

/*特点*/
.index04{width:100%;overflow:hidden;background:url(/template/cn2014/images3/bg4.jpg) top center no-repeat;background-size:cover;}
.index04 .adv{    padding: 11% 0;overflow:hidden}
.adv_c{margin-top:7%;overflow:hidden}
.adv_c li{width:33.33%;float:left;text-align:center}
.adv_c li a{display:inline-block;width:90%;background:#fff;margin: 5%;box-shadow: 0px 0px 20px #3a3a3a;padding: 10% 5%;}

.adv_c li h2{margin:4% 0 8% 0;font-weight:normal;font-size:1.125em}
.adv_c li p{font-size:0.875em;line-height:1.8em;color:#524f4f}

.adv_c li:hover a{background:#77c2d4 url(/template/cn2014/images3/index17.png) bottom center no-repeat;background-size:100%;}

.adv_c li:hover h2 ,.adv_c li:hover p{color:#fff}
.adv_c li .a1{background:url(/template/cn2014/images3/index12.png) top center no-repeat;height:43px}
.adv_c li:hover .a1{background:url(/template/cn2014/images3/index11.png) top center no-repeat;}
.adv_c li .a2{background:url(/template/cn2014/images3/index13.png) top center no-repeat;height:43px}
.adv_c li:hover .a2{background:url(/template/cn2014/images3/index14.png) top center no-repeat;}
.adv_c li .a3{background:url(/template/cn2014/images3/index15.png) top center no-repeat;height:43px}
.adv_c li:hover .a3{background:url(/template/cn2014/images3/index16.png) top center no-repeat;}
@media screen and (max-width:870px) {

.adv_c li{width:100%;}
.adv_c li a{margin:2%;padding:2%;box-shadow: 0px 0px 5px #3a3a3a;}
.adv_c li h2{margin:2% 0}
}











/*新闻资讯*/

.index05{width:100%;overflow:hidden;background:url(/template/cn2014/images3/bg5.jpg) top center no-repeat;background-size:cover;}
.index05 .new , .index05 .new2{    padding: 7% 0;overflow:hidden}

.new_c {margin-top:8%;overflow: hidden;}
.new_c .left{width:42%; position:relative;}
.new_c .left .hd{ overflow:hidden;  }
.new_c .left .hd .prev,.left .hd .next{ display:block;   margin-top:10px;  overflow:hidden;width:49%; cursor:pointer;float:left;padding:3% 0;}
.new_c .left .hd .next{ margin-right:1%;background:#dfe0e1 url(/template/cn2014/images3/index18.png) center center no-repeat;}
.new_c .left .hd .prev{  margin-left:1%;background:#dfe0e1 url(/template/cn2014/images3/index19.png) center center no-repeat;}
.new_c .left .hd a:hover{background-color:#74d8f0}
.new_c .left li{width:100%;transition: 0.5s all; -webkit-transition: all 500ms ease; -moz-transition:  all 500ms ease; -o-transition:  all 500ms ease;}
.new_c .left li a{display:block;    padding: 4% 2%;overflow: hidden;}
.new_c .left li .date{width:15%;text-align:center;}
.new_c .left li .date h1{font-size:3em;color:#000}
.new_c .left li .date span{font-size:1em}
.new_c .left li .des{width:82%;margin-top: 4%;}
.new_c .left li .des h3{font-size:1.1em;   width: 100%;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.new_c .left li .des p{font-size:0.8em;color:#727070;margin-top: 3%;}
.new_c .left li:hover{background:#dfe0e1}
.new_c .left li:hover h1 , .new_c .left li:hover span{color:#74d8f0}
.new_c .right{width:55%; }

.new_c .right dd{width:46.5%;float:left;margin:0 1.5%}
.new_c .right dd a , .new2 dd a{display:block;width:100%;background:#fff;}
.new_c .right dd a pic{width:100%;}
.new_c .right dd a .des , .new2 .des{padding:8.5% 6%;overflow:hidden}
.new_c .right dd a .des h3 , .new2 .des h3{font-size:1em;    font-size: 1em;  width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.new_c .right dd a .des .time , .new2 dd a .des .time{font-size:0.875em;color:#a4a1a1;margin-top:2%}
.new_c .right dd a .des p , .new2 dd a .des p {font-size:0.812em;color:#727070;margin-top:8%;line-height:1.8em}
.new_c .right dd a:hover , .new2 dd a:hover{ background:#74d8f0}
.new_c .right dd a:hover h3 , .new_c .right dd a:hover .time , .new_c .right dd a:hover p{color:#fff}


.index05 .new2{display:none;}
.index05 .new2 .news{margin-top:4%;overflow: hidden;}
.new2 dd a:hover h3 , .new2 dd a:hover .time , .new2 dd a:hover p{color:#fff}



@media screen and (max-width:900px) {

.index05 .new2{display:block;}
.index05 .new{display:none;}

}