@charset "utf-8";
/* CSS Document */
body{ background:#fff;}
.wrap{ max-width:1200px; margin:0 auto}
.pd{ padding:35px;}
.pclist{ display:block}
.ydlist{ display:none}


/*top*/
.top{height:50px; background:#2a2929; width:100%; text-align:right}
.top span{ display:inline-block; padding:0 15px; line-height:49px; border-right:1px solid #504f4f;}
.top span a{ cursor:pointer; color:#fff; font-size: 12px;}
.top span a:hover{ text-decoration:underline}

.header{padding:20px; height:100px; background:#23a1bf;}
.header .wrap{ position:relative;}
.header .photo{width:160px;height:160px; padding:6px; position:absolute; left:0; top:-46px; z-index:999; background:url(../images/photobg.png) no-repeat center; border-radius:50%; overflow:hidden;}
.header .photo span{ width:152px; height:152px;border-radius:50%; background:#f7f7f7; overflow:hidden; text-align:center; vertical-align:middle; display:table-cell }
.header .photo span img{ vertical-align:middle; max-width:100%; max-height:100%;}
.name{ float:left; margin-left:15%; width:35%;}
.name h1{ font-size:24px; color:#fff; margin-bottom:10px;}
.name h1 em{ font-size:14px; margin-left:6%}
.name dl { float:left;margin-right:10%;}
.name dl:first-child{ }
.name dl dt,.name dl dd{ display:inline-block; color:#fff;}
.box-r{ float:right; text-align:right; vertical-align:middle; padding-top:10px;}
.box-r i{ background:url(../images/huo.png) no-repeat left center; padding-left:25px; color:#fff;cursor: pointer;}
.box-r a{ display:inline-block; padding:8px 15px; border:1px solid #fff; border-radius:5px; color:#fff; margin-right:30px; vertical-align:middle}
.box-r a:hover{ background:#f26522; color:#fff; border:1px solid #f26522; }


/*banner*/
.banner{ width:100%; margin:0 auto; position:relative}
.banner img{ display:inline-block; max-width:100%; height:auto; vertical-align:middle;}
.banner .search{ width:480px; position:absolute; top:50%; left:50%;-moz-box-shadow:0px 1px 5px #cfcfcf; -webkit-box-shadow:0px 1px 5px #cfcfcf; box-shadow:0px 1px 5px #cfcfcf;}
.banner .search input[type="text"]{ width:85%; float:left; padding-left:10px; height:50px; line-height:50px;}
.banner .search input[type="button"]{ width:15%; float:left; background:url(../images/ssbtn.png) no-repeat center center #23a1bf;height:50px; line-height:50px;}

.position{background:#f6f6f6; line-height:30px; width:100%;padding: 10px 0;}
.position .box{ max-width:1200px; margin:0 auto}

/*首页内容区*/
.contain{ max-width:1200px; margin:0 auto 0px auto; position:relative; overflow:hidden}
.contain .logobox{ position:absolute; top:0; right:0; width:261px;    z-index: 9999;}
.contain .logobox:before{ width:2px; height:40px; background:#004d7a; position:relative; left:20%; display:inline-block; vertical-align:middle; content:""}
.contain .yybg:before{ width:2px; height:40px; background:#004d7a; position:relative; right:-77%; top:-40px; vertical-align:middle; display:inline-block; content:""}
.contain .yybg{ background:url(../images/logobg.jpg); width:261px; height:266px;}

.logo{ display:table; text-align:center; vertical-align:middle; margin:0 auto; padding:0 10px;}
.logo span{ display:table-cell; text-align:center; vertical-align:middle;}
.logo span img{max-width:100%; max-height:100%;}
.logo .title p.a{ line-height:40px; color:#fff; font-size:24px;}
.logo .title p.b{color:#fff; font-size:16px;}
.conbox{ overflow:hidden; position:relative}
.Profile{ width:calc(100% - 290px);max-width:75%; float:left; padding:30px; position:relative; border:1px solid #e5e5e5; margin-top:40px; background:url(../images/grjjtb.png) no-repeat left top; height:268px; overflow:hidden}
.Profile h1{ font-size:20px; color:#004d7a; padding-left:20px; margin-bottom:15px;}
.Profile p{ line-height:26px;}
.Profile .text_p{line-height:26px; height:180px; overflow:auto; padding-right:10px;}

#bg{ background:rgb(0,0,0,0.3); width:100%; height:100%; position:absolute; top:50px; left:0; z-index:8888888; display:none}
.meun{ float:left; margin-bottom:10px; display:none}
.meun span{ color:#fff;}
.smallnav{ width:60%; background:#2A2929; position:absolute; top:50px; left:-60%; height:100%; overflow-y:auto; z-index:99999999;transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);    -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);}
.smallnav.open{ left:0}
.smallnav li{ padding:10px 20px; border-bottom:1px solid #666; line-height:26px; text-align:left}
.smallnav li a{ color:#fff;}

/*首页选项卡*/
.slideTxtBox{text-align:left;  }
.slideTxtBox:after{visibility:hidden; display:block; content:""; clear:both}
.slideTxtBox .hd{line-height:30px;width:260px; float:right; margin-top:320px; z-index:999; }
.slideTxtBox .hd ul{padding-bottom: 20px;}
.slideTxtBox .hd ul li{ margin-top:25px; position:relative; font-size:16px; color:#333; background:#f6f6f6; cursor:pointer;  }
.slideTxtBox .hd ul li span{ width:100%; padding:15px; display:inline-block}
.slideTxtBox .hd ul li i{ display:none; width:20%; height:80px; border:3px solid #23a1bf;  position:absolute; right:0px; top:50%; margin-top:-43px;}
.slideTxtBox .hd ul li.on{ color:#fff; background:#fff;}
.slideTxtBox .hd ul li.on a{color:#fff;}
.slideTxtBox .hd ul li.on span{ background:#23a1bf; width:85%;}
.slideTxtBox .hd ul li.on i{ display:inline-block}
.slideTxtBox .bd{ width:calc(100% - 290px); max-width:75%;padding:0px 25px 25px; float:left; border:1px solid #e5e5e5; margin-top:30px;}

.slideTxtBox .hd.cover02{ display:none}

.information,.experience,.text_list,.pic_list{ margin-bottom:15px; padding-top:20px;}
.column_tit{ font-size:18px; display:inline-block; padding:10px 20px; margin-bottom:10px;background:#23a1bf; color:#fff;}
.information li{ display:inline-block; width:48%; vertical-align:top; line-height:26px;padding:5px 15px 5px 0;}
.experience li{ background:url(../images/jt.png) no-repeat left 13px; width:100%; display:table; line-height:26px; padding:10px 0 10px 25px}
.experience li span{ display:table-cell; vertical-align:middle;}
.experience li span.cycle{ padding-right:10px; width:18%; min-width:130px; border-right:1px solid #aaaaaa;vertical-align: top; }
.experience li span.def{ margin-left:20px;padding-left:20px;}

.team_l{margin-bottom:20px}
.team_l dl{ display:table; width:100%; margin-bottom:10px;}
.team_l dl dt,.team_l dl dd{ display:inline-block; vertical-align:top; padding:10px; background:#f6f6f6}
.team_l dl dt{width: 11%;}
.team_l dl dd{ width:calc(100% - 17%); margin-left:1%;}
.team_l li{ display:table; width:48%;vertical-align: top;
    overflow: hidden; float:left; height:170px; margin:5px 1%; border:1px solid #e5e5e5; padding:5px;}
.team_l li span{ display:table-cell; height:160px; background:#f6f6f6; width:158px; text-align:center; vertical-align:middle}
.team_l li span a{ display:table-cell; height:160px;width:158px;text-align:center; vertical-align:middle }
.team_l li span a img{ max-width:158px; max-height:100%; vertical-align:middle}
.team_l li .member{ display:table-cell; padding-left:20px;vertical-align:middle}
.team_l li .member h1{ font-size:18px; color:#087ec2; margin-bottom:10px;}
.team_l li .member h1 a{color:#087ec2;}
.team_l li .member p{ line-height:24px;font-size:14px;}
.team_l li:hover{ background:#f6f6f6;}
.team_l li:hover h1 a{ text-decoration:underline}

/*科学研究*/
.survey{}
.survey p,.survey{ line-height:26px;}
.text_list li{background:url(../images/jt.png) no-repeat left 16px; line-height:26px; padding:10px 0 10px 25px}
.more{ display:block; padding:8px 0; text-align:center; background:#f6f6f6; margin-top:10px;cursor: pointer;}
.more i{ display:inline-block; background:url(../images/gdjt.png) no-repeat; width:7px; height:16px; vertical-align:middle; margin-left:5px;}
.pic_list li{ float:left;width:calc(33.33333% - 3%); margin:5px 1.5%;}
.pic_list li span{ text-align:center; display:block; width:100%; line-height:200px; background:#f5f5f5; height:200px;}
.pic_list li span img{max-width:100%; max-height:100%; vertical-align:middle}
.pic_list li p{ text-align:center; line-height:26px; padding:5px 0;}

/*footer*/
.footer{ width:100%; background:#23a1bf; margin-top:20px; min-height:190px; padding:25px 0;}
.copyright{ float:left; width:calc(100% - 37%);}
.footer p{ line-height:26px; color:#fff;}
.foot{ max-width:1200px; margin:0 auto;}
.foot:after{visibility:hidden; display:block; content:""; clear:both}
.contact{ padding-left:4%; width:37%; border-left:1px solid #3b7699; float:right}

/*同专业博导*/
.pic_list h4{ font-size:18px; line-height:50px; color: #004D7A;}
.pic_list .js_list li{ width:calc(25% - 3%); float:left; margin:0 1.5% 15px 1.5%;}
.pic_list .js_list li span{ text-align:center; display:block; width:100%; line-height:200px; background:#f5f5f5; height:200px;}
.pic_list .js_list li span img{max-width:100%; max-height:100%; vertical-align:middle}
.pic_list .js_list li p{ text-align:center; line-height:26px; padding:5px 0;}

/*内容页*/
.content{padding-top:25px;}
.content h1{ font-size:24px; line-height:30px; text-align:center;}
.content .Subtitle{text-align:center}
.content .Subtitle .time{ display:inline-block; background:url(../images/zb.png) no-repeat 20px center; padding:15px 20px 15px 50px;}
.content .Subtitle .click{ display:inline-block; background:url(../images/shou.png) no-repeat 20px center; padding:15px 20px 15px 50px; }
.content .subs{margin: 0; line-height:28px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.enclosure{   padding:20px 0;    border-bottom: 1px solid #e5e5e5;}
.enclosure h3{ font-size:18px;display:inline-block; padding:0 20px 0 45px; color:#fff; line-height:35px; background:url(../images/fjtb.png) no-repeat 20px center #004d7a; }
.enclosure .wzlist{ padding-left:7px;}
.enclosure .wzlist li{background:url(../images/jt.png) no-repeat left 9px; line-height:28px; margin:5px 0; padding-left:26px;}
.enclosure .imglist{ margin-top:10px;}
.enclosure .imglist li{ float:left;width:calc(25% - 2%); height:150px; vertical-align:top; margin:10px 1% 10px 1%; background:#f5f5f5; float:left;}
.enclosure .imglist li span{ display:block; line-height:150px;height:150px; text-align:center; vertical-align:middle}
.enclosure .imglist li span img{ max-width:100%; max-height:100%; vertical-align:middle;}
.flip{ margin-top:10px;}
.flip li{ margin:10px 0; display:table}
.flip li span{ display:table-cell;padding-right:10px; font-weight:bold; width:70px;}

/*结构化内容页*/
.structure{ margin:20px 0;}
.structure dl{ display:table; width:100%;}
.structure dl:after{visibility:hidden; display:block; content:""; clear:both}
.structure dl dt{ width:20%; display:table-cell; line-height:28px; padding:10px 15px 10px 0; padding-left:5%}
.structure dl dd{display:table-cell; line-height:28px; padding:10px 0}

/*分页*/
.titlist li{ line-height:28px; padding:10px 0 10px 20px; background:url(../images/gdjt.png) no-repeat left 19px; background-size:5px; border-bottom:1px dashed #a3a3a3}

/*标题列表页*/
.pages table td,.pages table td div{font-family: "微软雅黑" !important;}
.pages .PrevDisabled,.pages .Next,.pages a.Prev,.pages .NextDisabled{
    border: 1px solid #004D7A !important;
    height: 25px !important;
    line-height: 25px !important;
    color: #004D7A !important;
    padding: 0 10px !important;
font-family: "微软雅黑" !important;vertical-align: middle;
}
.pages input[type="button"]{
    padding: 0 10px !important;
    height: 25px !important;;
    line-height: 25px !important;
    background: #004D7A !important;
    color: #fff !important;
    border: 0 !important;    vertical-align: top;

}
.pages input.defaultInputStyle{
    margin-left: 5px !important;
    margin-right: 5px !important;
    border: 1px solid #333 !important;
    height: 25px !important;
    line-height: 25px !important;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 5px !important;
}
.defaultButtonStyle{ FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#004D7A, EndColorStr=#004D7A)!important;  CURSOR: pointer; line-height:14px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#004D7A), to(#004D7A))!important;background: -moz-linear-gradient( top,#004D7A,#004D7A)!important;background:-ms-linear-gradient(top,#004D7A 0%,#004D7A 100%)!important;}


@media screen and (min-width:993px) and (max-width:1024px) {
	html,body{ height:100%;}
	.wrap{width:100%;}
	.foot{ width:100%; padding:0 20px;}
	.bsbg{ width:95%}
	html {font-size: 136.5333333333px; } 
	.header{padding-left:10px;}
	
	.name{ margin-left:18%;} 
	.position .box{ width:95%}
	.banner{ width:100%; }
    /*首页课题组介绍和课题组成员成员*/
	.contain{ width:100%; padding:0 20px;}
	.slideBox{height:195px}
	.slideBox .bd li span{width:358px; height:195px}
	.slideBox .bd img{max-width:358px; max-height:195px;}
	.team_member {height:540px;}
	.menlist li span{ height:185px;}
	
	.member li span{ height:180px;}
	.member li p a{ line-height:27px;}
	.enclosure .imglist li{ width:23%; height:150px;}
	.structure dl dt{ width:25%;}
	.contain .logobox{ right:20px;}
	.Profile{ max-width:70%;}
	.slideTxtBox .bd{ max-width:70%;}
	.team_l dl dt{ width:12%;}
	.team_l dl dd{width: calc(100% - 20%);}
	.enclosure .imglist li{width:calc(33.33333% - 2%); height:150px; }
	.structure dl dt{ width:25%;}
	}
@media screen and (min-width:769px) and (max-width:993px) {
	html {font-size: 136.5333333333px; }
	html,body{ height:100%;}
	.wrap{max-width:96%;}
	.foot{ width:100%; padding:0 20px;}
	.header{ height:auto;}
	.header .photo{ width:120px; height:120px; background-size:120px; top:-21px;}
	.header .photo span{ width:108px; height:108px;}
	.name{ margin-left:17%; width:30%;}
	.box-r{ padding-top:2%;}
	.box-r a{ margin-right:14px;}
	.position .box{ width:95%}
	.contain{ width:100%; padding:0 20px;}
	.contain .logobox{ right:20px;}
	.Profile{ max-width:68%;}
	.slideTxtBox .bd{ max-width:68%;}
    .team_l dl dt{ width:20%;}
	.team_l dl dd{width: calc(100% - 33%);}
	.team_l li .member p{ font-size:12px;}
	.team_l li{ height:190px;}
	.team_l li span { height:140px; display:block; width:100%;line-height:140px}
         .team_l li span a{width: 100%;height: 140px; display: block;}

	.team_l li .member{ display:block; padding:0 10px;}
	.team_l li .member h1{ margin-top:10px; margin-bottom:5px;}
	.pic_list li span{ height:150px; line-height:150px;}
	.enclosure .imglist li{width:calc(33.33333% - 2%); height:120px; }
	.enclosure .imglist li span{ line-height:120px; height:120px;}
	.structure dl dt{ width:25%;}
        .pic_list .js_list li span{ height:150px; line-height:150px}
	}
@media screen and (min-width:641px) and (max-width:768px) {
	html {font-size: 105.5px; }
	html,body{ height:100%;}
	.foot{ width:100%; padding:0 20px;}
	.header{ height:auto; padding:20px;}
	.header .photo{ width:120px; height:120px; background-size:120px; top:-11px;}
	.header .photo span{ width:108px; height:108px;}
	.meun{ display:block}
	.name{ margin-left:22%; width:30%; float:none}
	.box-r{ padding-top:2%;margin-left: 22%;float:none; text-align:left}
	.box-r a{ margin-right:14px;}
	.position .box{ width:95%}
	.contain{margin:0 20px;}
	.contain .logobox{ position:relative; width:auto}
	.contain .yybg{ width:auto; height:auto}
	.logo .title{ display:table-cell; vertical-align:middle; padding-left:15px;}
	.logo .title p{ text-align:left}
	.logo{ margin-top:-22px; padding-bottom:10px;}
	.Profile{ max-width:100%; float:none;width:100%; padding:30px 2px 30px 20px;}
	.Profile .text_p{ padding-right:20px;}
	.slideTxtBox .hd{ float:none; margin-top:20px; width:100%; display:none; text-align:center;}
	.slideTxtBox .hd ul li{ padding:0 5%;display:inline-block; margin-top:15px;}
	.slideTxtBox .hd ul li.on{ background:#004d7a}
	.slideTxtBox .hd ul li.on span{ width:100%;}
	.slideTxtBox .bd{max-width:100%; float:none;width:100%;}
	.slideTxtBox .hd ul li i{width: 10px; height: 10px;right: 10px; margin-top: -7px;border-radius: 50%; border:2px solid #fff;}
	.team_l dl dt{ width:20%;}
	.team_l dl dd{width: calc(100% - 33%);}
	.team_l li .member{padding-left:10px;}
	.team_l li .member p{ font-size:12px;}
	.team_l li{ height:190px;}
	.team_l li span{ height:140px;line-height:140px}
.team_l li span a{width: 100%;height: 140px; display: block;}
	.content{ width:100%;}
	.enclosure .imglist li{width:calc(33.3333% - 2%); height:120px; }
	.enclosure .imglist li span{ line-height:120px; height:120px;}
	.structure dl dt{ width:30%;}
        .pclist{ display:none}
        .ydlist{ display:block}
        .pic_list .js_list li{width:calc(33.3333% - 3%);}
        .pic_list .js_list li span{height:180px; line-height:180px;}
.pic_list .ydlist li{width:calc(50% - 3%);}
.pic_list .ydlist li span{height:225px; line-height:220px;}

	}
@media screen and (min-width:415px) and (max-width:640px){
	html { font-size: 102.4px; }
	html,body{ height:100%;}
	.foot{ width:100%; padding:0 20px;}
	.wrap{width:100%;}
	.header{ height:auto; padding:20px;}
	.header .photo{ width:120px; height:120px; background-size:120px; top:-11px;}
	.header .photo span{ width:108px; height:108px;}
	.meun{ display:block}
	.name{ margin-left:26%; width:auto; float:none}
	.box-r{ padding-top:2%;margin-left:26%;float:none; text-align:left}
	.box-r a{ margin-right:14px;}
	.position .box{ width:95%}
	.banner .search{ width:58%; }
	.banner .search input[type="text"]{height:40px; line-height:40px;}
	.banner .search input[type="button"]{height:40px; line-height:40px;}
	.contain{margin:0 20px;}
	.contain .logobox{ position:relative; width:auto}
	.contain .yybg{ width:auto; height:auto}
	.logo .title{ display:table-cell; vertical-align:middle; padding-left:15px;}
	.logo .title p{ text-align:left}
	.logo{ margin-top:-22px; padding-bottom:10px;}
	.Profile{ max-width:100%; float:none;width:100%; padding:30px 2px 30px 20px;}
	.Profile .text_p{ padding-right:20px;}
	.slideTxtBox .hd{ float:none; margin-top:20px; display:none; width:100%; text-align:center;}
	.slideTxtBox .hd ul li{ padding:0 5%;display:inline-block; margin-top:15px;}
	.slideTxtBox .hd ul li.on{ background:#004d7a}
	.slideTxtBox .hd ul li.on span{ width:100%;}
	.slideTxtBox .bd{max-width:100%; float:none;width:100%;}
	.slideTxtBox .hd ul li i{width: 10px; height: 10px;right: 10px; margin-top: -7px;border-radius: 50%; border:2px solid #fff;}
	.information li{ width:100%; display:block}
	.experience li{ border-bottom:1px dashed #e5e5e5;background: url(../images/jt.png) no-repeat left 15px;}
	.experience li span{ display:block}
	.experience li span.cycle{ width:100%; border:0}
	.experience li span.def{ margin:0; padding:0; border-left:0}
	.team_l dl dt{ width:auto;}
	.team_l dl dd{width:100%; margin-left:0; margin-top:1%; background:none}
	.team_l li .member p{ font-size:12px;}
	.team_l li{ height:190px;}
	.team_l li span { height:140px; display:block; width:100%;line-height:140px}
.team_l li span a{width: 100%;height: 140px; display: block;}
	.team_l li .member{ display:block; padding:0 10px;}
	.team_l li .member h1{ margin-top:10px; margin-bottom:5px; font-size:16px;}
	.pic_list li{width: calc(50% - 3%);}
	.pic_list li span{ height:120px; line-height:120px;}
	.copyright{ float:none; width:100%;}
	.contact{float:none; width:100%; border-bottom:1px solid #3b7699; border-left:0; padding-left:0; margin-bottom:10px; padding-bottom:10px;}
	.content{ width:100%;}
	.enclosure .imglist li{width:calc(33.3333% - 2%); height:120px; }
	.enclosure .imglist li span{ line-height:120px; height:120px;}
	.structure dl dt{ width:40%;}
	.structure dl dt{ width:100%; display:block; background:#f5f5f5;}
	.structure dl dd{ width:; display:block; padding-left:5%; background:#fff;}
        .pclist{ display:none}
        .ydlist{ display:block}
        .pic_list .js_list li{width:calc(33.3333% - 3%);}
        .pic_list .js_list li span{height:150px; line-height:150px;}
        .pic_list .ydlist li span{height:180px; line-height:180px;}
	}
@media screen and (min-width:381px) and (max-width:414px){
	html { font-size: 102.4px; }
	html,body{ height:100%;}
	.wrap{width:100%;}
	.foot{ width:100%; padding:0 20px;}
	.header{ height:auto; padding:20px;}
	.header .photo{ width:120px; height:120px; background-size:120px; top:-7px;}
	.header .photo span{ width:108px; height:108px;}
	.meun{ display:block}
	.name{ margin-left:36%;width: auto; float:none; padding-top:15px;}
	.name h1{ font-size:22px;}
	.box-r{ padding-top:2%;margin-top:7%;}
	.box-r a{ margin-right:12px;padding: 8px 10px;}
	.position .box{ width:95%}
	.banner .search{ width:68%; }
	.banner .search input[type="text"]{height:35px; line-height:35px;}
	.banner .search input[type="button"]{height:35px; line-height:35px; background-size:50%}
	.contain{margin:0 20px;}
	.contain{margin:0 20px;}
	.contain .logobox{ position:relative; width:auto}
	.contain .yybg{ width:auto; height:auto}
	.logo .title{ display:table-cell; vertical-align:middle; padding-left:15px;}
	.logo .title p{ text-align:left}
	.logo{ margin-top:-22px; padding-bottom:10px;}
	.Profile{ max-width:100%; float:none;width:100%; padding:30px 2px 30px 20px; margin-top:20px;}
	.Profile .text_p{ padding-right:20px;}
	.slideTxtBox .hd{ float:none; margin-top:10px; display:none; width:100%; text-align:center;}
	.slideTxtBox .hd ul li{ padding:0 3%;display:inline-block; margin-top:15px;}
	.slideTxtBox .hd ul li span{ padding:10px;}
	.slideTxtBox .hd ul li.on{ background:#004d7a}
	.slideTxtBox .hd ul li.on span{ width:100%;}
	.slideTxtBox .bd{max-width:100%; float:none;width:100%; margin-top:20px;}
	.slideTxtBox .hd ul li i{width:5px; height:5px;right:7px; margin-top: -3.5px;border-radius: 50%; border:2px solid #fff;}
	.slideTxtBox .hd:first-child{ display:none}
	.slideTxtBox .hd:nth-child(2){ display:block}
	.information li{ width:100%; display:block}
	.experience li{ border-bottom:1px dashed #e5e5e5;background: url(../images/jt.png) no-repeat left 15px;}
	.experience li span{ display:block}
	.experience li span.cycle{ width:100%;border:0}
	.experience li span.def{ margin:0; padding:0; border-left:0}
	.team_l dl dt{ width:auto;}
	.team_l dl dd{width:100%; margin-left:0; margin-top:1%; background:none}
	.team_l li .member p{ font-size:12px;}
	.team_l li{ height:190px;}
	.team_l li span { height:140px; display:block; width:100%;line-height:140px}
.team_l li span a{width: 100%;height: 140px; display: block;}
.team_l li span a img{max-width:135px;}
	.team_l li .member{ display:block; padding:0 10px;}
	.team_l li .member h1{ margin-top:10px; margin-bottom:5px; font-size:16px;}
	.pic_list li{width: calc(50% - 3%);}
	.pic_list li span{ height:120px; line-height:120px;}
	.copyright{ float:none; width:100%;}
	.contact{float:none; width:100%; border-bottom:1px solid #3b7699; border-left:0; padding-left:0; margin-bottom:10px; padding-bottom:10px;}
	.content{ width:100%;}
	.enclosure .imglist li{width:calc(50% - 2%); height:120px; }
	.enclosure .imglist li span{ line-height:120px; height:120px;}
	
	.structure dl dt{ width:auto; display:block; background:#f5f5f5;}
	.structure dl dd{ width:; display:block; padding-left:5%; background:#fff;}
        .pclist{ display:none}
        .ydlist{ display:block}
        .pic_list .js_list li{width:calc(33.3333% - 3%);}
        .pic_list .js_list li span{height:150px; line-height:150px;}
	}
@media (max-width:380px) {
	html {font-size: 42.6666666667px; }
	html,body{ height:100%;}
	.wrap{width:100%;}
	.foot{ width:100%; padding:0 20px;}
	.header{ height:auto; padding:20px 10px;}
	.header .photo{ width:120px; height:120px; background-size:120px; top:-7px;}
	.header .photo span{ width:108px; height:108px;}
	.meun{ display:block}
	.name{ margin-left:39%;width: auto; float:none;padding-top:15px;}
	.name h1{ font-size:22px;}
	.box-r{ padding-top:2%;margin-top: 10%;}
	.box-r a{ margin-right:5px;padding: 8px 11px;}
	.box-r i{ padding-left:19px;}
	.position .box{ width:95%}
	.banner .search{ width:68%; }
	.banner .search input[type="text"]{height:35px; line-height:35px;}
	.banner .search input[type="button"]{height:35px; line-height:35px; background-size:50%}
	.contain{margin:0 20px;}
	.contain{margin:0 20px;}
	.contain .logobox{ position:relative; width:auto}
	.contain .yybg{ width:auto; height:auto}
	.logo .title{ display:table-cell; vertical-align:middle; padding-left:15px;}
	.logo .title p{ text-align:left}
	.logo{ margin-top:-22px; padding-bottom:10px;}
	.Profile{ max-width:100%; float:none;width:100%; margin-top:20px; padding:30px 2px 30px 20px;}
	.Profile .text_p{ padding-right:20px;}
	.slideTxtBox .hd{ float:none; margin-top:10px; display:none; width:100%; text-align:center;}
	.slideTxtBox .hd ul li{ padding:0 3%;display:inline-block; margin-top:15px;}
	.slideTxtBox .hd ul li.on{ background:#004d7a}
	.slideTxtBox .hd ul li.on span{ width:100%;}
	.slideTxtBox .hd ul li span{ padding:10px;}
	.slideTxtBox .bd{max-width:100%; float:none;width:100%; margin-top:20px;  padding: 0px 15px 15px;}
	.slideTxtBox .hd ul li i{width: 10px; height: 10px;right: 10px; margin-top: -7px;border-radius: 50%; border:2px solid #fff; }
	.slideTxtBox .hd ul li.on i{ display:none}
	.information li{ width:100%; display:block}
	.experience li{ border-bottom:1px dashed #e5e5e5;background: url(../images/jt.png) no-repeat left 15px;}
	.experience li span{ display:block}
	.experience li span.cycle{ width:100%;border:0}
	.experience li span.def{ margin:0; padding:0; border-left:0}
	.team_l dl dt{ width:auto;}
	.team_l dl dd{width:100%; margin-left:0; margin-top:1%; background:none}
	.team_l li .member p{ font-size:12px; display:none}
	.team_l li{ height:190px;}
	.team_l li span { height:140px; display:block; width:100%;line-height:140px}
.team_l li span a{width: 100%;height: 140px; display: block;}
.team_l li span a img{max-width:123px;}
	.team_l li .member{ display:block; padding:0 10px;}
	.team_l li .member h1{ margin-top:10px; margin-bottom:5px; font-size:14px; text-align:center;}
	.pic_list li{width: calc(50% - 3%);}
	.pic_list li span{ height:120px; line-height:120px;}
	.copyright{ float:none; width:100%;}
	.contact{float:none; width:100%; border-bottom:1px solid #3b7699; border-left:0; padding-left:0; margin-bottom:10px; padding-bottom:10px;}
	.content{ width:100%;}
	.enclosure .imglist li{width:calc(50% - 2%); height:120px; }
	.enclosure .imglist li span{ line-height:120px; height:120px;}
	.structure dl dt{ width:auto; display:block; background:#f5f5f5;}
	.structure dl dd{ display:block; padding-left:5%; background:#fff;}
        .pclist{ display:none}
        .ydlist{ display:block}
        .pic_list .js_list li{width:calc(33.3333% - 3%);}
        .pic_list .js_list li span{height:150px; line-height:150px;}
	}
	
@media (max-width:320px) {
	html {font-size: 42.6666666667px; }
	html,body{ height:100%;}
	.wrap{width:100%;}
	.foot{ width:100%; padding:0 20px;}
	.header{ height:auto; padding:20px 10px;}
	.header .photo{ width:100px; height:100px; background-size:100px; top:-7px;}
	.header .photo span{ width:88px; height:88px;}
	.meun{ display:block}
	.name{ margin-left:39%;width: auto; float:none;padding-top:0px;}
	.name h1{ font-size:20px;}
	.box-r{ padding-top:2%;margin-top:12%;position: relative; width:100%;}
	.box-r a{margin-right: 28px;padding: 8px 18px;margin-top: 5px;}
	.box-r i{ padding-left:19px;position: absolute;top: -23px;left: 32%;}
	.position .box{ width:95%}
	.banner .search{ width:68%; }
	.banner .search input[type="text"]{height:35x; line-height:35x;}
	.banner .search input[type="button"]{height:35x; line-height:35x; background-size:50%}
	.contain{margin:0 20px;}
	.contain{margin:0 20px;}
	.contain .logobox{ position:relative; width:auto}
	.contain .yybg{ width:auto; height:auto}
	.logo .title{ display:table-cell; vertical-align:middle; padding-left:15px;}
	.logo .title p.a{ font-size:18px; line-height:24px;}
	.logo span{ width:20%;}
	.logo .title p{ text-align:left}
	.logo{ margin-top:-22px; padding-bottom:10px;}
	.Profile{ max-width:100%; float:none;width:100%; margin-top:20px; padding:30px 2px 30px 20px;}
	.Profile .text_p{ padding-right:20px;}
	.slideTxtBox .hd{ float:none; margin-top:10px; display:none; width:100%; text-align:center;}
	.slideTxtBox .hd ul li{ padding:0 1%;display:inline-block; margin-top:15px;}
	.slideTxtBox .hd ul li.on{ background:#004d7a}
	.slideTxtBox .hd ul li.on span{ width:100%;}
	.slideTxtBox .bd{max-width:100%;margin-top:20px;  float:none;width:100%; padding:15px}
	.slideTxtBox .hd ul li i{width: 10px; height: 10px;right: 10px; margin-top: -7px;border-radius: 50%; border:2px solid #fff;}
	.information li{ width:100%; display:block}
	.experience li{ border-bottom:1px dashed #e5e5e5;background: url(../images/jt.png) no-repeat left 15px;}
	.experience li span{ display:block}
	.experience li span.cycle{ width:100%;border:0}
	.experience li span.def{ margin:0; padding:0; border-left:0}
	.team_l dl dt{ width:auto;}
	.team_l dl dd{width:100%; margin-left:0; margin-top:1%; background:none}
	.team_l li .member p{ font-size:12px; display:none}
	.team_l li{ height:210px;}
	.team_l li span { height:140px; display:block; width:100%;line-height: 140px;}
.team_l li span a{width: 100%;height: 140px; display: block;}
.team_l li span a img{max-width:106px;}
	.team_l li .member{ display:block; padding:0 10px;}
	.team_l li .member h1{ margin-top:10px; text-align:center; margin-bottom:5px; font-size:14px;}
	.pic_list li{width: calc(50% - 3%);}
	.pic_list li span{ height:120px; line-height:120px;}
	.copyright{ float:none; width:100%;}
	.contact{float:none; width:100%;border-bottom:1px solid #3b7699; border-left:0; padding-left:0; margin-bottom:10px; padding-bottom:10px;}
	.content{ width:100%;}
	.enclosure .imglist li{width:calc(50% - 2%); height:100px; }
	.enclosure .imglist li span{ line-height:100px; height:100px;}
	.structure dl dt{ width:auto; display:block; background:#f5f5f5;}
	.structure dl dd{ display:block; padding-left:5%; background:#fff;}
        .pclist{ display:none}
        .ydlist{ display:block}
        .pic_list .js_list li{width:calc(50% - 3%);}
        .pic_list .js_list li span{height:150px; line-height:150px;}
}