<br />
<b>Warning</b>:  mkdir(): No space left on device in <b>/www/wwwroot/Z11.COM/func.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  file_put_contents(./cachefile_yuan/5ugl.com/img/0a/4d950/9a4f8.css): failed to open stream: No such file or directory in <b>/www/wwwroot/Z11.COM/func.php</b> on line <b>115</b><br />
@charset "utf-8";
.header , .content , .footer { width:1200px; margin:0 auto;  }
.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }
/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}


.new_bg dl:hover dt i img,.part_list li:hover i img,.cul_list li:hover i img,.ys2_list li:hover i img,.pro_dlqh dl:hover dt img,.pro_ul li:hover i img{transition:All 0.4s ease-in-out;
	    -webkit-transition:All 0.4s ease-in-out;
	    -moz-tr15:17 2016/9/6ansition:All 0.4s ease-in-out;
	    -o-transition:All 0.4s ease-in-out;
	
	    transform:scale(1.2);
	    -webkit-transform:scale(1.2);
	    -moz-transform:scale(1.2);
	    -o-transform:scale(1.2);
	    -ms-transform:scale(1.2);}



/*banner*/
.banner{position: relative; height:590px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:590px;overflow: hidden;}
.ban_p li a{ display:block; height:590px; background:url(../images/banner1.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 13px;height: 13px;border-radius: 13px;margin-right:8px; display: inline-block;background: #228de9;}
.ban_t em.on{background: #fb9101;}



/*anli*/
.anli_bg{margin-top: 40px;height: 266px;}
.anli{height: 266px; background: #eee url(../images/al_bg.jpg) no-repeat center bottom;}
.anli dl{}
.anli dt{float: left; text-align: center; color: #c6c6c6; font-family: Arial; line-height: 40px; font-size: 28px;  width: 285px; height:205px; border-right: 1px solid #dedede; text-transform: uppercase;}
.anli dt img{width:233px; height:90px; display: block; margin:30px auto 0;}
.anli dd{float: right;width:835px; padding:16px 45px 0 0}
.anli dd h3{font-size:24px; color: #313132; font-weight: normal; line-height:60px;}
.anli dd h3 em{color: #0063b8;display: inline-block;  }
.anli dd p{line-height:28px; color: #777; font-size: 14px;}
.anli dd span{display: block; float: right; height:46px; width:208px;  }
.anli dd span img{ height:46px; width:208px; }

/*tit*/
.tit{margin:0 auto; width: 1200px; text-align: center; color: #313132; line-height:58px; font-size: 36px; text-transform: uppercase;}
.tit a{color: #313132;}
.tit b{color: #0063b8; font-weight: bold;}
.tit span{display: block; margin: 0 auto;color: #313132;  font-size: 20px; line-height: 39px; width: 1200px; height: 39px; background:url(../images/pro_t.png) no-repeat center top;}
.tit span i{display: block; width: 345px; margin: 0 auto; border:1px solid #cecece; background: #fff; 
	border-radius:20px;}

/*pro*/
.pro_bg{padding-top:33px; overflow: hidden; height:1067px; background:#eee;}
.pro_bg .tit{margin:0 auto 42px;}

.pro{border: 1px solid #ddd;background: #fff; width: 1198px;height: 882px; margin: 0 auto;}
.pro_t{margin-bottom: 18px; position: relative;margin-right: -1px;margin-left: -1px; width: 1200px; height: 80px;}
.pro_t li{float: left; width:300px; height: 80px; text-align: center; font-size: 18px; font-weight: bold; line-height: 23px; background:url(../images/pro_p2.png) no-repeat center top;}
.pro_t li a{display: inline-block; color: #fff;  padding-top: 15px;}
.pro_t li i{display: block; color: #a7c6ee; font-size: 12px; font-family: Arial; font-weight: normal;}
.pro_t li:hover,.pro_t li.cur{background:url(../images/pro_p1.png) no-repeat center top;}
.pro_t li:hover i,.pro_t li.cur i{color: #fdd2a4;}
.pro_t li.nones{}

.pro_dlqh{width: 1136px; margin: 0 auto; height: 452px;}
.pro_dlqh dl{}
.pro_dlqh dt{float: left;  width:569px; height:427px; overflow: hidden;}
.pro_dlqh dt img{width:569px; height:427px;}
.pro_dlqh dd{float: right;width:530px;}
.pro_p{
    height: 114px;
    overflow: hidden;
}
.pro_dlqh dd h3{ margin-bottom:17px; font-size:18px; color: #313132; font-weight: bold; line-height:60px; background:url(../images/pro_l.gif) no-repeat left bottom; }
.pro_dlqh dd h3 a{color: #313132;}
.pro_dlqh dd .pro_p p{line-height:30px; color: #777; font-size: 14px;}
.pro_dlqh dd .pro_list{margin: 30px 0 30px 0; overflow: hidden;}
.pro_dlqh dd .pro_list p{float: left;margin-right: 28px; text-align: center; line-height: 30px; font-size: 14px; color: #777777;}
.pro_dlqh dd .pro_list p img{width: 110px; height: 110px; display: block;}
.pro_dlqh dd .pro_list p.nones{margin-right: 0px;}
.pro_dlqh dd em{float: left; margin-right: 15px; display: block; padding-left: 26px; width: 100px; height: 36px; line-height: 36px; font-size: 14px;background:url(../images/btn1.gif) no-repeat left top; }
.pro_dlqh dd em a{color: #fff;}
.pro_dlqh dd span{float: left;  display: block; padding-left: 50px; width:76px; height: 36px; line-height: 36px; font-size: 14px;background:url(../images/btn2.gif) no-repeat left top;  }
.pro_dlqh dd span a{color: #fff;}

.pro_con{width: 1198px; position: relative;}
.pro_ul{width: 1100px; margin-left: 52px;}
.pro_ul li{float: left; margin-right: 10px;}
.pro_ul li i{display: block; overflow:hidden;}
.pro_ul li img{width: 357px; height: 268px;}
.pro_ul li span{display: block; line-height: 40px; color: #4a4b4c; text-align: center;}
.pro_ul li.nones{margin-right: 0px;}

.roll1{position: absolute; top:76px; left: 0px; width: 34px; }
.roll2{position: absolute; top:76px; right: 0px;}
.roll1 img,.roll2 img{width: 34px; height: 81px;}

/*ys_bg*/
.ys_bg{padding-top: 46px; height: 854px; background:url(../images/ys_bg.jpg) no-repeat center top;}
.ys_bg .tit{margin-bottom:78px; color: #0063b8;}
.ys{position: relative; height:594px; width: 1140px; margin: 0 auto;}
.ys_p{position: absolute; left: 299px;top:35px;width: 538px; height: 539px;overflow: hidden;}
.ys_p img{width: 538px; height: 539px;}

.ys dl{width: 260px; float: left; height: 300px; }
.ys dl dt{}
.ys dl dt img{width: 243px; height: 138px;}
.ys dl dd{height: 120px;}
.ys dl dd h3{margin-bottom: 12px; color: #0466bb; line-height: 41px; font-size: 20px; font-weight: bold;}
.ys dl dd h3 img{float: left; width: 41px; height: 41px; padding-right: 10px;}
.ys dl dd p{ color: #606060; line-height: 23px; font-size: 14px;}
.ys .ys_dl3,.ys .ys_dl4{float: right; margin-left: 600px;}

/*case_bg*/
.case_bg{padding-top: 60px; height: 626px; background: #eee;}
.case_bg .tit{padding-bottom: 52px;}
.case dl{position: relative; width: 383px; float: left; margin-right: 25px;}
.case dl.nones{margin-right: 0px;}
.case dt{width:383px; height:290px;}
.case dt img{width:383px; height:290px;}
.case dd{text-align: center; position: absolute; top:208px; left: 24px; width:335px; height: 202px; background: #fff; border-bottom:3px solid #fb9101;}
.case dd h3{line-height: 60px; font-size: 20px; font-weight: bold;color: #fb9101; }
.case dd p{line-height:24px; padding: 0 25px; color: #787878; font-size: 14px;}
.case dl:hover{transition:All 0.4s ease-in-out;
	    -webkit-transition:All 0.4s ease-in-out;
	    -moz-transition:All 0.4s ease-in-out;
	    -o-transition:All 0.4s ease-in-out;
	
	    transform:translate(0,-10px);
	    -webkit-transform:translate(0,-10px);
	    -moz-transform:translate(0,-10px);
	    -o-transform:translate(0,-10px);
	    -ms-transform:translate(0,-10px);}

/*kehu_bg*/
.kehu_bg{padding-top: 28px; height: 830px;}
.kehu_bg .tit{margin-bottom: 50px;}
.kehu_bg .tit span i{width: 500px;}

.kehu_t{height: 440px;}
.kehu_ul{float: left;width: 454px;}
.kehu_ul li{float: left; margin: 0 6px 6px 0; width: 215px; height: 136px; background:url(../images/kh_l02.jpg) no-repeat left top;}
.kehu_ul li em{ display: block; margin:30px auto 0; overflow: hidden; width: 46px; height: 36px;}
.kehu_ul li span{display: block; line-height: 25px; font-size: 16px; text-align: center; color: #4a4b4c;}
.kehu_ul li span i{line-height: 14px; font-size: 12px; font-family: Arial; display: block; color: #a5a6a6;}
.kehu_ul li:hover,.kehu_ul li.cur{background:url(../images/kh_l01.jpg) no-repeat left top;}
.kehu_ul li:hover span,.kehu_ul li.cur span{color: #fff;}
.kehu_ul li:hover span i,.kehu_ul li.cur span i{color: #fdd1a4;}
.kehu_ul li:hover em img,.kehu_ul li.cur em img{margin-top: -36px;}
.kehu_ul .kh_li6 em{background:url(../images/kh_i6.png) no-repeat center top;}
.kehu_ul .kh_li6,.kehu_ul .kh_li6:hover,.kehu_ul .kh_li6.cur{background:url(../images/kh_l02.jpg) no-repeat left top;}
.kehu_ul .kh_li6 span,.kehu_ul .kh_li6:hover span,.kehu_ul .kh_li6.cur span{color: #383838; font-size: 14px;}
.kehu_ul .kh_li6 span i,.kehu_ul .kh_li6:hover span i,.kehu_ul .kh_li6.cur span i{color: #0063b8; font-size: 18px; font-weight: bold;}

.kh_dl{float: right;width: 744px; height: 419px; position: relative;}
.kh_dl dt img{width: 744px; height: 419px;}
.kh_dl dd{padding: 10px 20px 16px 25px;  position: absolute; bottom: 0px; left:0px; width:698px; background:url(../images/span1.png) repeat left top;}
.kh_dl dd h3{line-height:30px; font-size: 16px; font-weight: bold; }
.kh_dl dd h3 a{color: #fff;}
.kh_dl dd p{line-height:22px; color: #fff; font-size: 14px;}
.kh_dl dd span{position: absolute; right: 20px; top:20px;padding-left: 26px; width: 100px; height: 36px; line-height: 36px; font-size: 14px;background:url(../images/btn1.gif) no-repeat left top; }
.kh_dl dd span a{color: #fff;}

.part_con{position: relative; width: 1198px; height: 168px; border: 1px solid #e4e4e4; background: #e9e9e9;}
.part_list{margin-left: 50px; width: 1100px; margin-top: 24px;}
.part_list li{float: left; margin-right: 16px; line-height: 0px; border:1px solid #dddddd;}
.part_list li i{display: block; overflow:hidden;}
.part_list li img{width: 205px; height: 115px;}
.part_list li.nones{margin-right: 0px;}
.roll3{position: absolute; top:70px; left: 16px; width: 34px; }
.roll4{position: absolute; top:70px; right: 16px;}
.roll3 img,.roll4 img{width: 14px; height: 21px;}

/*ys2_bg*/
.ys2_bg{padding-top: 40px; height: 853px; background:url(../images/ys2_bg.jpg) no-repeat center top;}
.ys2_bg .tit{margin-bottom: 42px;}
.ys2{width: 1200px; height: 655px; background: #fff;}
.ys2_con dl{ width: 1200px; height: 414px;}
.ys2_con dt{width: 600px; height: 414px; float: left;}
.ys2_con dt img{width: 600px; height: 414px;}
.ys2_con dd{float: right; padding: 131px 20px 0 78px; position: relative; width: 502px; height:283px; background:url(../images/span2.png) repeat center top;}
.ys2_con dd span{position: absolute; left: -94px;top:55px; width: 262px; height: 55px;}
.ys2_con dd span img{}
.ys2_con dd h3{font-size: 24px; margin-bottom: 22px; line-height: 55px; color: #fff; border-bottom: 1px solid #f9bf70;}
.ys2_con dd p{font-size: 14px; padding-left: 16px; line-height: 36px; color: #fff; background:url(../images/ys2_l.gif) no-repeat left 17px;} 

.ys2_list{margin:22px 0 0 35px;}
.ys2_list li{margin-right: 25px; float: left;}
.ys2_list li i{display: block; overflow: hidden;}
.ys2_list li img{width: 360px; height: 161px;}
.ys2_list li span{color: #313132; display: block; text-align: center; font-size: 18px; font-weight: bold; line-height: 42px;}
.ys2_list li.cur span,.ys2_list li:hover span{color: #0063b8;}
.ys2_list li.nones{}


/*new*/
.new_bg{margin-top: 33px; height:845px;overflow: hidden;}
.new_bg .tit{margin-bottom: 55px;}

.new_l{float: left; width: 795px;}
.new_bg h2{padding-left: 48px; width: 747px; height:56px; line-height: 54px; font-size: 24px; font-weight: normal; background:url(../images/new_p1.jpg) no-repeat left top;}
.new_bg h2 a{ display: inline-block; color: #fff;}
.new_bg h2 span{font-weight: normal;  font-size: 14px; display: block;}
.new_bg h2 span a{ color: #333333; }

.new01{margin-bottom: 7px; height: 427px; background: #eeeeee; padding: 0 35px;}
.new01 dl{float: left; width: 337px; overflow: hidden; }
.new01 dt{ line-height: 0px;}
.new01 dt img{width:337px; height:189px; }
.new01 dd{margin-bottom: 15px;}
.new01 dd h3{ font-size: 16px; line-height: 60px; font-weight: normal;}
.new01 dd h3 a{color: #333333;}
.new01 dd h3 em{display: block; height: 70px; font-size: 24px; line-height: 70px; border-bottom: 1px solid #e8e8e8; color: #ababab;}
.new01 dd p{line-height:25px; color: #787878; font-size: 14px;}
.new01 dd p a{color: #0063b8;}
.new01 dl.nones{float: right;}

.new02{ padding: 16px 37px 0 37px; height: 131px; background: #eeeeee;}
.new02 ul li{padding-left: 20px; height: 36px; line-height:36px; font-weight: normal; font-size: 14px;background:url(../images/new_icon.gif) no-repeat left center;}
.new02 ul li a{color: #606163;}
.new02 ul li em{color: #999; display: inline-block; padding-right: 20px;}

.new_fag dt i,.new01 dt i{display: block; overflow: hidden;}
.fag_qh{width: 370px; float: right;}
.fag_qh h2{width:322px; background:url(../images/new_p2.jpg) no-repeat left top;}
.new_fag{background: #eee; padding-top: 35px; height: 544px;}
.new_fag dl{width: 301px; margin: 0 auto 13px;}
.new_fag dt img{width:301px; height:170px; }
.new_fag dd{padding:0 15px; height: 122px; padding-top: 10px; background:url(../images/new_icon2.gif) no-repeat left bottom;}
.new_fag dd h3{ font-size: 16px; line-height: 44px; font-weight: normal;}
.new_fag dd h3 a{color: #333333;}
.new_fag dd h3 em{display: block; height: 70px; font-size: 24px; line-height: 70px; border-bottom: 1px solid #e8e8e8; color: #ababab;}
.new_fag dd p{line-height:25px; color: #787878; font-size: 14px;}
.new_fag dd p a{color: #0063b8;}

.fag_qh1{ width: 301px; margin: 0 auto; height:500px; overflow:hidden;}
.fag_qh1 ul li{padding-left: 40px; height: 33px; line-height:34px; font-weight: normal; font-size: 14px;background:url(../images/wen.jpg) no-repeat left center;overflow:hidden;}
.fag_qh1 ul li a{color: #606163;}

.fag_qh1 ul p{padding-left: 40px; height: 33px; line-height:60px; font-weight: normal; font-size: 14px;background:url(../images/da.jpg) no-repeat left center;overflow:hidden;}
/*about*/
.about_bg{height:751px; padding-top: 42px; background:url(../images/about_bg.jpg) no-repeat center top;}
.about_bg .tit{margin-bottom: 52px;}
.about dl{padding: 12px 35px 0 12px; height: 327px; border-bottom: 3px solid #b8cce3; background: #fff; width: 1153px;}
.about dt{line-height: 0px;float: left;}
.about dt img{width:554px; height:312px;}
.about dd{float: right;  width: 545px;}
.about dd h3{margin-bottom: 25px;line-height:80px; font-weight: bold; font-size:24px;background:url(../images/about_l.gif) no-repeat left bottom;}
.about dd h3 a{color: #5b5b5c;}
.about dd p{line-height:30px; color: #666666; font-size: 14px;}
.about dd p a{ margin-top: 30px; height: 36px; line-height: 36px; color: #fff; display: block; padding-left: 25px; width: 101px;background:url(../images/btn3.gif) no-repeat left top;}


.cul{height: 186px; width: 1200px; background: #fff;}
.cul_t{float: left;width: 216px;}
.cul_t li{float: left; padding-right: 12px; width:204px; height:93px; text-align: center; font-size: 18px; font-weight: normal; line-height: 23px; background:url(../images/cul_p2.jpg) no-repeat center top;}
.cul_t li img{display:block; margin: 15px auto 0; width: 40px; height: 30px;}
.cul_t li span{display: block; color: #fff; line-height: 26px; }
.cul_t li:hover,.cul_t li.cur{background:url(../images/cul_p1.jpg) no-repeat center top;}

.cul_con{float: right; position: relative; width: 970px;}
.cul_list{margin-top: 20px; height: 166px; margin-left:30px; width: 920px; }
.cul_list li{float: left; margin-right: 10px;}
.cul_list li i{display: block; overflow:hidden;width:215px; height:121px;}
.cul_list li img{width:215px; height:121px;}
.cul_list li span{display: block; line-height: 38px; color: #666; text-align: center;}
.cul_list li.nones{margin-right: 0px;}

.roll5,.roll6{ position: absolute; top:70px;  width: 13px; height: 23px;}
.roll5{left: 0px;}
.roll6{right: 13px;}
.roll5 a,.roll6 a{ display:inline-block;  width: 13px; height: 23px; overflow:hidden;}
.roll5 a{background:url(../images/roll5.gif) no-repeat 0 top;}
.roll5 a:hover{ background:url(../images/roll55.gif) no-repeat 0 top;}  
.roll6 a{ background:url(../images/roll6.gif) no-repeat left top;}
.roll6 a:hover{ background:url(../images/roll66.gif) no-repeat left top;}