@charset ;
/* CSS Document */

body{font-size:12px;background:#fff;color:#141414;font-family:"微软雅黑";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,tr,p,select,dl,dt,dd{margin:0;padding:0;}
li{ list-style:none;}
img{border:0 none;vertical-align:middle;}
a{ text-decoration:none; color:#141414; outline:none;cursor: pointer;}
a:focus{ outline:none;}
.clear{clear:both; height:0px;display:block; line-height:0px; visibility:hidden; overflow:hidden;zoom:1;}
input{vertical-align:middle; border:none;background:none;}
select{vertical-align:middle;border:none;background:none;}
button{ text-align:center; border:0; cursor:pointer;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:12px;}
textarea,input{	word-wrap:break-word;word-break:break-all;padding:0px;background:none;}
label{ cursor:pointer;}
input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{  border:none;}
input[type=button],input[type=submit]{ cursor:pointer;}
input:focus{outline:none;}
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
html .fixed{*zoom:1;}




.menuph{
	display:none;
    float: right;
}
.phxia
{
	display:none;
}






.top-bar { background:url(images/top-bg.jpg) top center; height: 151px;width: 100%;}
.top-bar .top-inner {width: 1042px; margin:0 auto;}
.logo{ width:600px; float:left; padding-top:40px;}
.logo img{
width:100%;
}
.banner{
	width: 440px;
	height: 151px;
	float: right;
}

.nav{ width:100%; height:40px; line-height:40px; background:#67a8ba;}
.nav ul{ width:1040px; margin:0 auto; padding-left:2px;}
.nav ul li{ float:left; font-family:"微软雅黑"; font-size:14px; color:#FFF;}
.nav ul li a{ color:#FFF; display:inline-block; padding:0 15px;}
.yj img{border-radius:13px}


/*content部分*/
.content{ background:#ffffff;width: 100%;}
.wrap{ width: 1042px; margin:0 auto;}
.cont-1{ background:#e9eef1; height:35px; line-height:35px;}
.kuanxun{ float:left; width:750px;}
.kuanxun b{ color:#67a8ba; font-family:"微软雅黑"; font-size:14px; display:inline-block; background:url(images/news-flash.jpg) no-repeat left center; padding-left:50px; float:left;}


.search{ float:right; margin-right:10px; margin-top:3px; background:url(images/searchbg.jpg) no-repeat; width:212px; height:29px;}
.search-input{ width:160px; float:left; height:29px; line-height:29px; margin-left:10px;}
.search-btn{  width:40px; float:left;height:29px;}

/*cont2部分*/
.cont2{ height:320px; overflow:hidden; padding:20px 0;}
.cont2-left{ float:left; width:573px; height:316px; overflow:hidden; zoom:1;border:3px solid #e9eef1; font-family:"微软雅黑"; font-size:12px;}
.cont2-right{ float:right; width:450px;}
.cont2-title{background:#edf4f7; line-height:32px;height:32px;}
.more1{ float:right; width:35px; display:inline-block; padding-top:12px; padding-right:10px;}
.h2-title{ border-bottom:2px solid #67a8ba; padding-left:10px;}
.h2-title .sp{color:#000000; font-family:"微软雅黑"; font-size:16px; font-weight:bold;}
.h2-title span a{  background:url(images/tian.jpg) no-repeat left center; padding-left:25px; display:inline-block; color:#000000; font-family:"微软雅黑"; font-size:16px; font-weight:bold;} 
.cont2-fu{ border-bottom:1px dashed #dbdbdb; padding-bottom:5px;}
.cont2-fu h3{ color:#67a8ba; font-family:"微软雅黑";font-size:14px; font-weight:bold; text-align:center; padding-top:15px; padding-bottom:5px;}
.cont2-fu p{ color:3999999;font-family:"微软雅黑";font-size:12px; line-height:24px; text-indent:2em;}
.cont2right-ul{ padding-top:10px;}
.cont2right-ul li{ line-height:24px;}
.cont2right-ul li a{ display:inline-block; background:url(images/li-dian.jpg) no-repeat left center; padding-left:10px; }
.time{ color:#cccccc;font-family:"微软雅黑";font-size:12px; float:right;}
.cont2right-ul li b{ padding-left:10px; display:inline-block;}


.cont3{}
.cont3-left{ float:left; width:330px; height:32px;}
.cont3-center{float:left; width:415px; margin-left:15px;}
.cont3-right{ float:right;}


.li-left{ width:48px; height:42px; text-align:center;  background:url(images/xuxian.jpg) no-repeat right center; padding-right:10px; float:left;}
.date1{ height:15px; line-height:15px; background:#67a8ba; display:block; color:#FFF;font-family:"微软雅黑";font-size:12px;border:1px solid #d9d9d9; border-width:0 1px 0px 0;}
.date2{ height:27px; line-height:27px; background:#edf4f7; display:block; color:#444444;  font-size:18px;  font-family:Arial, Helvetica, sans-serif;border:1px solid #d9d9d9; border-width:0 1px 1px 0;}

.tong-ul{ padding-top:10px;}
.li-right{ width:335px; float:left; padding-left:15px; line-height:24px;}

.cont3-right{ float:right; width:270px;}

.zhuanti{ width:246px; margin:0 auto; padding-top:10px;}
.zhuanti li{ border-bottom:1px solid #FFF;}




/*cont4部分*/
.cont4{
	width:1052px;
	padding:15px 0;
}
.cont4-left{ float:left;}
.cont4-right{ float:left;}


.cont4-left a{ width:162px; padding-right:14px; display:inline-block;}
.cont4-right a{ width:145px;padding-right:14px;}
.xin1{  display:inline-block; padding-left:5px;}
.xin2{ display:inline-block;}


.zhuanti2{ width:1042px; margin:0 auto;}
.zhuanti2 li{
float:left;
width:160px; margin:0 6px;
}


/*cont6部分*/
.cont6{
	border:1px solid #cecece;
	margin:30px 0 30px 0;
	height: 46px;
	overflow:hidden;
}
.cont6-left{ background:url(images/lianjie.jpg) no-repeat; width:162px; height:46px; color:#FFF;font-family:"微软雅黑"; font-size:12px; text-align:center; line-height:46px; float:left;}
.cont6-right{ height:46px;  float:left; color:#b6b6b6; font-family:"微软雅黑"; font-size:10px; width:850px; padding-left:15px;}

.cont6-right a{ color:#666666; font-family:"微软雅黑"; font-size:12px; display:inline-block; width:158px; height:22px; line-height:22px; text-align:center;}
.cont6-right a:hover{ color:#67a8ba;}


/*footer部分*/
.footer{ background:#67a8ba; height:80px;}
.footer-inner{ width:1042px; margin:0 auto; text-align:center; padding-top:12px;}
.footer-inner p{ color:#d5ebf3; font-family:"微软雅黑"; font-size:12px; line-height:20px;}
.footer-inner p a{ color:#d5ebf3;}
.footer-inner p span{ font-family:Arial, Helvetica, sans-serif;}

/*图片列表页*/
.location{ color:#666666;font-family:"微软雅黑"; font-size:12px; float:left; padding-left:10px;}
.location a{color:#666666;}
.location a:hover{color:#67a8ba;}

.nei-cont{ padding-top:15px; background:#fbfcfc; padding-bottom:10px;}
.nei-left{ float:left; padding-left:10px; width:200px;}
.student-h2{ background:url(images/leftbg.jpg) no-repeat; width:185px; height:61px;  text-align:center;}
.nei-left1 h2 b{ color:#f4ba6f; font-family:"微软雅黑"; font-size:26px;}
.nei-left1 h2 span{ color:#FFF; font-family:"微软雅黑"; font-size:18px;}







.nei-left2{}
.nei-link{ color:#000000; font-family:"微软雅黑"; font-size:14px;font-weight:bold; background:url(images/lj.jpg) no-repeat right 6px;  width:75px; margin:25px 0 15px 0;}
.nei-linkul li{ padding-bottom:10px;}
.nei-right{  float:right; width:820px;}
.tu-list{ width:820px; overflow:hidden; padding-top:30px;}
.tu-list li{ float:left; border:7px solid #e9eef2; width:168px; margin-right:20px; margin-bottom:50px;}
.tu-list li span{ display:block; background:#e9eef2; height:30px; line-height:30px; color:#666666;text-align:center;}
.tu-list li span a{color:#666666; font-family:"微软雅黑"; font-size:12px;}

.turn-page{ text-align:center;padding-right:10px; padding-bottom:20px;font-size:15px;}
.nowpage{ border:1px solid #ececec; width:30px; height:20px; line-height:20px; text-align:center; display:inline-block; border-radius:3px;}




/*新闻列表页*/

.text-ul{  padding:20px 30px;}

.text-ul li{ border-bottom:1px dashed #eff0f0; line-height:30px;}

.text-ul li a{ color:#666666; font-family:"微软雅黑"; font-size:12px; background:url(images/li-dian.jpg) no-repeat left center; padding-left:15px;}
.text-ul li a:hover{ color:#67a8ba;}
.text-ul li span{ float:right; color:#cccccc; font-family:"微软雅黑"; font-size:12px;}

.staff-h2{ background:url(images/rebshibg.jpg) no-repeat;}


.staff-h2{  background:url(images/rebshibg.jpg) no-repeat; width:185px; height:61px;  text-align:center;}


.staff-all{}


.staff-all a{ display:block; color:#666666!important; font-family:"微软雅黑";font-size:12px!important; background:none!important; font-weight:400!important;} 
.staff-all a:hover{ color:#67a8ba;}
.sign-up{ padding-top:10px;}
.sign-input{ height:28px; width:130px; border:1px solid #b5b5b5;}
.sign-up div{ padding-bottom:10px; color:#444444;font-family:"微软雅黑"; font-size:12px;}

.tijiao{float:left; padding-left:25px; padding-top:10px;}
.tijiao #button{ display:inline-block; width:60px; height:30px; background:#e8edf0; color:#444444;font-family:"微软雅黑"; font-size:12px; line-height:30px; text-align:center; margin-right:10px;}
.tijiao a:hover{ background:#89bbc9; color:#FFF;}

.text-single{ width:720px; margin:0 auto; padding-top:20px;}
.text-single h3{ text-align:center;font-family:"微软雅黑"; font-size:14px; font-weight:bold;color:#67a8ba;}
.text-single h4{ width:650px; height:30px; line-height:30px; background:#f1f4f6; color:#999999;font-family:"微软雅黑"; font-size:12px; padding:0 35px;  margin-top:20px;}
.text-detail{ color:#666666; font-family:"微软雅黑"; font-size:12px; line-height:25px; padding-top:10px;}

.yeshu{ line-height:25px; margin-top: 50px;}
.yeshu p{ font-family:"微软雅黑";  font-size:12px; color:#666666;}
.yeshu p a{color:#666666;}
.yeshu p a:hover{color:#67a8ba;}

/*bannerjs部分*/
.slideBox{
	width: 446px;
	height: 151px;
	overflow: hidden;
	position: relative;
}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd img{ width:536px; height:151px;}

/* 快讯向上滚动类 */
.topLoop{ overflow:hidden;width:500px;}
.topLoop .bd ul{ overflow:hidden; zoom:1;}
.scroll-text{ width:500px; float:left; margin-left:40px;}
.infoList1 li{ height:35px; line-height:35px;}
.infoList1 li .date{ float:right; color:#999;}


/*cont5部分图片滚动*/

/*cont5部分*/
.cont5 .cont2-title{ background:#FFF;}
.more2{ float:right; width:35px; display:inline-block; padding-top:8px; padding-right:5px;}
.cont5 .h2-title{ padding-left:0px;}

.effect{
display:block;
}
.effect2{
display:none;
}

/* 多个左滚动 - 图片- 公用类 */
.leftLoop{ overflow:hidden; position:relative;}
.leftLoop .bd{ padding:10px;}
.leftLoop .bd ul{ overflow:hidden; zoom:1;}
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden; width:168px; border:7px solid #e9eef1; background:#e9eef1;}
/* 通用图片列表_普通式 */
.picList li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden;width:168px; border:7px solid #e9eef1; background:#e9eef1;}
.picList .pic{ text-align:center; line-height:0px;}
.picList .pic img{ width:168px; height:145px;}
.picList .pic a:hover img{ border-color:#f00;}
.picList .title{ line-height:24px;}
.picList .title a{color:#666666;  font-family:"微软雅黑"; font-size:12px;}




/*cont2左边js部分*/


.slide{overflow:hidden;_float:left;float:left;zoom:1;  width:573px; height:316px;}

/* 默认幻灯片 */
.FocusPic{zoom:1;position:relative; overflow:hidden;}
.FocusPic .content{overflow:hidden;}
.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
.FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;bottom:0; text-align:left;width:370px;height:30px;line-height:30px;overflow:hidden;}
.FocusPic .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;}
.FocusPic .title a{display:block;padding-left:15px;color:#fff; font-size:14px;}
.FocusPic .change{bottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}
.FocusPic .change i {background:#67a8ba;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic .change i.cur {background:#FF7700;}

/*手风琴效果*/

.neileft-ul1{ background:#edf4f7; width:185px; height:450px;}
.neileft-ul1 li{ line-height:35px; background:url(images/leftlibg.jpg) no-repeat bottom center; padding-left:25px;}
.neileft-ul1 li a{ font-family:"微软雅黑"; font-size:14px; color:#444444; font-weight:bold; background:url(images/diantou.png) no-repeat center; margin-left:-40px; width:139px; height:35px; padding-left:70px;  display:block;}
.neileft-ul1 li a:hover{ background:url(images/lihover.png) no-repeat center; color:#FFF;}






#container {
	background:#edf4f7; width:185px; padding-bottom:80px;}
H1 {
	line-height:35px; background:url(images/leftlibg.jpg) no-repeat bottom center; padding-left:20px;}
H1 a {
	 font-family:"微软雅黑"; font-size:14px; color:#444444; font-weight:bold; background:url(images/diantou.png) no-repeat center; margin-left:-40px; width:165px; height:35px; padding-left:60px;  display:block;}
H1 a:hover{ background:url(images/lihover.png) no-repeat center; color:#FFF;}
.contentjs a{padding-left: 35px; color:#666666;font-family:"微软雅黑"; font-size:12px;}
.contentjs{ line-height:20px;}
.nei-left1{ min-height:500px;background:#edf4f7;}
.nei-left1 h2{background:url(images/zuobg.jpg) no-repeat; width:185px; height:61px;  text-align:center;}


.en_language {
    left: 50%;
    margin-left: 470px;
    position: absolute; line-height: 25px;display:block;
    top: 15px; background:url(images/en_ico.jpg) no-repeat left center; padding-left:25px;}





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

.top-bar { background:url(images/top-bg.jpg) top center; height: 80px;width: 100%;}
.top-bar .top-inner {width: 100%; margin:0 auto;}
.logo{ width:80%; float:left; padding-top:20px;}
.banner{
	display:none;
}
.nav{ width:100%; height:40px; line-height:40px; background:#67a8ba; display:none;}
.nav ul{ width:1040px; margin:0 auto; padding-left:2px;}
.nav ul li{ float:left; font-family:"微软雅黑"; font-size:14px; color:#FFF;}
.nav ul li a{ color:#FFF; display:inline-block; padding:0 15px;}
.yj img{border-radius:13px}



.wrap{ width: 100%; margin:0 auto;}
.cont-1{ background:#e9eef1; height:35px; line-height:35px;}
.kuanxun{ float:left; width:100%;}
.kuanxun b{ color:#67a8ba; font-family:"微软雅黑"; font-size:14px; display:inline-block; background:url(images/news-flash.jpg) no-repeat left center; padding-left:50px; float:left;}

.search{ display:none;}

.topLoop{ overflow:hidden;width:90%;}
.topLoop .bd ul{ overflow:hidden; zoom:1;}
.scroll-text{ width:74%; float:right; margin-left:0px;}
.infoList1 li{ height:35px; line-height:35px;}
.infoList1 li .date{ display:none;float:right; color:#999;}



.cont2{ height:auto; overflow:hidden; padding:20px 0;}
.cont2-left{ display:none; float:left; width:573px; height:316px; overflow:hidden; zoom:1;border:3px solid #e9eef1; font-family:"微软雅黑"; font-size:12px;}
.cont2-right{ float:none; width:98%; margin:0 auto;}



.cont2right-ul{ padding-top:10px;}
.cont2right-ul li{ line-height:24px;}
.cont2right-ul li a{ display:inline-block; background:url(images/li-dian.jpg) no-repeat left center; padding-left:10px;width:76%; }
.time{ color:#cccccc;font-family:"微软雅黑";font-size:12px; float:right;}
.cont2right-ul li b{ padding-left:10px; display:inline-block;}


.cont3{height:auto;}
.cont3-left{ float:none;margin:0 auto; width:98%;  height:auto; }
.cont3-center{float:none; width:98%; margin:0 auto; height:auto;}
.cont3-right{float:none; width:98%; margin:0 auto; height:auto;}


.li-right{ width:70%; float:left; padding-left:15px; line-height:24px;}


.cont4{
	width:100%;
	padding:15px 0;
}

.zhuanti2{ width:100%; margin:0 auto;}
.zhuanti2 li{
float:left;
width:46%; margin:0 2%;
}

.cont6{
	border:1px solid #cecece;
	margin:20px 0 20px 0;
	height: 66px;
	overflow:hidden;
}
.cont6-left{ 
display:none;
}
.cont6-right{
line-height:30px;  float:left; color:#b6b6b6; font-family:"微软雅黑"; font-size:10px; width:99%; padding-left:5px;}

.footer{ background:#67a8ba; height:100px;}
.footer-inner{ width:100%; margin:0 auto; text-align:center; padding-top:12px;}


.effect{
display:none;
}
.effect2{
display:block;
width: 90%;
    margin: 0 auto;
}

.en_language{
display:none;
}



	


.menuph{
	display:block;
    float: right;
}
.menuph .point {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 23px;
}

.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {
    width: 28px;
}

.menuph .navbtn {
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #3e77b6;
}

.menuph .navbtn::after,
.menuph .navbtn::before {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #3e77b6;
}

.menuph .navbtn::after {
    top: -11px;
}

.menuph .navbtn::before {
    top: 10px;
}

.menuph .point.active .navbtn {
    background: transparent;
}

.menuph .point.active .navbtn::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menuph .point.active .navbtn::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.phsou {
    position: absolute;
    top: 20px;
    right: 80px;
}

.phsou img {
    width: 40px;
    cursor: pointer;
}


.sy-xinwen{
	float: left;
	width: 98%;
	margin:0 auto;
}


.ny-subnav .left{
	float: left;
	width: 100%px;
	height: 60px;
	background: #084a9e;
	text-align: center;
}
.ny-subnav .right{
	display:none;
	
}


/*手机下拉*/

.phxia
{
	display:block;
    position: absolute;
    top: 60px;
    width:100%;
	left:0;
	margin:0;
	padding:0;
    z-index: 80;
}

.xialaph
{
    font-family: '微软雅黑';

    position: absolute;
    z-index: 1049;
    top: 0;
    left: 0;
    border-top: 1px solid #ddd;
    display: none;

    width: 100%;
    padding-bottom: 31px;

     background: #3e77b6;
}

.xialaph .ul1{
	width:96%;
	margin:0;
	padding:0;
	}

.xialaph.active
{
    top: 106px;
}




.xialaph .ul2,
.xialaph .ul3
{
	width:100%;
	margin:0;
	padding:0;
    display: none;
}

.xialaph h4 a
{
    font-size: 16px;
    font-weight: bold;
    line-height: 59px;

    text-transform: uppercase;

    color: #ffffff;
}

.xialaph h4
{
    position: relative;
}

.xialaph h4::after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    opacity: .5;
    background-color: #e5e5e5;
}

.xialaph h5 a
{
    font-family: '微软雅黑';
    font-size: 14px;
    line-height: 40px;

    text-transform: uppercase;

    color: #ffffff;
}

.xialaph h5
{
    position: relative;

    padding-left: 15px;
}

.xialaph h5::after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 1px;

    content: '';

    opacity: .5;
    background-color: #fff;
}
.img_d{
    display: none;
}
.xialaph h4 img
{
    float: right;

    width: 13px;
    margin-top: 23px;

    cursor: pointer;
}

.xialaph h5 img
{
    float: right;

    width: 13px;
    margin-top: 26px;

    cursor: pointer;
}

.xialaph h4.active,
.xialaph h5.active
{
    border-bottom: 0;
}

.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s
{
    display: none;
}

.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d
{
    display: block;
}

.xialaph .ul2
{
	padding-top: 7px;
	padding-bottom: 8px;
	background-color: #0081cc;
}

.xialaph .ul3
{
    position: relative;

    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;

    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.xialaph .ul3 li a
{
    font-size: 12px;
    line-height: 30px;

    display: block;

    text-transform: uppercase;

    color: #999;
}

.xialaph .ul3 li
{
    padding-top: 5px;
}

.xialaph .ul3 li:first-child
{
    padding-top: 0;
}

.phonemeng
{
    position: absolute;
    z-index: 1048;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: .6;
    background-color: #000;
}

.phonemeng.active
{
    display: block;
}
.nei-left{ display:none;}
.nei-right{  float:none; width:96%; margin:0 auto;}
.tu-list{ width:100%; overflow:hidden; padding-top:30px;}
.text-single{ width:98%; margin:0 auto; padding-top:20px;}
.text-single h3{ text-align:center;font-family:"微软雅黑"; font-size:14px; font-weight:bold;color:#67a8ba;}
.text-single h4{ width:100%; height:30px; line-height:30px; background:#f1f4f6; color:#999999;font-family:"微软雅黑"; font-size:12px; padding:0 35px;  margin-top:20px;}
.text-single img{
width:90%; margin:0 auto; height:auto;    
    max-width: 320px;
    height: 100%;
    max-height: 330px;
}


}