@charset "utf8";
body{
margin:0;
padding:0;
background-color:#f0f0ff;
}
#main{
 height:400px;
}
@media all and (min-width:1600px){
#product{
    width:100%;
	position:relative;
	margin-top:200px;
}
#product_1{
    width:100%;
	position:relative;
	top:100px;
}
#product_2{
    width:100%;
	position:relative;
	top:100px;
}
#product_3{
    width:100%;
	position:relative;
	top:100px;
}
#product_4{
    width:100%;
	position:relative;
	top:100px;
}
#cp_h3{
    position:relative;
	top:100px;
}
#cp_h3_1{
    position:relative;
	top:100px;
	width:100%;
	text-align:center;
}
#cp_content{
     width:1100px;
	 height:500px;
	 margin:0 auto;
	 box-shadow:0px 0px 10px #d7d8d9;
	 margin:0 auto;
     position:relative;
	 margin-top:40px;
	 top:0px;
	 margin-bottom:50px;
	 }
.cp_right_text a{
     display:block;
	 width:80px;
	 text-align:center;
	 margin-top:30px;
	 margin-left:50px;
     font-size:14px;
	 color:#fff;
	 text-decoration:none;
     padding:12px 34px;
	 background:#00b7d3;
	 transition: all 0.5s;
   }
}
@media screen and (max-width:1600px){
#product{
    width:100%;
	position:relative;
}
#product_1{
    width:100%;
	position:relative;
}
#product_2{
    width:100%;
	position:relative;
}
#product_3{
    width:100%;
	position:relative;
}
#product_4{
    width:100%;
	position:relative;
}
#cp_h3_1{
    position:relative;
	top:0px;
	width:100%;
	text-align:center;
}
#cp_content{
     width:1100px;
	 height:500px;
	 margin:0 auto;
	 box-shadow:0px 0px 10px #d7d8d9;
	 margin:0 auto;
     position:relative;
	 margin-top:40px;
	 top:0px;
	 margin-bottom:50px;
	 }
.cp_right_text a{
     display:block;
	 width:80px;
	 text-align:center;
	 margin-top:30px;
	 margin-left:50px;
     font-size:14px;
	 color:#fff;
	 text-decoration:none;
     padding:12px 34px;
	 background:#00b7d3;
	 transition: all 0.5s;
   }
}
#content_jj h3,#content_jj_1 h3,#content_jj_2 h3,#content_jj_3 h3,#content_jj_4 h3{
   font-size:24px;
   color:#333;
   font-weight:400;
   text-align:center;
   margin-bottom:0px;
 }
#content_jj{
   width:1100px;
   margin:0 auto;
   margin-top:50px;
}
#content_jj_1{
   width:1100px;
   margin:0 auto;
   margin-top:100px;
}
#content_st{
   width:1100px;
   margin:0 auto;
   margin-top:10px;
}
#content_jj_2{
   width:1100px;
   margin:0 auto;
   margin-top:100px;
}
#content_jj_3{
   width:1100px;
   margin:0 auto;
   margin-top:100px;
}
#content_jj_4{
   width:1100px;
   margin:0 auto;
   margin-top:100px;
}
#content_one_p{
   margin-top:40px;
}
#content_one_p p{
 font-size:15px;
 color:#555;
 margin:0px;
}
#cp_h3{
 position: relative;
 top: 0px;
}
/*
#cp_content{
     width:1000px;
	 height:413px;
	 margin:0 auto;
	 box-shadow:0px 0px 10px #d7d8d9;
	 margin:0 auto;
     position:relative;
	 margin-top:50px;
 }
 */

#cp_left{
     width:300px;
	 height:500px;
	 float:left;
	 background-color:#f5f5f6;
   }
   #cp_left ul{
     margin:0px;
	 padding:0px;
	 width:300px;
	 height: 400px;
   }
   .cp_li{
	 list-style:none;
	 line-height:67px;
	 padding:0 20px;
	 border-right:1px solid transparent;
	 border-top:1px solid transparent;
	 border-bottom:1px solid transparent;
     color:#373d41;
	 font-size:14px;
	 cursor:pointer;
	 border-left:3px solid #f5f5f6;
   }
   .cp_li:hover{
     color:#00a4ff;
   }
   .cp_li_active_1{
     border-right-color:none;
	 background:#fff;
	 border-left-color:#00a4ff;
	 border-bottom:1px solid #d7d8d9;
	 color:#00a4ff;
   }
   .cp_li_active_2{
     border-right:none;
	 background:#fff;
	 border-left-color:#00a4ff;
	 border-bottom:1px solid #d7d8d9;
	 border-top:1px solid #d7d8d9;
	 color:#00a4ff;
   }
   .cp_li_active_3{
     border-right:none;
	 background:#fff;
	 border-left-color:#00a4ff;
	 border-top:1px solid #d7d8d9;
	 border-bottom:1px solid #d7d8d9;
	 color:#00a4ff;
   }
   #cp_right{
     width:800px;
	 height:500px;
	 float:left;
	 position:relative;
	 overflow:hidden;
   }
   .cp_right_bg{
     width:800px;
	 height:500px;
   }
   .cp_right_bg1{
     background-image:url("../images/b7_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg2{
     background-image:url("../images/b5_1.jpg"); 
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg3{
     background-image:url("../images/lc_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg4{
     background-image:url("../images/xt_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg5{
     background-image:url("../images/sb_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg6{
     background-image:url("../images/zl_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg7{
     background-image:url("../images/app_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg8{
     background-image:url("../images/yun_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg9{
     background-image:url("/admin/upload/zizhu_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg10{
     background-image:url("../images/app_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg11{
     background-image:url("../images/zk_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg12{
     background-image:url("../images/app_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg13{
     background-image:url("../images/gk_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg h4{
     font-weight:400;
	 margin:0px;
	 padding-left:50px;
	 padding-top:60px;
	 color:#fff;
	 font-size:26px;
   }
   .cp_right_text p{
     padding:0px 50px;
	 margin-top:20px;
     font-size:14px;
	 color:#fff;
	 line-height:30px;
   }
/*
   .cp_right_text a{
     display:block;
	 width:60px;
	 text-align:center;
	 margin-top:30px;
	 margin-left:50px;
     font-size:14px;
	 color:#fff;
	 text-decoration:none;
     padding:12px 34px;
	 background:#00b7d3;
	 transition: all 0.5s;
   }
*/
   .cp_right_text a:hover{
     background:#00a4ff;
	 transition: all 0.5s;
   }