@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-size:100%;
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,"宋体";
}
ul,h1,h2,h3,h4,h5,h6{list-style:none;margin:0px;padding:0px; font-weight:normal;}
p{padding:0px; margin:0px;}
.clear{clear:both;}
.black{background-color:#333;width:100%;height:40px; line-height:40px;color:#FFF;}
a{color:#3D3D3D; text-decoration:none;}
a:visited{color:#3D3D3D;}
a:hover{color:#F60;}
a.white{color:#FFF;text-decoration:none; font-size:14px;}
a:visited.white{color:#FFF;}
.wrapper{width: 1200px;	margin:0 auto;}
.wrapper-p{max-width: 1400px;	margin:0 auto;}
.margintopbottom{margin:20px 0px;}
.top1-1{float:left;width:410px}
.top1-2{float:right;width:770px; text-align:right; position:relative;margin-top:-1px;}
.top1-1 img{float:left; padding-top:20px; }
.slogan{float:left;margin-top:20px;margin-left:10px; height:60px; line-height:30px; padding:10px 0 0 10px; border-left:1px solid #CCC;font-size:19px; font-weight:bold;}
.orange{color:#045998;}
.bigfont{display:none;color:#F00; font-size:20px;}
.bigfont i{ display:block;font-size:16px; color:#666;font-weight:normal;}
.bannerbg{width:100%;background:url(../images/banner1NoHome.jpg) no-repeat fixed center top; height:260px; background-size:cover;}
.bannerbgTitle{margin:0 auto; width:500px; padding-top:100px;color:#FFF; font-size:18px; line-height:33px; letter-spacing:1px;}
.redbg{background-color:#DB2821; margin-top:30px;}
.menu{
	font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, "宋体";
}

.menu span{width:18px; display:inline-block; font-size:16px; line-height:18px;}
.menu  em{ display: inline-block;font-family: Centaur;font-size: 12px; margin-left:6px; font-style:normal;letter-spacing: 0.5px;line-height: 12px;
text-transform: uppercase;transform: rotate(90deg) scale(0.85);vertical-align: top;white-space: nowrap;width: 10px;}
.menu a{float:left; display:block;width:128px; height:98px;line-height:98px; font-size:18px;  color:#333; text-decoration:none;text-align:center; position:relative; transition: all 0.3s ease 0s;}
.menu a:after{content: "";width: 0;height: 5px;background:#E3231E;position: absolute;top: 97%;left: 50%;transition: all .4s;}
.menu a:hover:after{left: 0%;width: 100%;}
.menu a:hover{background-color:#0069B8;color:#FFF;  }
ul.menu li { 
    height: auto;
}
.sub{display:none;width:100%; position:absolute;top:214px;left:0px; z-index:100; background-color:#000; text-align:center;}
.menu .sub li,.menu .sub a{display:inline; float:none; font-size:16px;padding:0 5px;}
.on{background-color:#000;}


a,img{border:0;}
#n{margin:10px auto; width:920px; border:1px solid #CCC;}
#n a{ padding:0 4px; color:#333}

/* banner */
.flexsliderWorld{ margin:0 auto; width:920px; line-height:38px; margin-top:290px; padding:30px; font-size:26px; color:#FFF; background-color:rgb(231,25,21);background-color:rgba(231,25,21,0.9);}
.flexsliderWorld p{font-size:30px; color:#FDFF4F; text-align:right; margin-top:10px;}
.flexslider{position:relative;height:633px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:633px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}
.margintop30{margin-top:30px;}

.browse,.time{display:none !important;}
.scrolNews{background-color:#EBEBEB; height:56px; line-height:56px;}
.scrolNews1{width:65%; float:left; padding-left:3%; background:url(../images/sound.png) no-repeat left 15px;}
.scrolNews2{width:30%;float:left;}
.news-h{width:60%;float:left; }
.news-h li{line-height:35px;}
.news-h li i{font-style:normal; color:#CCC;}
.newstitle{ background:url(../images/kuang.jpg) no-repeat left center;}
.news-h .imgThum {display: block;float: left;width: 12%;}
.news-h a {display: block;float: left; padding-left:2%;width: 76%;}
.smallfonts{border-left:none !important; color:#8a8a8a; font-size:14px; line-height:28px;}
.news-h h4 {color: #000;font-size: 16px; padding: 10px 0 0 20px;}
.news-h p,.video-h p{border-left:1px solid #E52320; padding-left:10px; margin-bottom:10px;}
.news-h em,.video-h em{font-style:normal; font-weight:bold; font-size:20px; display:block; color:#045998;}
.news-h span,.video-h span{display:block; color:#CCC;}
.video-h{width:40%;float:left;}
.recommend{background-color:#0741AA;color:#FF0; height:80px; line-height:80px; font-weight:bold; font-size:26px; text-align:center;}
#app{height:30px;overflow: hidden;width:100%; margin-top:10px;}
#app li{line-height: 30px;padding:0 10px;height: 30px;}
.title{margin-top:40px; margin-bottom:30px;text-align:center;background: rgba(0, 0, 0, 0) url("../images/titlebg.jpg") no-repeat scroll center top;}
.title h3{font-size:30px; font-weight:bold; }
.title p{border-bottom:1px solid #CCC; padding-bottom:30px;}
.productsclass-img{margin-top:30px;text-align:center;}
.productsclass-img li{float:left; margin-right:50px;margin-top:10px;}
.productsclass-img img{
width: 180px;
height: 180px;
border: 5px solid#ed2832;
display: block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-box-shadow: 2px 3px 4px #999999;
-webkit-box-shadow: 2px 3px 4px #999999;
box-shadow: 2px 3px 4px #999999;
}

.productclass-h a{display:block; width:22%;float:left; margin:0 1%; overflow:hidden; position:relative;transition: all 0.3s ease 0s;}
.productclass-h a p{width:100%; height:130px; line-height:130px;position:absolute;left:-200px; color:#FFF;; border-radius:6px;transition: all 0.3s ease 0s;}
.productclass-h a:hover p{  background-color:#065B9B; background-color:rgba(0,112,196,0.8);left:0px; box-shadow:1px 1px 2px #CCC; }
.productclass-h li{ text-align:center;}
.productclass-h span{display:block; text-align:center; margin:10px 0;}

.productsClass{   margin-top:30px; background:url(../images/titlebg.jpg) no-repeat center top;}
.productsClass p{ color:#CCC; margin-bottom:30px; font-size:14px; font-weight:normal;}
.productsClass h3{padding:20px 0px;  text-align:center; font-weight:bold; font-size:22px;color:#323232;}
.productsClass li a{display:block; width:285px; text-align:center; float:left; margin-top:10px; padding:16px 0px;  background: #FFF url(../images/jia.png) no-repeat 50px 16px; border:1px solid #CCC; margin-left:10px; transition: all 0.3s ease 0s;}
.productsClass li a:hover{ background-position:-50px 0px; background-color:#04a12c; color:#FFF; border:1px solid #04a12c;}

.homeproducts {
  padding-top:30px;

}

.homeproducts  ul li {
  margin-bottom: 15px;
  margin-right:22px;
  position: relative;
  margin-left: 10px;
  float: left;

}
.homeproducts  ul li p{text-align:center;  height:40px; line-height:40px;}
.homeproducts  ul li a {
  display: block;
  overflow:hidden;
  margin-right:5px;
transition: all 0.3s ease 0s;
  background-color:#FFF;
}
.view{ display:none;}
.homeproducts  ul li a:hover{background-color:#0069b8; color:#FFF;}
.imgwrap{  width: 285px;
  height: 186px;
  overflow:hidden;}
.homeproducts  ul .imgwrap img {
  width: 285px;
  height: 181px;
  transition: all 0.3s ease 0s;
}
.homeproducts  ul .imgwrap img:hover{transform:scale(1.05,1.1);}
.homeproducts  ul li a:hover div p {
  bottom: 0;
}
.homeabout{width:100%;height:370px; margin-top:80px; background:#04a12c url(../images/greenbg.jpg) repeat  scroll left top; color:#FFF; }
.homeabout-info{ padding-top:60px; line-height:33px; }
.homeabout-info img{float:left;  margin-right:30px; margin-bottom:20px;}
.homeabout-info h2{margin-bottom:10px;font-size:28px; font-weight:bold; text-align:center;}
.homeabout-info-left p{font-size:24px; margin-bottom:20px; font-weight:bold;}
.productscase p{padding:0px; margin:0px; text-align:center;}
.productscase{ position:relative; height:450px;}
.productscase1{position:absolute;left:0px; top:0px;}
.productscase2{position:absolute;left:0px; top:206px;}
.productscase3{position:absolute;left:264px; top:0px;}
.productscase3 img{ width:670px; height:390px;}
.productscase4{position:absolute;left:974px; top:0px;}
.productscase5{position:absolute;left:974px; top:206px;}
.service{margin:50px 0px; line-height:33px;}
.service li{float:left;width:200px; height:220px;  background-color:#CD0303;color:#FFF; padding:20px; margin-right:80px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 5px 50px 5px 60px;}
.service h3{text-align:center; font-size:24px; font-weight:bold; margin-bottom:20px; border-bottom:1px dashed #FFF; padding-bottom:10px; padding-top:10px; letter-spacing:2px;}
.service p{text-indent:8px;}
.news-left .news li{width:100%;float:left; margin-bottom:30px; font-size:14px; }
.news-left .news .imgThum{width:17%; display:block;float:left;}
.news-left .news a{display:block; width:80%; margin-left:2%;float:left;color:#8A8A8A;}

.news{ line-height:30px; padding:0 4%;}
.news li{width:100%;float:left; margin-bottom:20px; font-size:14px; }
.news .imgThum{width:10%; display:block;float:left;}
.news a{display:block; width:87%; margin-left:2%;float:left;color:#8A8A8A;}
.news span{display:none;}
.news li h4{padding:10px 0px 10px 10px; font-size:16px; color:#000;}
.news li p{ font-size:14px; color:#8A8A8A; line-height:23px; text-indent:1.4em; padding:10px 0px;}
.news-left{float:left; padding:20px 0px;}
.newsRelevant a{display:block; font-size:14px; color:#666; line-height:26px;}
.hidep{height:180px; overflow:hidden;}
.footer{background:#2D2D2D; margin-top:40px; width:100%;  padding:60px 0px; color:#FFF; text-align:center; line-height:36px;}
.footercolumn{width:20%; float:left; line-height:30px;}
.footercolumn-title{border-left:1px solid #F00; padding-left:10px;}
.productsclass-bottom li a{float:left; width:200px; color:#FFF;}
.footer a{color:#d3d3d3; font-size:14px;}
.footer a:visited{color:#d3d3d3;}
.footer a:hover{color:#FFF;}
.footer-menu{display: none; text-align:center; margin:0 auto;  padding-bottom:10px;  }
.footer-menu li{ float:left; width:120px; text-align:center; color:#f00;}
.footer-menu a{color:#FFF;}
.line{width:100%; height:1px; background-color:#F69C20; margin:10px 0px;}
.asideColumn{width:17.5%;float:left;text-align:center; margin-top:-60px;}
.asideColumn p{height:65px; line-height:65px; position:relative; z-index:99; background-color:#EB1E19; color:#FFF; font-size:20px; font-weight:bold; margin-top:20px; margin-bottom:5px;}
.asideColumn li a{display:block; line-height:46px; background-color:#F0F0F0; margin-bottom:2px;transition: all 0.3s ease 0s;}
.asideColumn li a:hover{background-color:#EB1E19; color:#FFF;}
.contentColumn{width:80.5%;float:right;}

.contentColumn .title{ background-image:none; border-bottom:1px solid #CCC;margin-top:10px; padding-bottom:30px;}
.contentColumn .productsClass{ background-image:none;margin-top: 10px;}
.nav{margin-top:20px; text-align:right;}
.contentArea{color:#494949; line-height:36px;}
.pageNav{ text-align:center; margin-top:20px; color:#999;}
.relevant{line-height:33px;}

.phone_show {
    display: none;
}
.r_menu {
    float: right;
    line-height: 0;
    padding: 0;
}
.small_menu {
    float: left;
    height: 70px;
    width: 70px;
}

.small_menu .cha {
    display: none;
    height: 70px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    z-index: 56;
}
.pf_phone_menu {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    display: block;
    left: 0;
    position: absolute;
    top: 70px;
    width: 100%;
    z-index: 99999;
}
.phone_menu {
    float: left;
    width: 100%;
}
.phone_menu ul {
    float: left;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}
.phone_menu ul .nli {
    background-color: rgba(255, 255, 255, 0.9);
    float: left;
    width: 100%;
}
.phone_menu ul .nli span {
    border-bottom: 1px solid #f1f1f1;
    float: left;
    width: 100%;
}
.phone_menu ul .nli span a.l1_a {
    float: left;
    padding: 10px 0px;
	padding-left:4%;
    text-align: center;
    width: 96%;
}
.phone_menu ul .nli span .l1_a .chi {
    color: #333;
    float: left;
    font-size: 14px;
    line-height: 30px !important; 
}
#toTop {
    background: rgba(0, 0, 0, 0) url("../images/gotop.png") no-repeat scroll 0 0;
    border: medium none;
    bottom: 70px;
    display: none;
    height: 48px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-indent: 100%;
    width: 48px;
}
.open,.close{display:none;}
@media screen and (max-width: 760px){
/*body{font-size:14px;overflow: hidden;}*/
body{font-size:14px;}
img{max-width:100%;}
.wrapper{width:100%;max-width: 1200px;}
.homeproducts {padding-top: 10px;}
.bigfont {display:block; width:100%; height:50px; line-height:50px; position:fixed; left:0px; bottom:0px; z-index:9999; text-align:center; background-color:rgb(0,112,196);}
.bigfont a{ color:#FFF;}
.scrolNews1 { background-position:6px 15px;}
.productsClass p{margin-bottom:20px;}
.phone_show{display: block;}
.top1-1{width:60%;}
.top1-1 img{padding-top: 10px;}
.scrolNews1{width:90%; padding-left:8%;}
.scrolNews2{display:none;}
.news-h p, .video-h p { text-align:center;border-left: none;}
.news-h {width:96%; padding:0 2%;}
.news-h .imgThum {width:32%;}
 .title p {border-bottom:none;padding-bottom: 0px;}
.news-h h4 { padding-top:0px;}
.news-h a.firstNews {width:56%; }
.orange { padding:0 2%;}
.smallfonts { text-align:left !important;}
.video-h {width:100%; margin-top:30px;}
.productclass-h a { width:44%;}
.title h3 {font-size: 26px;}
.footercolumn { display:none;}
.redbg{ margin-bottom:30px; margin-top:0px;}
.footer-menu{display:inline-block;}
.black,.top1-2{display:none;}
.flexslider,.slides li {height: 333px;}
.flexslider .slides .s1{background: transparent url("../images/banner1M.jpg") no-repeat scroll center center !important;}
.flexslider .slides .s2{background: transparent url("../images/banner2M.jpg") no-repeat scroll center center !important;}
.flexslider .slides .s3{background: transparent url("../images/banner3M.jpg") no-repeat scroll center center !important;}
.flexsliderWorld{ margin:0 auto; width:96%;padding:2%; line-height:33px; font-size:16px; margin-top:120px;}
.flexsliderWorld p{font-size: 24px; text-align:center;}
.productsClass h3 {font-size: 22px;}
.title {margin-top:0px;}
.productsClass {margin-top:10px;}
.productsClass li a{width: 43%; margin-left:3%; margin-right:3%;margin-top: 0px;margin-bottom: 10px; background-position:10% 16px;}
.homeproducts ul li a:hover .view {width: 100%;}
.homeproducts {width: 100%;}
.homeproducts ul li {width: 32%;margin-left: 1%; margin-bottom:4px;margin-right: 0px;;}
.imgwrap {height: auto;width: 100%;}
.homeproducts ul .imgwrap img {height: auto;width: 100%;}
.homeabout {margin-top: 20px;height:auto;width: 92%; padding:0 4%;}
.homeabout-info {padding-top: 30px;}
.homeabout-info h2 {font-size: 22px;}
.close a{ display:block; margin-bottom:20px;background:#C7C7C7; padding:6px 0px;}
.open,.close{display:block;}
.open a{background:#C7C7C7 url(../images/arrow.png) no-repeat center bottom; display:block; padding:6px 0px; padding-bottom:20px;}
.asideColumn p { height:45px; line-height:45px;}
#starlist,.nav{ display:none;}
.news-h a {width:97%;}
.news-h li i {display:none;}
.relevant {padding:0 2%;}
.newsTitle .contentColumn .title {display:block;}
.newsTitle .title h3 { font-size:20px;}
.asideColumn{width:100%; float:right}
.contentColumn{width:100%; float:left;}
.news-left .news .imgThum {width:30%; display:inline-block; padding-left:0; padding-top:8px; text-align:center;}
.news-left .news a  {width:66%; text-align:left;}
.news li h4 { padding:0px; margin-top:0px; background:none; text-align:center;}
.news-left {padding: 20px 0;width: 100%;}
.news li a{padding:0 1%;display:block;}
.news-left .news li{ text-align:center;}
.footer {line-height: 30px;padding: 40px 0;}
.footer p{ padding:0 4%;}
.news li a{display:block;}
.bannerbg {background: rgba(0, 0, 0, 0) url("../images/banner1NoHome.jpg") no-repeat fixed center center / cover ;   height: 200px;}
.bannerbgTitle{ width:94%; padding:0 3%;padding-top:80px;font-size:16px; line-height:26px; }
.contentArea {padding:0 4%; margin-top:20px;}
}