@charset "utf-8";/* CSS Document*/
@import url("fontstyle.css");
@import url("animate.min.css");
@import url("hover-min.css");

body{margin:0;padding:0;background:#fff;font-size:14px;font-family:"Microsoft Yahei",微软雅黑,SimSun,NSimSun,宋体,Arial;line-height:1.5em;}
*{margin:0;padding:0;word-break:break-all;}
a{color:#000;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;text-decoration:none;cursor:pointer}
a:hover{color:#fe2016;text-decoration:none;}
div,p,ul,ol,li,dl,dt,dd,em{margin:0;padding:0;list-style-type:none;font-style:normal;}
form,input,button{}
button{cursor:pointer;}
h1,h2,h3,h4,h5{font-weight:600;font-size:16px;}
img{border:0}
div{margin:0 auto;}
.clearfix:after,.clearfix:before{content:"";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{height:1%;zoom:1;}
*+html .clearfix{height:1%;}

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance:none; }
textarea { -webkit-appearance:none; } 

.container{position:relative;width:1000px;margin:0 auto;}
.blk{height:10px;display:block;overflow:hidden;}
.blk2{height:20px;display:block;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.pd55{padding:5px 5px;}
.pd1010{padding:10px 10px;}
.pd2525{padding:50px 25px;}

.mini-menu,#close{display:none;}
.header{position:relative;z-index:999;padding:25px 0 15px;background:#fff;box-shadow: 0px 3px 3px #888888;border-bottom: 1px solid #f4f4f4;height:65px;}
.logo{position:absolute;left:0;top:0;}
.logo a{display:block;background:url(../images/logo.png) no-repeat 0 0;height:65px;width:242px;text-indent:-9999em;overflow:hidden;}

.nav{position:absolute;right:0;top:20px;padding:0 20px;height:36px;line-height:36px;z-index:1;}
.nav ul{margin:auto;}
.nav a{color:#333;}
.nav .nLi{float:left;position:relative;display:inline;}
.nav .nLi h3{float:left;}
.nav .nLi h3 a{display:block;padding:0 15px;border-radius:30px;font-size:14px;font-weight:normal;behavior: url(ie-css3.htc);}
.nav .sub{display:none;width:106px;left:0;top:36px;position:absolute;background:rgba(255,255,255,.86);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);line-height:32px;text-align:center;padding:5px 0;}
.nav .sub li{zoom:1;}
.nav .sub a{display:block;padding:0 0px;}
.nav .sub a:hover{background:#0094e0;color:#fff;}
.nav .on h3 a{background:#0094e0;color:#fff;}

/*focus*/
.slideBox{width:100%;height:399px;overflow:hidden;position:relative;}
.slideBox .hd{height:15px;overflow:hidden;position:absolute;left:50%;margin-left:-25px;zoom:1;bottom:25px;z-index:1;}
.slideBox .hd ul{overflow:hidden;zoom:1;float:left;}
.slideBox .hd ul li{float:left;margin-right:8px;width:15px;height:15px;line-height:15px;text-align:center;border-radius:15px;background:#fff;cursor:pointer;text-indent:-9999em;overflow:hidden;}
.slideBox .hd ul li.on{background:#fe2016;color:#fff;}
.slideBox .bd{position:relative;height:100%;z-index:0;}
.slideBox .bd li{zoom:1;vertical-align:middle;}
.slideBox .bd a{width:100%;height:399px;text-indent:-9999em;display:block;}
.slideBox .prev,.slideBox .next{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:48px;height:48px;background:url(../images/arrows-48-48-3.png) 0px 0px no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{left:auto;right:3%;background-position:-48px 0px;}
.slideBox .prev:hover,.slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{display:none;}
.slideBox .nextStop{display:none;}



/*title*/
.title{padding:50px 0 30px;text-align:center;}
.title h3{font-size:28px;line-height:36px;color:#0094e0;}
.title span{display:block;padding:10px 0;color:#888;font-size:16px;}

.title1{padding:0px 0 0px;text-align:center;}
.title1 h3{font-size:28px;line-height:36px;color:#0094e0;}
.title1 span{display:block;padding:10px 0;color:#888;font-size:16px;}

.line{margin:0 auto;background:#0094e0;height:2px;width:60px;}
.line2{background:#0094e0;height:2px;width:45px;}

/*service*/
.service{}
.service-list{padding:0 0;}
.service-list dl{float:left;margin-right:15px;width:185px;}
.service-list dl.s4{margin-right:0;}
.service-list dt{text-align:center;}
.service-list dt img{width:190px;}
.service-list dt .fonts-icons{height:120px;width:120px;font-size:120px;text-align:center;color:#0094e0;line-height:120px;}
.service-list dd{text-align:center;}
.service-list dd h2{padding:25px 0;color:#333;}
.service-list dd p{padding:25px 10px;color:#888;}

/*about*/
.about-txt{padding:50px 0 0px;}
.about-txt{padding-top:0px;background:#0094e0;text-align:center;line-height:32px;}
.about-txt p{margin:0 auto;padding:50px 0;width:800px;color:#fff;text-align:center;font-size:16px;line-height:28px;}
.about-btn{margin:0px 0 25px}
.about-btn a{margin:0 auto;border-radius:30px;background:#fff;color:#0094e0;height:60px;line-height:60px;width:200px;font-size:22px;display:block;}
.about-txt .about-btn a:hover{background:#fe2016;color:#fff;}

.zoom img{height:160px;width:160px;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.zoom a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}

/*about c*/
.about-photo{position:relative;width:1000px;margin:30px auto;text-align:center;}
.about-photo li{display:inline-block;zoom:1;position:relative;text-align:left;width:246px;overflow:hidden;}
.about-photo img{width:248px;}

/*content*/
.content{margin:0 auto;padding:50px 0 20px;width:1000px;color:#0a0909;text-align:left;font-size:14px;line-height:35px;}

/* Outline Out */
.hvr-outline-out{display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;overflow:hidden;}
.hvr-outline-out:before{content: '';position: absolute;border: #fff solid 1px;top: -20px;right: -20px;bottom: -20px;left: -20px;z-index:1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: top, right, bottom, left;transition-property: top, right, bottom, left;}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before{top: 10px;right: 10px;bottom: 10px;left: 10px;}

/*pro*/
.professional{padding:50px 0;background:#fff;width:1000px;margin:auto;}
.professional dl{float:left;padding:0 40px;width:240px;}
.professional dt{text-align:center;}
.professional dt .fonts-icons{border-radius:180px;background:#f1f1f1;height:180px;width:180px;font-size:180px;text-align:center;color:#0094e0;line-height:180px;}
.professional dd{text-align:left;}
.professional dd h3{padding:25px 0;text-align:left;font-size:25px;font-weight:bold;line-height:28px;color:#0094e0;}
.professional dd h3 a{color:#0094e0;}
.professional dd h3 a:hover{color:#fe2016;}
.professional dd p{padding:5px 0;color:#888;}


/*book*/
.gbook{padding-top:50px;background:url(../images/gbook-bg.jpg) no-repeat center 0;height:580px;width:100%;}

.myinfo{padding:70px 0px 70px 0px;color:#666;}
.myinfo .mytitle{padding:20px 0 30px;font-size:26px;color:#fff;}
.myinfo li{padding:10px 0;text-align:left;}
.myinfo li .fonts-icons{position:relative;top:4px;color:#666;font-size:22px;}
.myinfo li a{color:#666;}

.form-gbook{padding:50px 0;width:650px;}
.form-gbook dl{padding:25px 0;clear:both;line-height:36px;}
.form-gbook dt,.form-gbook dd{float:left;}
.form-gbook dt{width:100px;color:#666;text-align:right;}
.form-gbook dd{width:500px;}
.form-gbook input{padding:0 5px;border:0px solid #ccc;background:rgba(255,255,255,0.1);width:400px;height:36px;line-height:36px;color:#fff;outline:none;}
.form-gbook textarea{padding:0 5px;border:0px solid #ccc;background:rgba(255,255,255,0.1);width:400px;height:90px;line-height:36px;color:#fff;outline:none;}
.form-gbook .button{cursor:pointer;background:#0094e0;height:36px;width:200px;color:#fff;font-weight:bold;font-size:16px;}
.form-gbook .red{color:#c00;}

.myinfo2{padding:70px 0px 70px 0px;color:#fff;}
.myinfo2 li{padding:10px 0;text-align:left;display:inline-block;text-align:left;width:33%;text-align:center;}
.myinfo2 li .fonts-icons{position:relative;top:4px;padding:25px 0;color:#fff;font-size:36px;display:block;}

/*gbook2*/
.myinfo21{padding:70px 0px 70px 0px;color:#666;}
.myinfo21 .mytitle{padding:20px 0 30px;font-size:26px;color:#000;}
.myinfo21 li{padding:10px 0;text-align:left;}
.myinfo21 li .fonts-icons{position:relative;top:4px;color:#666;font-size:22px;}

.form-gbook2{padding:70px 0;width:600px;}
.form-gbook2 dl{padding:25px 0;clear:both;line-height:36px;}
.form-gbook2 dt,.form-gbook2 dd{float:left;}
.form-gbook2 dt{width:100px;color:#666;text-align:right;}
.form-gbook2 dd{width:500px;}
.form-gbook2 input{padding:0 5px;border:1px solid #ddd;width:400px;height:36px;line-height:36px;}
.form-gbook2 textarea{padding:0 5px;border:1px solid #ddd;width:400px;height:90px;line-height:36px;}
.form-gbook2 .button{background:#0094e0;height:36px;width:200px;color:#fff;font-weight:bold;font-size:16px;}
.form-gbook2 .red{color:#c00;}

.place{border-bottom:1px solid #ddd;line-height:50px;color:#888;}
.place em{font-weight:bold;}
.place a{color:#888;}

.news-list{}
.news-list dl{padding:20px 0;border-bottom:1px solid #ddd;height:100px;}
.news-list dt{float:left;width:100px;}
.news-list dt .time{border-radius:5px;background:#f1f1f1;padding-top:25px;height:75px;width:100px;line-height:22px;text-align:center;color:#888;}
.news-list dd{float:left;margin-left:25px;text-align:left;}
.news-list dt em{display:block;padding-bottom:15px;font-weight:bold;font-size:32px;font-style:normal;color:#0094e0;}
.news-list dd h3{line-height:36px;font-size:18px;height:36px;}
.news-list dd p{line-height:30px;color:#666;width:800px;}

#page{padding:50px 15px 100px;clear:both;text-align:center;}
#page a{background:#f1f1f1;}
#page a{padding:8px 15px;}
#page a:hover{background:#0094e0;color:#fff;text-decoration:none;}
#page b{padding:8px 15px;background:#0094e0;color:#fff;}
#page a b{padding:0px 0px;background:none;color:#333;}
#page a:hover b{color:#fff;}

.news-content{padding:50px 0;}
.news-content h1{font-size:32px;font-weight:normal;}
.news-content .news-info{padding:35px 0;color:#888;}
.news-content .news-text{line-height:32px;font-size:15px;width:86%;}
.news-content .nextpage{padding:50px 0;}
.news-content .nextpage span{margin:0 10px;}

.photo ul{padding:80px 0 30px;text-align:center;}
.photo li{display:inline-block;zoom:1;margin:0 10px;}
.photo li a{display:block;padding:10px 35px;border-radius:25px;background:#eee;}
.photo li a:hover{background:#fe2016;color:#fff;}
.photo li a.cur{background:#fe2016;color:#fff;}

.photo-list{width:1000px;overflow:hidden;}
.photo-list ul{width:1100px;}
.photo-list .item{margin-top:6px;margin-right:10px;margin-bottom:6px;border:2px solid #fff;background:#fff;float:left;width:320px;display:block}
.photo-list .box{position:relative;perspective:1000px;}
.photo-list .box .box-img{transform:rotateY(0);transition:all 0.50s ease-in-out 0s;}
.photo-list .box .box-img img{height:195px}
.box:hover .box-img{transform:rotateY(-90deg);}
.photo-list .box .box-content{width:100%;height:100%;position:absolute;top:0;left:0;padding:0px 0px;text-align:center;background:rgba(0,0,0,0.86);transform:rotateY(90deg);transition:all 0.50s ease-in-out 0s;}
.box:hover .box-content{transform:rotateY(0);}
.photo-list .box .ti{font-size:20px;color:#ccc;border-bottom:1px solid #666;text-transform:uppercase;}
.photo-list .box .description{padding-top:15px;font-size:15px;line-height:24px;text-align:left;color:#888;}
.photo-list .box .ti:after,
.photo-list .box .description:after{content:"";width:80%;display:block;margin:15px auto;}

.photo-content{padding:50px 0;}
.photo-content h1{font-size:32px;font-weight:normal;text-align:center;}
.photo-content .news-info{padding:35px 0;color:#888;text-align:center;}
.photo-content .news-text{line-height:32px;font-size:15px;width:86%;}
.photo-content .nextpage{padding:50px 0;text-align:center;}
.photo-content .nextpage span{margin:0 10px;}

/*footer*/
.footer{background:#222;width:100%;height:auto;color:#666;}
.contact{padding:30px 0 30px;text-align:center;}
.contact .fonts-icons{position:relative;top:4px;color:#666;font-size:22px;}
.contact dl{padding:10px 0;text-align:center;}
.contact dt{position:relative;display:inline-block;*zoom:1;line-height:26px;}
.contact dt span{position:relative;}
.contact dd{display:inline-block;*zoom:1;line-height:26px;}
.contact dd .qq_icon{padding-left:23px;margin-right:5px;background-image:url(../images/qq.png);background-repeat:no-repeat;background-size:18px;color:#666;}
.copyright{background:#222;text-align:center;height:50px;line-height:50px;color:#666;}
.copyright a{color:#666;}
.copyright a:hover{color:#888;}
.copyright span{color:#333;}


@media screen and (max-width:780px){

	.container{width:100%;}
	.header{position:fixed;top:0;padding:0px 0 0px;height:42px;width:100%;}
	
	.logo{position:absolute;left:0;top:0;}
	.logo a{display:block;background:url(../images/logo.png) no-repeat 0 0;background-size:180px;height:42px;width:180px;text-indent:-9999em;overflow:hidden;}

	.mini-menu{position:absolute;right:5px;top:-5px;display:block;}
	.mini-menu a{display:block;zoom:1;padding:0 10px;font-size:60px;color:#666;font-weight:bold;height:42px;width:42px;overflow:hidden;}

	.nav{position:absolute;left:0;top:42px;padding:0 0;background:rgba(255,255,255,.76);height:auto;line-height:36px;z-index:1;width:100%;display:none;}
	.nav ul{margin:0;}
	.nav a{color:#333;}
	.nav .nLi{float:none;position:relative;display:block;}
	.nav .nLi h3{float:none;}
	.nav .nLi h3 a{display:block;padding:0 10%;border-bottom:1px dotted #ccc;border-radius:0px;font-size:14px;font-weight:normal;behavior: url(ie-css3.htc);width:80%;}
	.nav .sub{display:block;border-bottom:0px dotted #ccc;width:100%;left:0;top:0px;position:relative;background:rgba(255,255,255,.86);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);line-height:32px;text-align:center;padding:5px 0;}
	.nav .sub li{padding:0 15px;zoom:1;display:inline-block;width:40%;}
	.nav .sub a{display:block;padding:0 0px;}
	.nav .sub a:hover{background:#0094e0;color:#fff;}
	.nav .on h3 a{background:#0094e0;color:#fff;}

	#close{display:block;padding:0px 0;background:rgba(200,200,200,0.75);text-align:center;font-weight:bold;color:#fff;height:42px;line-height:42px;width:100%;}
	#close .fonts-icons{position:relative;top:6px;font-size:28px;font-weight:bold;color:#fff;}

	.slideBox{margin-top:42px;width:100%;height:auto;min-height:320px;}
	.slideBox .bd a{background-size:100%;width:100%;height:auto;min-height:320px;}

	.service{}
	.service-list{padding:0 0;}
	.service-list dl{float:none;margin:10px auto;width:90%;}
	.service-list dl.last{margin-right:auto;}
	.service-list dl.s4{margin-right:auto;}
	.service-list dt{text-align:center;}
	.service-list dt img{width:230px;}
	.service-list dt .fonts-icons{height:120px;width:120px;font-size:120px;text-align:center;color:#0094e0;line-height:120px;}
	.service-list dd h2{padding:15px 0;}
	.service-list dd p{padding:15px 10px;}


	/*about*/
	.about-txt{padding:25px 0 0px;}
	.about-txt p{padding:25px 0;width:90%;}

	/*pro*/
	.professional{padding:50px 0;background:#fff;width:90%;margin:auto;}
	.professional dl{float:none;padding:0 0px;width:240px;margin:10px auto;}
	.professional dt{text-align:center;}
	.professional dt .fonts-icons{border-radius:180px;background:#f1f1f1;height:180px;width:180px;font-size:180px;text-align:center;color:#0094e0;line-height:180px;}
	.professional dd{text-align:left;}
	.professional dd h3{padding:25px 0;text-align:center;font-size:25px;}

	.fl{float:none;}
	.fr{float:none;}
	/*book*/
	.gbook{padding-top:30px;background:url(../images/gbook-bg.jpg) repeat-y center 0;height:auto;width:100%;}

	.myinfo{padding:30px 0px 30px 5%;}
	.myinfo .mytitle{padding:20px 0 30px;text-align:center;}
	.myinfo li{padding:5px 0;display:inline-block;width:48%;}
	.myinfo li.l5,.myinfo li.l6{width:100%}

	.form-gbook{padding:25px 0;width:100%;}
	.form-gbook dl{padding:15px 0;}
	.form-gbook dt{width:25%;}
	.form-gbook dd{width:70%;}
	.form-gbook input{width:90%;}
	.form-gbook textarea{padding:0 5px;width:90%;}

	/*about c*/
	.about-photo{position:relative;width:100%;margin:30px auto;text-align:center;}
	.about-photo li{display:inline-block;zoom:1;position:relative;text-align:left;width:47%;overflow:hidden;}
	.about-photo img{width:100%;}

	/*content*/
	.content{margin:0 auto;padding:10px 0 10px;width:90%;color:#666;text-align:left;font-size:14px;line-height:28px;}
	.content img{height:auto;max-width:100%}

	.myinfo2{padding:30px 0px 30px 5%;}
	.myinfo2 li{padding:10px 0;text-align:left;display:inline-block;text-align:left;width:33%;text-align:center;}
	.myinfo2 li .fonts-icons{position:relative;top:4px;padding:25px 0;color:#fff;font-size:36px;display:block;}

	/*gbook2*/
	.myinfo21{padding:30px 0px 30px 5%;}
	.myinfo21 .mytitle{padding:20px 0 30px;text-align:center;}
	.myinfo21 li{padding:5px 0;display:inline-block;width:48%;}
	.myinfo21 li .fonts-icons{position:relative;top:4px;color:#666;font-size:22px;}
	.myinfo21 li.l5,.myinfo21 li.l6{width:100%}
	.myinfo21 li a{color:#666;}

	.form-gbook2{padding:25px 0;width:100%;}
	.form-gbook2 dl{padding:15px 0;clear:both;line-height:36px;}
	.form-gbook2 dt,.form-gbook2 dd{float:left;}
	.form-gbook2 dt{width:25%;}
	.form-gbook2 dd{width:70%;}
	.form-gbook2 input{width:90%;}
	.form-gbook2 textarea{padding:0 5px;width:90%;}
	.form-gbook2 .button{background:#0094e0;height:36px;width:200px;color:#fff;font-weight:bold;font-size:16px;}
	.form-gbook2 .red{color:#c00;}

	/*title*/
	.title{padding:20px 0 30px;text-align:center;}

	.pd2525{padding:20px 15px 0;}


	.photo ul{padding:50px 0 30px;text-align:center;}
	.photo li{display:inline-block;zoom:1;margin:5px 10px;}
	.photo li a{display:block;padding:6px 35px;border-radius:25px;font-size:12px;background:#eee;}
	.photo li a:hover{background:#fe2016;color:#fff;}
	.photo li a.cur{background:#fe2016;color:#fff;}

	.photo-list{width:90%;margin:auto;overflow:hidden;}
	.photo-list ul{width:100%;}
	.photo-list .item{margin:auto;margin-top:6px;margin-bottom:6px;border:2px solid #fff;background:#fff;float:left;width:48%;text-align:center;}
	.photo-list .box{position:relative;perspective:100%;}
	.photo-list .box .box-img{transform:rotateY(0);transition:all 0.50s ease-in-out 0s;}
	.photo-list .box .box-img img{height:165px;width:96%;}
	.box:hover .box-img{transform:rotateY(-90deg);}
	.photo-list .box .box-content{width:100%;height:100%;position:absolute;top:0;left:0;padding:0px 0px;text-align:center;background:rgba(0,0,0,0.86);transform:rotateY(90deg);transition:all 0.50s ease-in-out 0s;}
	.box:hover .box-content{transform:rotateY(0);}
	.photo-list .box .ti{font-size:16px;color:#ccc;border-bottom:0px solid #666;text-transform:uppercase;}
	.photo-list .box .description{display:none;padding-top:15px;font-size:15px;line-height:24px;text-align:left;color:#888;}
	.photo-list .box .ti:after,
	.photo-list .box .description:after{content:"";width:80%;display:block;margin:15px auto;}

	.place{padding:0 15px;border-bottom:1px solid #ddd;line-height:50px;color:#888;}
	.news-list{width:98%;}
	.news-list dl{padding:20px 15px;border-bottom:1px solid #ddd;height:100px;}
	.news-list dt{float:left;width:100px;margin-right:-100px;}
	.news-list dt .time{border-radius:5px;background:#f1f1f1;padding-top:25px;height:75px;width:100px;line-height:22px;text-align:center;color:#888;}
	.news-list dd{float:left;text-align:left;width:100%;}
	.news-list dt em{display:block;padding-bottom:15px;font-weight:bold;font-size:32px;font-style:normal;color:#0094e0;}
	.news-list .ddbox{margin-left:100px;word-break:break-all;}
	.news-list dd h3{line-height:36px;font-size:18px;height:36px;width:95%;overflow:hidden;word-break:break-all;}
	.news-list dd p{height:60px;line-height:30px;color:#666;width:92%;overflow:hidden;word-break:break-all;}

	.news-content{padding:30px 15px;}
	.news-content h1{font-size:26px;line-height:32px;font-weight:normal;}
	.news-content .news-info{padding:15px 0;color:#888;}
	.news-content .news-text{line-height:32px;font-size:15px;width:100%;}
	.news-content .news-text img{height:auto;max-width:100%;}
	.news-content .nextpage{padding:30px 0;}
	.news-content .nextpage span{margin:15px 0px;display:block;}

	#page{padding:30px 15px 30px;clear:both;text-align:center;}
	#page a{background:#f1f1f1;}
	#page a{padding:5px 10px;}
	#page a:hover{background:#0094e0;color:#fff;text-decoration:none;}
	#page b{padding:5px 10px;background:#0094e0;color:#fff;}
	#page a b{padding:0px 0px;background:none;color:#333;}
	#page a:hover b{color:#fff;}
	
}
@media screen and (max-width:690px){
	.photo-list .box .box-img img{height:165px;width:96%;}
}
@media screen and (max-width:420px){
	.photo-list .box .box-img img{height:98px;width:96%;}
}
@media screen and (max-width:390px){
	.myinfo{padding:30px 0px 30px 20%;}
	.myinfo li{padding:5px 0;display:inline-block;width:100%;}
	.myinfo li.l5,.myinfo li.l6{width:100%}

}