html,body{   height:100%;}
A {	COLOR: #1A1A1A; TEXT-DECORATION: none;}
A:hover {COLOR:#1E50A2;}
img{max-width:100%}

@media only screen and (min-width: 1029px){	/* 电脑PC样式，基准字号0.8125rem即13px */

	td,div,a{font-size:13px;}
	#yyui_body { height:100%; box-sizing:border-box; width:100%; /*width:100%**/ background-color:#ffffff; margin:0px auto; }
	#yyui_shang_title{font-size:24px; margin-left:1.5rem; color:#FFFFFF;}
	#yyui_menu{  height:calc(100% - 60px); width: 200px; background-color:#fafafa; overflow-y:auto; box-sizing:border-box; padding:20px; padding-left:0; border-right:1px solid rgba(155,155,155,0.1);  position:absolute; top:60px;z-index:999999999; }
	#yyui_menu_btn{ display:none;}
	#yyui_zhong{ height:calc(100% - 60px); width: calc(100% - 200px); margin-left:200px; background-color:ffffff;  overflow-y:auto; box-sizing:border-box; padding:50px; padding-bottom:0; }
	
	#yyui_zhong h1{ font-size:28px; color:#333333; text-align:center; font-weight:normal; margin-top:80px; margin-bottom:30px;}
	.jieshao p{ font-size:0.96rem; line-height:2.5; color:#454545;}
	
	#login_head{ width:100%; text-align:center; font-size:24px; line-height:60px;}
	#login_area{ width:500px; box-sizing:border-box; padding:30px 50px; background-color:#ffffff; margin:30px auto 0px auto;   border-radius:5px; box-shadow: 0 0 10px #cccccc ;  }
	
	.pc-1{  float:left; width:calc(8.33333333% - 10px);   margin:0px 5px;  }
	.pc-2{  float:left; width:calc(16.66666666% - 10px);  margin:0px 5px; background-color:#00FF33;  }
	.pc-3{  float:left; width:calc(25% - 10px);   margin:0px 5px;  }
	.pc-4{  float:left; width:calc(33.33333333% - 10px);  margin:0px 5px;  }
	.pc-5{  float:left; width:calc(41.66666666% - 10px);   margin:0px 5px;  }
	.pc-6{  float:left; width:calc(50% - 10px);  margin:0px 5px;  }
	.pc-7{  float:left; width:calc(58.33333333% - 10px);   margin:0px 5px;  }
	.pc-8{  float:left; width:calc(66.66666666% - 10px);  margin:0px 5px;  }
	.pc-9{  float:left; width:calc(75% - 10px);   margin:0px 5px;  }
	.pc-10{ float:left; width:calc(83.33333333% - 10px);  margin:0px 5px;  }
	.pc-11{ float:left; width:calc(91.66666666% - 10px);   margin:0px 5px;  }
	.pc-12{ float:left; width:calc(100% - 10px);  margin:0px 5px;  }
	
	.pcleft{ text-align:left;}
	.pccenter{ text-align:center;}
	.pcright{ text-align:right;}

	.caozuo{ width:120px; text-align:left  }

	.tese {width:calc(25% - 52px); height:300px; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
 text-align:center; padding:40px; box-sizing:border-box; float:left; margin:25px;}
	.tese_biaoti {width:100%; font-size:1.2rem; color:#454545; letter-spacing:1px; height:40px; line-height:40px; }
	.tese_neirong {font-size:0.76rem;  line-height:2; color:#777777; margin-top:10px;  }
	.tese_tubiao {width:100%; font-size:36px; height:60px;   }
	
	.product_title{ float:left; width:calc(25% - 52px); margin:25px; border:1px solid #f5f5f5; margin-bottom:30px; text-align:center; }
	.product_title div{ width:100%; height:180px; overflow:hidden;}
	.product_title img{ width:100%; }
	.product_title:hover{ box-shadow: 0px 0px 8px #efefef; }
	.product_title h3{ font-size:1rem; height:60px; line-height:60px; color:#454545; font-weight:normal; letter-spacing:1px;}
	.product_title:hover h3{ color:#4662D9;}


.leftmenu_pc ul li{
        
        width:100%;
		height:60px;
        position: relative;
        font-size: 25px;
        color: #1a1a1a;
		letter-spacing:1px;
        box-sizing:border-box;
        border-bottom: 1px solid rgba(155,155,155,0.1);
    }
.leftmenu_pc ul li a{display: block;width: 100%;height: 60x;line-height:60px;position: absolute;bottom: 0;left: 0;z-index: 3;transition: all 0.5s;-webkit-transition: all 0.5s;box-sizing:border-box;padding-left: 35px;}
.leftmenu_pc ul li span{display: block;position: absolute;width:0%;height: 100%;background-color: rgba(255,255,255,0.8);left: 0;top: 0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.leftmenu_pc ul li:hover span{width: 100%;}
.leftmenu_pc ul li:hover a{color:#4662D9; padding-left: 55px;}


}
@media screen and (max-width: 1028px){ /* 手机、pad的样式，基准字号1rem即16px */
	td,div,a{font-size:1rem;}
	#yyui_body { height:100%; box-sizing:border-box; width:100%; background-color:#ffffff; margin:0px auto; }
	#yyui_shang_title{font-size:1.25rem; margin-left:3rem;color:#FFFFFF;}
	#yyui_menu{ display:none;height:calc(100% - 60px);width: 180px;background-color:#F9F9F9; overflow-y:auto;box-sizing:border-box;padding:20px;border-right:1px solid #C5D6DE;position:absolute;top:60px;z-index:999999999; }
	#yyui_menu_btn{ font-size:24px;  display:inline-table; line-height:59px; height:59px; padding:0px 1rem; cursor:pointer; color:#FFFFFF;}
	#yyui_menu_zhezhao{ display:none;width:100%; height:calc(100% - 60px);background: rgba(0,0,0,0.4);position:absolute;z-index:999999998;}
	#yyui_zhong{ height:calc(100% - 60px); width: 100%; background-color:#ffffff;  overflow-y:auto; box-sizing:border-box; padding:20px; }
	
	#yyui_zhong h1{ font-size:23px; color:#333333; text-align:center; font-weight:normal; margin-top:50px; margin-bottom:30px;}
	.jieshao p{ font-size:0.96rem; line-height:2.5; color:#454545;}
	
	#login_head{ width:100%; font-size:20px; text-align:center; line-height:60px;  }
	#login_area{ width:100%; box-sizing:border-box; padding:30px 50px; background-color:#ffffff; margin:30px auto 0px auto;   border-radius:5px; box-shadow: 0 0 10px #cccccc ;  }

	.sj-1{  float:left; width:8.33333333%;   margin:0px 5px;  }
	.sj-2{  float:left; width:calc(16.66666666% - 10px);  margin:0px 5px;  }
	.sj-3{  float:left; width:calc(25% - 10px);  margin:0px 5px;  }
	.sj-4{  float:left; width:calc(33.33333333% - 10px);  margin:0px 5px;  }
	.sj-5{  float:left; width:calc(41.66666666% - 10px);   margin:0px 5px;  }
	.sj-6{  float:left; width:calc(50% - 10px);  margin:0px 5px;  }
	.sj-7{  float:left; width:calc(58.33333333% - 10px);   margin:0px 5px;  }
	.sj-8{  float:left; width:calc(66.66666666% - 10px);  margin:0px 5px;  }
	.sj-9{  float:left; width:calc(75% - 10px);  margin:0px 5px;  }
	.sj-10{ float:left; width:calc(83.33333333% - 10px);  margin:0px 5px;  }
	.sj-11{ float:left; width:calc(91.66666666% - 10px);   margin:0px 5px;  }
	.sj-12{ float:left; width:calc(100% - 10px);  margin:0px 5px;  }
	
	.sjleft{ text-align:left;}
	.sjcenter{ text-align:center;}
	.sjright{ text-align:right;}

	.caozuo{ width:5rem;text-align:left ;   }
	
	
	.tese {width:calc(50% - 12px); height:200px; padding-top:10px; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); text-align:center; padding:10px; box-sizing:border-box; float:left; margin:5px ;}
	.tese_biaoti {width:100%; color:#454545; letter-spacing:1px; font-size:1rem; color:#454545; margin-bottom:15px; }
	.tese_neirong {font-size:.76rem;  line-height:20px; color:#666666;  }
	.tese_tubiao {width:100%; font-size:36px; height:60px;   }
	
	.product_title{ float:left; width:100%;    text-align:center; padding:20px 0px 10px 0px; margin-bottom:20px; box-shadow: 0px 0px 8px #F1F5FC; }
	.product_title:hover{ box-shadow: 0px 0px 8px #efefef; }
	.product_title h3{ font-size:1rem; height:60px; line-height:60px; color:#454545; font-weight:normal; letter-spacing:1px;}
	.product_title:hover h3{ color:#4662D9;}
	#yuyunlogo{ display:none;}
	
}

	.fuwu{ display:block;}
	.fuwu .boxfw{ margin-bottom:40px;}
	.fuwu .fuwu_biaoti{ font-size:1.4rem; line-height:1.8; margin-top:15px; margin-bottom:10px;}
	.fuwu .biaoti{font-size:1rem; line-height:2.5; color:#454545;}


#yyui_shang{ height:60px; width:100%; border-bottom:1px solid #C5D6DE; box-sizing:border-box;}
#yyui_zhong::-webkit-scrollbar {
width: 8px;
}
#yyui_zhong::-webkit-scrollbar-track {
background-color:#F6F8FA; /*背景色*/
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
#yyui_zhong::-webkit-scrollbar-thumb {
background-color:#D8E2E7; /*滚动条颜色*/
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
.left{ text-align:left;}
.center{ text-align:center;}
.right{ text-align:right;}

/*********************************************************************************/
/*用户按钮*/
A.link_yonghu_menu { display:block; text-align:center; line-height:3rem; box-sizing:border-box; border-top:1px dotted #CCCCCC; font-size:1rem;  }
A.link_yonghu_menu:hover {}
#yonghu_btn{height:50px; line-height:50px; cursor:pointer; font-size:24px; margin-right:1rem;}
#yonghu_menu{ display:none; position:absolute; top:60px; right:2px; background:#FFFFFF; width:10rem; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;border-radius:0px 0px 5px 5px;box-shadow:5px 5px 2px #888888; }


/* 分页按钮组 */
.fenye_page_btn_group{box-sizing:border-box; display:inline-block; border:1px solid #E2E2E2; -webkit-border-radius: 2px;  border-radius:2px; height:32px; }
/* 分页按钮 */
.fenye_page_btn{box-sizing:border-box; display:inline-block; height:30px ; line-height:30px; text-align:center; border-left:1px solid #E2E2E2;  padding:0px 10px; margin-left:-1px; }
/* 分页按钮选中 */
.fenye_page_btn_xz{box-sizing:border-box; display:inline-block; height:30px ; line-height:30px; text-align:center; padding:0px 10px; background-color:#8EC63F; color:#FFFfff;}

/*********************************************************************************/
.yuyun_cms_fengexian{ border-top:1px solid #ccc; margin-top:8px; line-height:8px; height:8px;}
A.link_leftbar {  height:50px;  line-height:50px;  COLOR:#1A1A1A;   font-size:1rem; box-sizing:border-box; padding-left:15px; }
A.link_leftbar:hover { color:#1E50A2;   }


.fuwu_biaoti{color:#4662D9; font-size:1rem; line-height:2; font-style:italic; letter-spacing:2px;}
.gongneng{float:left;margin:20px 10px; border:1px solid #C9CCCF; border-radius:2px;
			text-align:center; padding:10px 15px; box-sizing:border-box; background-color:#FFFFFF; }
.gongneng i{color:#F97701; }

.fa-circle{ font-size:0.2rem; color:#888888; margin-right:15px;}