@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}


.baner{  height:600px;}
#flashs{ position:relative; height:600px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:17px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.on{ background:#ffde6e;}
/*proMain*/
.proMain{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/probg.png")/*probg.png*/ no-repeat center top; height:998px; overflow:hidden;}
.proMain .container{ margin-top:20px;}
.proMain .proleft{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/proleftbg.png")/*proleftbg.png*/ no-repeat center; width:245px; height:980px; float:left;}
.proMain .proleft h4{ padding-top:68px; padding-left:18px; padding-right:50px;}
.proMain .proleft h4 img{ display:block;}
.proMain .proleft li{ margin-top:10px;}
.proMain .proleft li a{ text-decoration:none;}
.proMain .proleft li h5{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/list1.png")/*list1.png*/ no-repeat left center; height:44px; line-height:44px; overflow:hidden; padding-left:48px;}
.proMain .proleft li h5 a{ font-size:16px; color:#ffcc00;}
.proMain .proleft li .sedpro{ padding:0 20px;}
.proMain .proleft li .sedpro p{ height:54px; line-height:54px; overflow:hidden; padding-left:30px; background:url("list2.png")/*list2.png*/ no-repeat left center; border-bottom:1px solid #80101e;}
.proMain .proleft li .sedpro p a{ font-size:13px; color:#ffde6e;}
.proMain .proright{ width:725px; float:right;}
.proMain .proright .prot{ height:47px; background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/protbg.png")/*protbg.png*/ repeat-x center; margin-top:14px;}
.proMain .proright .prot ul{ float:left; margin-left:165px;}
.proMain .proright .prot li{ float:left; margin:0 15px;}
.proMain .proright .prot li a{ display:block;line-height:47px; height:47px; width:95px; padding-left:45px; font-size:14px; color:#ddceb5; text-decoration:none; background:url("protbg3.png")/*protbg3.png*/ no-repeat left center;}
.proMain .proright .prot li a:hover,.proMain .proright .prot li.on a{ background:url("protbg2.png")/*protbg2.png*/ no-repeat left bottom; color:#ffde6e;}
.proMain .proright .prot .mor{ float:right; width:50px; height:21px; line-height:21px; text-align:center; background:#363939; text-decoration:none; margin-top:14px;}
.proMain .proright .probaner{ position:relative; margin-top:19px;}
.probaner0{ width:724px; margin-top: 19px;height:320px; position:relative;  overflow:hidden; }
.probaner0 .hd { position:absolute; right:9px; bottom:10px; z-index:1; padding-left:2px; }
.probaner0 .hd li { color:#f60; cursor:pointer; margin-left:3px; width:18px; height:18px; background:url("proturebg.png")/*proturebg.png*/ no-repeat center top; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70);margin-left:-1px; }
.probaner0 .hd li.on { background:url("proturebg2.png")/*proturebg2.png*/ no-repeat center top; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }


.probaner1{ width:724px; margin-top: 19px;height:320px; position:relative;  overflow:hidden; }
.probaner1 .hd { position:absolute; right:9px; bottom:10px; z-index:1; padding-left:2px; }
.probaner1 .hd li { color:#f60; cursor:pointer; margin-left:3px; width:18px; height:18px; background:url("proturebg.png")/*proturebg.png*/ no-repeat center top; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70);margin-left:-1px; }
.probaner1 .hd li.on { background:url("proturebg2.png")/*proturebg2.png*/ no-repeat center top; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }
.proright .procont ul{ overflow:hidden;}
.proright .procont li{ float:left; width:335px; margin-right:27px; margin-top:8px; margin-bottom:8px;}
.proright .procont li img{ display:block;}
.proright .procont li p{ text-align:center; margin-top:15px; line-height:13px;}
.proright .procont li p a{ font-size:13px; color:#ddceb5; text-decoration:none;}
.proright .procont li.noBr{ margin-right:0;}

/*guanggao*/
.guanggao{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/guanggaobg.png")/*guanggaobg.png*/ no-repeat center top; height:297px;}
.guanggao .container{ height:100%; position:relative; overflow:hidden;}
.guanggao .yizhi{ display:block; margin-top:60px;}
.guanggao .dingzhi{ position:absolute; top:70px; right:0;}
.guanggao .dingzhi img{ display:block;}
.guanggao .dingzhi p{ color:#fff; margin-top:10px; margin-bottom:15px;}
.guanggao .dingzhi a{ display:block; background:url("dingzhibg.png")/*dingzhibg.png*/ no-repeat center; width:111px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff; text-decoration:none;}


/*youshi*/
.youshi{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/youshibg.png")/*youshibg.png*/ no-repeat center top; height:520px;}
.youshi .container{}
.youshi h4{ padding-top:45px;}
.youshi h4 img{ display:block; margin:0 auto;}
.youshi .yslist{ text-align:center; margin-top:34px; margin-bottom:10px;}
.youshi .yslist span{ display:inline-block; margin:0 16px; height:72px; line-height:72px; font-size:16px; color:#fce160; text-decoration:none; overflow:hidden;}
.youshi .yslist span.cur{ background:url("ystoplistbg.png")/*ystoplistbg.png*/ no-repeat center; font-weight:bold; color:#fce160;}
.youshi dl{ overflow:hidden;}
.youshi dt{ float:right;}
.youshi dt img{ display:block;}
.youshi dd{ margin-top:40px; width:490px;}
.youshi dd img{ display:block;}
.youshi dd p{ font-size:14px; color:#fce160; line-height:25px; margin-top:20px;}


/*strength*/
.strength .str1{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/ysbg1.png")/*ysbg1.png*/ no-repeat center top; height:534px;}
.strength .str2{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/ysbg2.png")/*ysbg2.png*/ no-repeat center top; height:285px;}
.strength .str3{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/ysbg4.png")/*ysbg4.png*/ no-repeat center top; height:302px;}
.strength .str4{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/ysbg3.png")/*ysbg3.png*/ no-repeat center top; height:310px;}
.strength h5{ padding-top:83px;}
.strength h5 img{ display:block; margin:0 auto;}
.strength .container{ position:relative;}
.strength dl{ position:absolute;}
.strength dt img{ display:block;}
.strength dt p{ font-size:16px; color:#e6c582; margin-top:5px;}
.strength dd{ margin-top:20px;}
.strength dd p{ font-size:13px; color:#bca584; padding-left:40px; background:url("strbg.png")/*strbg.png*/ no-repeat left 2px; margin-bottom:24px; line-height:20px;}
.strength dd p span{ color:#ff9900; font-weight:bold;}
.strength .sl1{ left:0; top:264px;}
.strength .sl2{ left:562px; top:48px;}
.strength .sl3{ left:0; top:72px;}
.strength .sl4{ left:543px; top:70px;}
.strength .strphone{ padding-left:70px; background:url("strphone.png")/*strphone.png*/ no-repeat left center; top:65px; left:23px;}
.strength .strphone dd{ margin-top:10px;}


.optop{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/opotionbg.png")/*opotionbg.png*/ no-repeat center top;}
.optop img{ display:block; margin:0 auto;}

/*opinion*/
.opinion{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/opotionbg2.png")/*opotionbg2.png*/ no-repeat center top; height:563px;}
.opinion .container{ padding-top:45px;}
.opinion .opcont{ position:relative; margin-top:45px;}
.opinion .opcont ul{ overflow:hidden; width:1000; margin:0 auto;}
.opinion .opcont li{ float:left; width:230px; margin:0 10px;}
.opinion .opcont li img{ display:block;}
.opinion .opcont li h5{ text-align:center; padding-top:13px; padding-bottom:10px; line-height:14px; height:14px; overflow:hidden;}
.opinion .opcont li h5 a{ font-size:14px; color:#f6d55b; text-decoration:none;}
.opinion .opcont li p{ color:#f6d55b; line-height:20px; overflow:hidden; height:60px;}
.opinion .opcont .opbot{ display:block; position:absolute; top:150px; width:33px; height:44px;}
.opinion .opcont .opbot1{ background:url("opbot1.png")/*opbot1.png*/ no-repeat center; left:-60px;}
.opinion .opcont .opbot2{ background:url("opbot2.png")/*opbot2.png*/ no-repeat center; right:-60px;}


/*yfdMain*/
.yfdMain{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/honerbg.png")/*honerbg.png*/ no-repeat center top; height:498px; overflow:hidden;}
.yfdMain .container{ margin-top:48px;}
.yfdMain .about{ float:left; width:616px;}
.yfdMain .about .intr{ margin-top:20px;}
.yfdMain .about .intr img{ display:block;}
.yfdMain .about .intr p{ color:#bca584; line-height:20px; margin-top:20px;}
.yfdMain .honer{ width:230px; float:right; margin-right:30px;}
.yfdMain .honer .zhengshu{ position:relative; margin-top:30px;}
.yfdMain .honer .zhengshu ul{ overflow:hidden;}
.yfdMain .honer .zhengshu li{ width:180px; background:#fff; padding:17px 25px 20px 25px;}
.yfdMain .honer .zhengshu li img{ display:block;}
.yfdMain .honer .zhengshu li p{ text-align:center; margin-top:25px;}
.yfdMain .honer .zhengshu li p a{ color:#635347; text-decoration:none;}
.yfdMain .honer .zhengshu .hbot{ display:block; width:31px; height:31px; position:absolute; top:130px; transition:all 0s;}
.yfdMain .honer .zhengshu .hbot1{ background:url("hbotbg1.png")/*hbotbg1.png*/ no-repeat center top; left:-15px;}
.yfdMain .honer .zhengshu .hbot2{ background:url("hbotbg2.png")/*hbotbg2.png*/ no-repeat center top; right:-15px;}
.yfdMain .honer .zhengshu .hbot:hover{ background-position:center bottom;}


/*workshop*/
.workshop{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/workbg.png")/*workbg.png*/ no-repeat center top; height:329px; padding-top:20px;}
.workshop .tempWrap{ overflow:hidden; padding-top:40px; width:1000px; margin:0 auto;}
.workshop li{ float:left; width:230px; margin:0 10px;}
.workshop li img{ display:block;}
.workshop li p{ text-align:center; margin-top:20px;}
.workshop li p a{ font-size:14px; color:#bca584; text-decoration:none;}



.newMain{ background:url("http://yunsitecms.oss-cn-shenzhen.aliyuncs.com/1338/newminabg.png")/*newminabg.png*/ no-repeat center top; height:516px;}
.newMain .container{ padding-top:35px;}
.newMain .news{ float:left; margin-right:25px; width:315px;}
.newMain .news dl{ margin-top:28px;}
.newMain .news dt img{ display:block;}
.newMain .news dd h5{ padding-top:15px; padding-bottom:5px; line-height:14px; height:14px; overflow:hidden;}
.newMain .news dd h5 a{ font-size:14px; color:#f6d55b; text-decoration:none;}
.newMain .news dd p{ color:#f6d55b; line-height:20px; height:40px; overflow:hidden;}
.newMain .news ul{ margin-top:15px;}
.newMain .news li{ padding-left:15px; line-height:30px; height:30px; background:url("newdian.png")/*newdian.png*/ no-repeat left center;}
.newMain .news li a{ color:#f6d55b; text-decoration:none;}
.newMain .quetion{ float:right; width:320px;}
.newMain .quetion .qtcont{ margin-top:25px; height:360px; overflow:hidden;}
.newMain .quetion .qtcont dl{ padding-top:18px; padding-bottom:15px; border-bottom:1px dotted #ac4527;}
.newMain .quetion .qtcont dt{ padding-left:32px; background:url("wenImg.png")/*wenImg.png*/ no-repeat left center; height:21px; line-height:21px; overflow:hidden;}
.newMain .quetion .qtcont dt a{ font-size:14px; color:#f6d55b; font-weight:bold; text-decoration:none;}
.newMain .quetion .qtcont dd{ color:#f6d55b; line-height:20px; height:40px; overflow:hidden; padding-left:32px; background:url("daImg.png")/*daImg.png*/ no-repeat left top; margin-top:9px;}

