@charset "utf-8";
/* CSS Document */
/************************/
.hide1024{ display:none;}
.hide720{display:none;}



.content1{ width:1280px; margin:0px auto; position:relative; margin-top:50px;text-align:center;}
.content1 .left{ float:left;width:590px; text-align:left; }
.content1 .left h3{color:#05b07b; font-size:24px;}
.content1 .left .about{ font-size:13px;}
.content1 .left .about p{line-height:24px;}
.btn-primary{ background:#299fd6; margin:40px auto; }
.btn-primary a{ display:inline-block; padding-left:5px; color:#FFF;}
.content1 .right{ float:right;width:640px;}

/*product*/
.content2{width:1280px; margin:0px auto; position:relative;}
.content2 h2{text-align:center;}
#myCarousel3{position:relative; width:1360px; height:316px; left:-40px;  text-align:center; margin:0px auto;}
#myCarousel3 .item{left:-10px;}
#myCarousel3 .item ul li{ display:inline-table;  list-style:none; margin:0px 3px;  position:relative; background:#f5f5f5; padding:5px;}
#myCarousel3 .item ul li span{display:block; background:#75c3e6;  color:#fff; height:80px; width:100%; line-height:80px;}
#myCarousel3 .item ul li .zhe{ display:none; cursor:pointer; font-family:Georgia, "Times New Roman", Times, serif;  width:96%; height:96%; margin:5px; background:rgba(135,202,232,0.5); position:absolute; top:320px; left:0px; z-index:1;}
#myCarousel3 .item ul li .zhe h3{height:50px; margin:20px; margin-top:100px; line-height:50px; font-size:15px; color:#fff; border:1px #fff solid; font-weight:bold;}
#myCarousel3 .item ul li .zhe img{margin:10px;}
#myCarousel3 .carousel-indicators{ position:absolute; bottom:-60px; }
#myCarousel3 .carousel-indicators li{width:40px; height:5px; background:#FFF;}
#myCarousel3 .carousel-indicators  .active{background:#063;height:6px;}

#myCarousel3 .carousel-control{background:none; position:absolute; color:#000; font-size:140px; width:50px; line-height:300px; }
#myCarousel3  .right{right:-15px;}
#myCarousel3 .btn{position:absolute; top:350px; height:36px; left:46%; cursor:pointer; z-index:3;}
.content2_bg{ background:#06C; width:100%; overflow:hidden; position:relative; top:-60px; height:200px; z-index:-3; text-align:center;}

.content3{ background:#f8f8f8; position:relative; top:-80px; padding-top:60px;}
.cont3{ width:1280px; margin:0px auto; text-align:center;}
.cont3 h2{ margin-bottom:40px;}
.new3,.new4{ display:inline-table;width:49%; padding:0px; margin:0px; background:#FFF;}
.new_img{ float:left; width:50%; height:230px; position:relative; }
.new_img img{ width:100%; height:100%;}
.new_weizi{ float:left;width:50%; position:relative; padding:20px;}
.new3 .new_weizi:after{ content:''; position:absolute; left:-30px; top:50%; width:0; height:0px; border-width:15px; border-style:solid; border-color:transparent  #FFF transparent  transparent;}
.new3:hover .new_weizi:after{border-color:transparent  #0060b0 transparent  transparent ;}
.new_weizi h3{font-size:16px; color:#333333; line-height:24px;}
.new_weizi span{ color:#c2c2c2; font-size:12px;}
.new_weizi p{color:#969696; font-size:12px; text-align:left; margin:10px 0px; line-height:20px;}
.new_weizi .btn-default{font-size:12px; height:30px; }
.new_weizi .btn-default a{color:#aaaaaa;}
.imgzhe{display:none;}
.new4 .new_weizi{ width:50%;}
.new4 .new_weizi:after{ content:''; position:absolute; right:-60px; top:30%; width:0; height:0px; border-width:45px; border-style:solid; border-color:transparent  transparent  transparent #FFF; z-index:4;}
.new4:hover .new_weizi:after{border-color:transparent  transparent  transparent #0060b0;}

.new3:hover,.new4:hover{ background:#0060b0;}
.new3:hover h3,.new4:hover h3,.new3:hover span,.new4:hover span,.new3:hover p,.new4:hover p{color:#FFF;}
.new3:hover .btn-default,.new4:hover .btn-default{ background:rgba(0,0,0,0);}

.new_weizi .btn-default:hover{ background:#00a756;}
.new_weizi .btn-default:hover a{color:#FFF;}
.new3:hover .imgzhe,.new4:hover .imgzhe{ display:block;width:100%; height:100%; background:rgba(0,96,176,0.6); position:absolute; top:0px; left:0px; z-index:2px;}

/*anli*/
.content4{ width:1280px; margin:0px auto; padding:0px;text-align:center;}
.content4 h2{ text-align:center;margin-top:0px; margin-bottom:40px;}

.content4  ul{list-style:none; padding:0px; margin:0px;}
.content4  ul li{ float:left;margin:0px 6px; width:19%; position:relative;}
.content4  ul li:hover .cont4_wei{background:#063;}
.content4  ul li:hover .cont4_zhe{ background:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px;  width:100%; height:100%;}
.cont4_img{ width:100%;  height:290px; overflow:hidden;}
.cont4_img img{width:100%; height:100%;}
.cont4_wei{  background:#0060b0; height:146px; color:#FFF; text-align:center;}
.cont4_wei h3{font-size:80px; font-family:"Times New Roman", Times, serif; padding:0px; margin:0px;}

.content4 .btn-primary{margin:40px auto; } 
/*<!--contact-->
*/

.content5{background:url(../images/home_17.jpg) no-repeat center; height:562px;}
.cont5{width:1280px; margin:0px auto; padding-top:65px;}
.cont5 h1{text-align:center; font-size:30px; color:#fff; margin-bottom:50px;}
.cont5 h1 span{color:#66ff99;}
.cont5 h1 p{ font-size:14px;}
.cont5 ul{list-style:none; margin-bottom:30px;}
.cont5 ul li{float:left; width:25%; color:#fff; text-align:center; font-size:18px;}
.cont5 .form{margin-top:30px;}
.cont5 .form .form-body{color:#FFF; margin-bottom:20px;}

.cont5 .form input[type=text]{ width:48%; height:35px; border:1px #FFF solid; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:none; color:#fff;}
.cont5 .form input[type=text]:last-child{ margin-left:40px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #FFF;}

input:-moz-placeholder, textarea:-moz-placeholder {　color:#FFF;　}

input::-moz-placeholder, textarea::-moz-placeholder {　color:#FFF;}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {　color:#FFF;　}
.cont5 .form .form-tear{margin-top:20px;}
.cont5 .form textarea{width:100%; height:105px; border:1px #FFF solid;-moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:none; color:#Fff;}

.content6{background:url(../images/ad.png) no-repeat center; height:302px;}
footer{height:155px; background:url(../images/footbg_06.jpg) no-repeat center;}

.foot{width:1280px; margin:0px auto; position:relative;} 
.foot .weixin{position:absolute; top:30px; left:40px;}
.foot ul{position:absolute; right:0px; top:40px; list-style:none;}
.foot ul li{float:left; margin:0px 20px ;}
.foot ul li:last-child{ margin-right:0px;}
.foot ul li a{color:#FFF;}
.foot p{font-size:16px; position:absolute; right:0px; color:#FFF; top:80px;}


@media screen and (min-width:1024px) and (max-width:1280px) {
	   .content1,.content2,.content3,.content4,.content5,.content6,.content7{width:100%;}
	   .content1 .left{width:484px;}
        .content1 .right{width:518px;}
	.content1 .right img{width:100%; height:100%;}
	.a_hide{display:none;}

	#myCarousel3{width:100%; left:0px;}
	#myCarousel3 .item ul li:nth-child(5),#myCarousel3 .item ul li:nth-child(4){ display:none;}
	#myCarousel3 .right{ right:0px;}
	
	.cont3{width:100%;}
	.new3,.new4{width:49%;}
	.new_img,.new_weizi{width:50%;}
	
	
	.content4  ul li{width:32%;}
	.hide1280{display:none;}
	.hide1024{display:block;}
	.cont5{width:100%; padding:10px;}
	.foot{width:100%;}
	.foot ul,.foot p{right:20px;}
	}


@media screen and  (max-width:1024px) {
	.content1,.content2,.content3,.content4,.content5,.content6,.content7{width:100%;}
	.content1 .left,.content1 .right{ float:inherit; width:96%; margin:0px auto;}
	
	#myCarousel3{display:none;}
	.hide720{ width:96%; margin:0px auto; text-align:center;}
	.hide720 ul{padding:0px; margin:0px;}
	.hide720 ul li{ width:100%; list-style:none; height:340px; text-align:center; margin:10px 0px;  position:relative; background:#f5f5f5; padding:5px;}
	.hide720 ul li img{width:100%; height:250px;}
.hide720 ul li span{display:block; background:#75c3e6;  color:#fff; height:90px; width:100%; line-height:90px;}
.hide720 ul li .zhe{ display:none; cursor:pointer; font-family:Georgia, "Times New Roman", Times, serif;  width:100%; height:100%; background:rgba(135,202,232,0.5); position:absolute; top:0px; left:0px; z-index:1;}
.hide720 ul li .zhe h3{height:50px; margin:0px auto; text-align:center; margin-top:100px; line-height:50px; font-size:15px; color:#fff; border:1px #fff solid; font-weight:bold; width:30%;}
.hide720 ul li .zhe img{ width:54px; height:44px; margin-top:30px;}

.content2_bg{display:none;}

   .content3{top:0px; padding-top:20px;}
  .cont3{width:100%;}
  .new3,.new4{width:96%;}
	.new_img,.new_weizi{width:50%;}
	.hide1280{display:none;}
	.hide1024{display:none;}
	.hide720{display:block;}
	.content4{text-align:center; margin:0px auto;}
	.content4  ul{width:96%;margin:0px auto;}
	.content4  ul li{width:48%; margin-top:5px;}
    .cont5{width:100%; padding:10px;}
	.cont5 ul{ padding:0px; margin:0px; }
	.cont5 ul li{padding:0px !important; margin:0px;font-size:14px;}
	.cont5 .form input[type=text]{ width:45%;}
	.form-body{width:70%;}
	.foot{width:100%;}
	.foot ul,.foot p{ font-size:14px;}
	.foot ul li{float:left; margin:0px 5px;}
}

@media screen and  (max-width:640px){

.content1 .right img,.content1 .left img{width:100%;}
.content2 h2 img{width:100%;}
.content4 h2 img{width:100%;}
 .cont3 h2 img{width:100%;}
	.cont5{width:100%;}
	.content4  ul li{width:96%; margin-top:5px;}
	.foot {height:auto;background:#0092d3;}
	.foot .weixin{text-align:center; position:static; width:100%; padding-top:40px;}
	
	.foot ul{position:inherit; top:0px; text-align:center;}
	.foot p{position:inherit; top:0px; text-align:center; margin-top:30px;}
	.fright{display:none;}
	.content5{height:auto;background:url(../images/home_17.jpg)  top center;}
	
.cont5 ul li{width:50%; margin-bottom:30px;}
.cont5 .form input[type=text]{ width:100%; margin-bottom:30px;}
.cont5 .form input[type=text]:last-child{ margin-left:0px;}
.content5 .cont5 .form-group,.content5 .cont5 .form-tear{margin:0px;}
	}






