@charset "utf8";
body{
margin:0;
padding:0;
background-color:#f0f0ff;
font-family:"微软雅黑";
}
@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:400px;
	 margin:0 auto;
	 box-shadow:0px 0px 10px #d7d8d9;
	 margin:0 auto;
     position:relative;
	 margin-top:40px;
	 top:0px;
	 }
.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;
	 cursor:pointer;
   }
}
@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:400px;
	 margin:0 auto;
	 box-shadow:0px 0px 10px #d7d8d9;
	 margin:0 auto;
     position:relative;
	 margin-top:40px;
	 top:0px;
	 }
.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;
	 cursor:pointer;
   }
}
#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_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:400px;
	 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:400px;
	 float:left;
	 position:relative;
	 overflow:hidden;
   }
   .cp_right_bg{
     width:800px;
	 height:400px;
   }
   .cp_right_bg1{
     background-image:url("../images/gc_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg2{
     background-image:url("../images/sj_1.jpg"); 
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg3{
     background-image:url("../images/ny_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg4{
     background-image:url("../images/jz_1.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
	 position:absolute;
	 top:0px;
   }
   .cp_right_bg5{
     background-image:url("../images/cs_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_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;
	 color:#fff;
	 transition: all 0.5s;
   }
#tc_fangan li{
    text-align:center;
	margin-top:20px;
}
.li_fangan{
    width: 244px;
    height: 33px;
    border-radius: 3px;
    border: 1px solid #009688;
    padding: 0px 10px;
	margin-left: 10px;
}
.li_input{
    width: 220px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #009688;
    padding: 0px 10px;
	margin-left: 10px;
}
.li_span{
    padding: 10px 0px;
    font-size: 16px;
    color: #444;
}
#submit{
    width:100px;
	height:35px;
	background:#009688;
	color:#fff;
	border:none;
	border-radius:3px;
}

#anli{
    width: 100%;
    padding-bottom: 20px;
	position:relative;
}
#anli h2{
    text-align: center;
    padding: 0px;
    font-size: 24px;
    font-weight: 400;
    color: #333;
	padding-top: 40px;
}
#gdanli{
text-align: center;
margin-top: 10px;
margin-bottom: 50px;
font-size: 16px;
}
#gdanli a{
color:#9850b3;
}
#anli_list{
    width:1150px;
	height:840px;
	margin:0 auto;
}
.anli_li{
    width:550px;
	transition: all .25s ease;
	float:left;
	margin-left:17px;
	margin-bottom:13px;
}
.anli_li:hover{
    transition: all .25s ease;
	box-shadow:0px 0px 13px 0px rgba(65, 80, 133, 0.5);
}
.anli_li_hd{
	height: 82px;
    line-height: 82px;
    text-align: center;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color:#333;
}
.li_bg{
    background: url(/yun_admin/images/portal_whitepaper_wp-floor-hd2.png) no-repeat;
}
.li_gd{
    background:url(/yun_admin/images/anli_bg.jpg) no-repeat;
	height:268px;
}
.anli_li_text{
    color: #fff;
    font-size: 14px;
	height: 190px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    margin: 15px;
	margin-bottom:0px;
    padding: 0px;
    line-height: 32px;
}
.anli_phone:hover{
    background: #3171ff;
	color:#fff;
}
.anli_phone{
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    padding: 6px 10px;
    min-width: 112px;
    line-height: 24px;
    border-radius: 17px;
    font-size: 14px;
    color: #fff;
    float: right;
    background: linear-gradient(80deg,#3171ff 0,#a14faf 100%);
}
.anli_li_bt{
    border: 1px solid #eee;
    border-top: 0;
    overflow: hidden;
    background: #fff;
    padding: 15px;
}
.anli_li_bt_img{
    float: left;
    width: 43.6%;
}
.anli_li_bt_img img{
    width: 230px;
    height: 156px;
    vertical-align: top;
}
.anli_li_bt_right{
    line-height: 24px;
    overflow: hidden;
}
.anli_li_bt_right_txt{
    height: 110px;
	color:#333;
	font-size:14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    margin-left: 15px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	line-height: 28px;
}
.anli_li_bt_right_a{
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    padding: 6px 10px;
    min-width: 112px;
    line-height: 24px;
    border-radius: 17px;
    font-size: 14px;
    color: #fff;
    float: right;
    background: linear-gradient(80deg,#3171ff 0,#a14faf 100%);
}
.anli_li_bt_right_a:hover{
    background: #3171ff;
	color:#fff;
}
#anli_img{
    width:100%;
	background:#fff;
}
#anli_img h2{
    text-align: center;
    padding: 0px;
    font-size: 24px;
    font-weight: 400;
    color: #333;
	padding-top: 40px;
	margin-bottom:60px;
}
#anli_img_con{
    width:1100px;
    margin:0 auto;
}