@charset "utf-8";
*{ padding:0; margin:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p{ padding:0px; margin:0px;}
ol, ul{ list-style:none;}
li{ list-style-type:none; }
a{ text-decoration:none; color:#000; font-family:"微软雅黑";}
span{ font-family:"微软雅黑";}
*:focus{ outline:none}
.clear{ clear: both;}
input,select{ box-sizing: border-box;}
div,img{ border: none;}


body{ background: #fff ; background-size: 100%;}
.fl{ float: left!important;}
.fr{ float: right!important;}

.header {
    z-index: 2000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding-bottom: 1%;
    background: #ffffff;
    max-height: 274px;
  
    box-shadow: 0px 0px 5px #bfbfbf;
}
.header .logo{ width: 68%; height: auto; overflow: hidden; padding: 18px 10px;}
.header .logo img{ width: 100%; max-width: 345px;}
.header .nav{ width: 12%; height: 70px; padding: 12px 10px 12px 5px;  text-align: center; float: right;}
.header .nav img{ width: 100%; max-width: 31px; vertical-align: middle; margin-top: 7px;} 
.header .search{ width: 15%; height: 70px; padding: 12px 10px; text-align: center; float: right;}
.header .search img{ width: 100%; max-width: 25px; vertical-align: middle; margin-top: 10px;} 



.dhnr{ width: 100%; height: auto;}
.dhnr .dh{ width: 100%; height: auto; overflow: hidden; margin: 15px 0;}
.dhnr .yjdh{ color: #e8e5e5; display: block; line-height: 40px; padding-left: 15px; font-size: 16px; font-weight: bold; text-align: left;}
.dhnr .ejdh{ width: 100%; height: 35px; line-height: 35px; padding-left: 25px; font-size: 15px; text-align: left; color: #fff;}
.dhnr .ejdh a{ color: #e8e5e5;}

.banner{ width: 100%; height: 100%;  overflow: hidden; }
.banner .am-slides{ height: 100%; text-align: center;}
.banner img{ width: 100%; }
.banner .am-slides .zzc{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;}
.banner .am-slides .c1{ background: url(../images/bannerjs.png) no-repeat center center; background-size: 80%;}
.banner .am-slides .c2{ background: url(../images/banner2zi.png) no-repeat center center; background-size: 80%;}
.banner .am-slider-default{ margin: 0;}
.banner .am-viewport{ }

.banner .am-slider-default .am-control-nav{ bottom: 15px; text-align: right; right: 5px;}
.banner .am-slider-default .am-control-nav li{ margin: 0 3px;}
.banner .am-slider-default .am-control-nav li a{ background: #fff; width: 12px; height: 12px; box-shadow: none;}
.banner .am-slider-default .am-control-nav li a.am-active{ background: #03629e; width: 26px;}

.nybanner{width:100%; height:180px; margin:0px auto; margin-top:50px;position:absolution;}
.nybanner img{width:100%; height:180px;margin:0px auto;}
.nybanner h1{left:2%;top:50px;font-size:20px;font-weight:weight;color:#fff;position:absolute;z-index:111;}
.nybanner p{left:2%;top:90px;font-size:13px;font-weight:weight;color:#fff;position:absolute;z-index:111;}

.main{ width: 100%; height: auto; overflow: hidden;}
.main .tzgg {
    width: 94%;
    margin: auto 3%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #b5b5b6;
    position: relative;
    margin-top: 10px;
}
.main .tzgg .tit {
    width: 100px;
    position: absolute;
    left: 3%;
    top: 3%;
    height: 60px;
    line-height: 60px;
    color: #03629e;
    text-align: left;
    font-size: 20px;
}
.main .tzgg .nr {
    width: 100%;
    padding-left: 100px;
    text-align: left;
}
#marquee5 {
    width: 100%;
    height: 40px;
    overflow: hidden;
}
.main .part1{ width: 100%; height: auto; overflow: hidden;  padding: 3%;} 

.main .title{ width: 100%; height: 56px; line-height: 56px; overflow: hidden; text-align: left; font-size: 20px; font-weight: bold; color: #03629e;}
.main .title .yw{ font-size: 13px; color: #b5b5b6; text-transform:uppercase; font-weight: bold; line-height: 70px; padding-left: 10px;}
/*图片切换*/
.main .xwtp{ width: 100%; height: auto; }
.xwtp .am-slides{ }
.xwtp .am-slides .xwmc{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; text-align: center; line-height: 50px;  font-size: 15px; display: block; color: #fff; font-weight: bold;}
.xwtp .am-slider-default{ margin: 0;}
.xwtp .am-viewport{ }

.xwtp .am-slider-default .am-control-nav{  bottom: auto; text-align: center; right: 0; top: 101%;}
.xwtp .am-slider-default .am-control-nav li{ margin: 0 3px;}
.xwtp .am-slider-default .am-control-nav li a{ background: #8a8a8a; width: 12px; height: 12px; box-shadow: none;}
.xwtp .am-slider-default .am-control-nav li a.am-active{ background: #03629e; width: 12px;}
.xwtp .am-prev,.xwtp .am-next{ top: 0!important;}
.xwtp .am-prev{ background: url(../images/left.jpg) no-repeat center center; width: 14px; height: 14px; left: 26%!important;}
.xwtp .am-next{ background: url(../images/right.jpg) no-repeat center center; width: 14px; height: 14px; right: 26%!important;}
.xwtp .am-direction-nav{ position: absolute; height: 36px; top: 104% !important; width: 100%;}
.xwtp .am-slider-default .am-direction-nav a{ margin: 0!important; opacity:1;} 
.xwtp .am-slider-default .am-direction-nav a:before{ content: none;}
/*图片列表*/
.main .list{ width: 100%; height: auto; overflow: hidden;}
.main .list ul{ width: 100%; }
.main .list ul li{ width: 100%; height: auto;overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px;}
.main .list ul li .time{width:100%; display: block; height: 20px; line-height: 25px; font-size: 15px; color: #747474; text-align: right;}
.main .list ul li .bt{ overflow: hidden;  width: 100%; display: block; line-height: 30px; height: auto; max-height: 60px; overflow: hidden; color: #373737; text-align: left; font-size: 18px;}
.main .list ul li.l1{ border: none;}
.main .list ul li.tt{ width: 100%; height: auto; overflow: hidden;}
.main .list ul li.tt .bt{ line-height: 23px; max-height: 68px; font-size: 18px; font-weight: bold; color: #03629e;}
.main .list ul li.tt .time{ width: 180px; height: 30px; line-height: 30px; float: left; text-align: left; color: #747474;}
.main .list ul li.tt .gd{ width: 80px; float: right; line-height: 30px; text-align: center; height: 30px; border: 1px solid #e62129; border-radius: 5px; color: #e62129; font-size: 12px; display: block;}
.main .list ul li.tt p{ line-height: 24px; font-size: 14px; color: #373737; padding: 8px 0; height: 62px; overflow: hidden;}

.main .more{ border-radius: 5px; width: 100%; background: #e8e4e3; display: block; text-align: center; height: 50px; line-height: 50px; font-size: 16px; color: #e62129;}
/*国资要闻按钮*/
.main .buts{ width: 94%; background: #dfeff9; height: auto; overflow: hidden; margin: 3%;}
.main .buts li{ width: 33.33%; background: url(../images/butsxt.jpg) repeat-y center top; float: left;}
.main .buts li a{ display: block; margin: 34px auto; padding: 42px 20px 20px; text-align: center; background: #dfeff9; font-size: 18px; color: #03629e; height: 90px; line-height: 60px;}
.main .buts li.l2{ background: #03629e;}
.main .buts li.l1 a{ background: #dfeff9 url(../images/buts1.png) no-repeat center 10px;}
.main .buts li.l2 a{ background: url(../images/buts2.png) no-repeat center 10px; color: #fff;}
.main .buts li.l3 a{ background: #dfeff9 url(../images/buts3.png) no-repeat center 10px;}
/*通知公告*/
.main .tzgg{ width: 94%;  margin: 3%; height: 60px; line-height: 60px; border-bottom: 1px solid #b5b5b6; position: relative;}
.main .tzgg .tit{ width: 100px; position: absolute; left: 3%; top: 3%; height: 60px; line-height: 60px; color: #03629e; text-align: left; font-size: 20px;}
.main .tzgg .tit a{ color: #03629e; }
.main .tzgg .nr{ width: 100%; padding-left: 100px; text-align: left;}
#marquee5{width:100%;height:40px;overflow:hidden;}
#marquee5 ul li{    height: 41px;
    padding: 0 10px;}

/*产品板块*/
.main .cpbk{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.main .cpbk ul{ overflow: hidden;}
.main .cpbk ul li{ overflow: hidden;width: 100%; height: auto; overflow: hidden; margin-bottom: 3px;}
.main .cpbk ul li.l1{ background: url(../images/cpbj1.jpg) no-repeat left center; background-size: cover;}
.main .cpbk ul li.l2{ background: url(../images/cpbj2.jpg) no-repeat left center; background-size: cover;}
.main .cpbk ul li.l3{ background: url(../images/cpbj3.jpg) no-repeat left center; background-size: cover;}
.main .cpbk ul li a{ display: block; width: 60%; float: right; text-align: left; padding: 50px 0;}
.main .cpbk ul li a img{ width: 70%; max-width: 185px;}
.main .cpbk ul li.l1 a{ background: url(../images/c1pzbj.png) no-repeat left center; text-align: right;}
.main .cpbk ul li.l2 a{ background: url(../images/cpzbj2.png) no-repeat right center; float: left;}
.main .cpbk ul li.l3 a{ background: url(../images/cpzbj3.png) no-repeat left center; text-align: right;}
.main .cpbk ul li.l3 a img{  max-width: 213px; margin-right: 10px;}

/*自主创新*/
.am-nav {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
.am-nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.am-nav>li {
    position: relative;
    display: block;
}
.am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:focus, .am-nav-tabs>li.am-active>a:hover {
    text-align: center;
    border: none;
    color: #c50001;
    font-weight: bold;
    font-size: 20px;
    border-bottom: #c50001 2px solid;
}
.am-nav-tabs>li+li {
    margin-top: 0;
}
.am-nav-tabs>li {
    width: 33%;
    text-align: center;
}
.am-nav-tabs>li {
    margin: 0;
}
.am-nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.am-nav>li {
    position: relative;
    display: block;
}
.am-nav>li>a {
    width: 100%;
}
.am-tabs-bd {
    border: none;
}
.am-tabs-bd {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 100;
    -webkit-transition: height .3s;
    transition: height .3s;
}
.am-tabs-bd .am-tab-panel.am-active {
    position: relative;
    z-index: 100;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.am-tabs-bd .am-tab-panel * {
    -webkit-user-drag: none;
}
.list11 ul li {
    width: 100%;
    border-bottom: 1px #d5d5d5 dotted;
    display: block;
    float: left;
    margin: 0px auto;
}
.list11 ul li .title1 {
    width: 80%;
    float: left;
    text-align: left;
    line-height: 45px;
    background: url(../images/zqhd.jpg) left center no-repeat;
    padding-left: 10px;
    font-size: 16px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.list11 ul li .time {
    width: 20%;
    float: left;
    font-size: 14px;
    line-height: 45px;
    color: #666;
    display: block;
    text-align: right;
}


.main .zzcx .am-tabs-bd{ border: none;}
.am-nav-tabs>li>a {
    font-size: 16px!important;
}
.main .zzcx .cxlist{ width: 100%; height: auto; overflow: hidden;}
.main .zzcx .cxlist ul{ overflow: hidden; margin-top: 2%;}
.main .zzcx .cxlist ul li{ width: 100%; height: auto; overflow: hidden; }
.main .zzcx .cxlist ul li img{ width: 50%; float: left; display: block;}
.main .zzcx .am-tabs-bd .am-tab-panel{ padding: 0;}
.main .zzcx .am-gallery-bordered>li{ padding: 2% 0;} 
.main .zzcx .cxlist ul li .nr{ width: 50%; padding-left: 2%; float: right;}
.main .zzcx .am-gallery-title{ color: #747474; font-weight: bold; text-overflow: clip; white-space: normal; padding: 0; line-height: 26px;}
.main .zzcx p{ width: 100%; height: auto; line-height: 20px; font-size: 14px; color: #747474; padding: 8px 0;}

/*快捷服务*/
.main .kjfw{ width: 100%; height: auto; overflow: hidden;}
.main .kjfw ul{ overflow: hidden; margin-right: -1%;}
.main .kjfw ul li{ width: 49%; margin-right: 1%; height: 50px; margin-bottom: 1%; float: left; background: #eaeaea; padding: 10px 0; }
.main .kjfw ul li a{ display: block; padding-left: 12%; text-align: left; font-size: 16px; color: #565656;}
.main .kjfw ul li a img{ width: 40px; padding-right: 10px;}
.main .kjfw ul li.l1 a{ background: url(../images/kjfw1.png) no-repeat 10px center; background-size: ;} 
.main .kjfw ul li.l2 a{ background: url(../images/kjfw2.png) no-repeat 10px center; } 
.main .kjfw ul li.l3 a{ background: url(../images/kjfw3.png) no-repeat 10px center; } 
.main .kjfw ul li.l4 a{ background: url(../images/kjfw4.png) no-repeat 10px center; } 
.main .kjfw .dbut{ width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 20px; font-weight: bold; background: url(../images/butbj.jpg) no-repeat center center; padding: 6%;}
.main .kjfw .dbut img{ width: 40px; padding-right: 10px;}
.main .kjfw .dbut a{ color: #fff;}

/*快捷链接*/
.kjlj{ width: 100%; height: auto; overflow: hidden; background: #e8e4e3; padding: 10px 0; text-align: center; margin-top: 20px;} 
.kjlj a{ color: #747474; font-size: 13px; padding: 0 4px; text-transform: uppercase;}
.kjlj a img{ width: 23px; padding-right: 3px;}

.foot {
    width: 100%;
    height: auto;
    padding: 15px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    background: url(../images/footbj.jpg) no-repeat center center;
    background-size: cover;
}

.zytit{     width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px 0 0px;
    text-align: center;}


.box_erji {    align-items: center;
    line-height: 50px;
    border-top: #eee 1px solid;
    border-bottom: #eee 1px solid;
    display: flex;
    justify-content: center;}
.box_erji ul{ width: 200%; overflow-x: auto;}
.box_erji i{ display: block; width: 1px; background: #eee;}
.box_erji a{     color: #373737;
    font-size: 16px;
    padding: 0 5px;}
   
.box_erji a.at{ color: #c11811;
    font-weight: bold;
    border-bottom: 2px #c11811 solid;}

.imglist{ width: 100%; margin-top: 10px;}
.am-gallery-bordered .am-gallery-item{ box-shadow: none; border: none; padding: 0px; }
.am-gallery-bordered .am-gallery-title{ padding: 5px 3px; margin: 0; background: #fff;}
.am-gallery-bordered .am-gallery-item img{ height: 100px;}
.am-gallery-bordered>li{ padding: 5px;}
.am-gallery{ padding: 0;}
.am-gallery-bordered .am-gallery-title{ font-size: 16px;}

.local{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; padding: 0 0 0 30px; text-align: left; font-size: 12px; color: #666; background: url(../images/local.png) no-repeat left center; background-size: 18px;}
.local a{ color: #666;}

.zwbf{ width: 100%; height: auto; overflow: hidden; margin-top: 15px;}
.zwbf .tit{ width: 100%; line-height: 28px; font-size: 22px; color: #03629e; text-align: center; height: auto;}
.zwbf .xgxx{ width: 100%;height: auto;border-bottom: 1px solid #ddd; text-align: center;font-size: 15px;color: #999;line-height: 20px; margin: 15px 0; padding: 5px 0;} 

.zwbf .zw{ padding: 0; height: auto; font-size: 15px;line-height: 30px; color: #333;text-align: left; }
.zwbf .zw img{ width: auto; max-width: 100%;}
.zwbf .sxyt{ width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; height: auto; overflow: hidden; text-align: left; font-size: 16px; color: #666;}
.zwbf .sxyt a{display: block; width: 100%; float: left; text-align: left; color: #666; margin-bottom: 15px; line-height: 20px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.zwbf .fx{ width: 170px; text-align: right; padding: 10px 0 0; float: right;}
.zwbf .fx .bt{ width: 60px; float: left; display: block; text-align: left;}


.search_ss{ width: 100%; height: auto; overflow: hidden; margin-top: 20%;}
.search_ss .srk{ width: 78%; margin-right: 2%; float: left; height: 35px; line-height: 35px; text-align: left; border: 1px solid #ddd; padding: 0 5px; font-size: 16px; color: #333;}
.search_ss .but{ width: 20%; float: left; border: none; background: #03629e; text-align: center; color: #fff; font-size: 14px; height: 35px; line-height: 35px;}

/*领导*/
.main .jslist{ width: 100%; height: auto; overflow: hidden; padding: 3%;}
.main .jslist ul{ overflow: hidden;}
.main .jslist ul li{ width: 33.33%;  float: left; height: auto; overflow: hidden; text-align: center;  padding: 2%;}
.main .jslist ul li img{ padding: 3px; border: 1px solid #ddd; width: 100%; max-width: 168px; margin: 0 auto; display: block; }
.main .jslist ul li h5{font-size: 18px; font-weight: normal;}
.main .jslist ul li p{ font-size: 14px; color: #666;}



@media only screen and (min-width:315px) and (max-width:373px){
	.header .nav{ height: 60px; background-size: 30px!important; right: 10px!important;}

	.xwtp .am-slides img{ height: 170px;}
	.am-gallery-bordered .am-gallery-item img{ height: 83px;}
	.imglist .am-slider .am-slides img{ height: 170px;}
	.main .xqxg .xqbj{ height: 128px!important; top: 32px!important;}
	.zzcx .am-gallery-bordered .am-gallery-item img{ height: 100px !important;}
	.imglist .am-slider .am-slides img{ height: 170px;}
.box_erji a{     color: #373737;
    font-size: 15px;
    padding: 0 5px;}
}

@media only screen and (min-width:374px) and (max-width:420px){
	.header .nav{ height: 70px;}
	.xwtp .am-slides img{ height: 218px;}
	.am-gallery-bordered .am-gallery-item img{ height: 100px;}
	.imglist .am-slider .am-slides img{ height: 218px;}
	.main .xqxg .xqbj{ height: 136px!important; top: 44px!important;}
	.zzcx .am-gallery-bordered .am-gallery-item img{ height: 115px !important;}
	.imglist .am-slider .am-slides img{ height: 218px;}
}

@media only screen and (min-width:421px) and (max-width:480px){
	.header .nav{ height: 70px;}
	.header .logo{  padding: 30px 10px!important;}
	.xwtp .am-slides img{ height: 253px;}
	.am-gallery-bordered .am-gallery-item img{ height: 105px;}
	.imglist .am-slider .am-slides img{ height: 253px;}
	.main .xqxg .xqbj{ height: 136px!important; top: 44px!important;}
	.zzcx .am-gallery-bordered .am-gallery-item img{ height: 130px !important;}
	.imglist .am-slider .am-slides img{ height: 253px;}
}

@media only screen and (min-width:481px) and (max-width:550px){
	.header .nav{ height: 70px;}
	.header .logo{  padding: 30px 10px!important;}
	.xwtp .am-slides img{ height: 290px;}
	.am-gallery-bordered .am-gallery-item img{ height: 108px;}
	.imglist .am-slider .am-slides img{ height: 290px;}
	.main .xqxg .xqbj{ height: 136px!important; top: 44px!important;}
	.zzcx .am-gallery-bordered .am-gallery-item img{ height: 140px !important;}
	.imglist .am-slider .am-slides img{ height: 290px;}
}

@media only screen and (min-width:551px) and (max-width:650px){
	.header .nav{ height: 70px;}
	.header .logo{  padding: 30px 10px!important;}
	.xwtp .am-slides img{ height: 313px;}
	.am-gallery-bordered .am-gallery-item img{ height: 108px;}
	.imglist .am-slider .am-slides img{ height: 313px;}
	.main .xqxg .xqbj{ height: 136px!important; top: 44px!important;}
	.zzcx .am-gallery-bordered .am-gallery-item img{ height: 154px !important;}
	.imglist .am-slider .am-slides img{ height: 313px;}
}

@media only screen and (min-width:651px) and (max-width:768px){
	.header { height: 90px;}
	.header .nav{ background-size: 40px!important; margin-top: 20px;}
	.header .logo{  padding: 20px 10px!important;}	
	.header .search{ margin-top: 20px;}
	.xwtp .am-slides img{ height: 313px;}
	.main .buts ul li{ width: 33.2%!important; border: 1px solid #ddd!important; margin-left: -1px!important; margin-top: -1px!important; border-right: 0!important; border-bottom: 0!important;}
	.am-gallery-bordered .am-gallery-item img{ height: 108px;}
	.imglist .am-slider .am-slides img{ height: 313px;}
	.zzcx .am-gallery-bordered .am-gallery-item img{ height: 178px !important;}
	.main .xqxg .xqbj{ height: 164px!important; top: 61px!important;}
	.main .xqxg{ height: 310px!important;}
}
@media only screen and (min-width:769px) and (max-width:1024px){
	.header .logo{  padding: 35px 10px!important; background-size: 47px!important;}
	.header .nav{ margin-top: 20px;}
	.header .search{ margin-top: 20px;}
	.xwtp .am-slides img{ height: 313px;}
	.main .buts ul li{ width: 33.2%!important; border: 1px solid #ddd!important; margin-left: -1px!important; margin-top: -1px!important; border-right: 0!important; border-bottom: 0!important;}
	.am-gallery-bordered .am-gallery-item img{ height: 108px;}
	.imglist .am-slider .am-slides img{ height: 313px;}
	.zzcx .am-gallery-bordered .am-gallery-item img{ height: 194px !important;}
	.main .xqxg .xqbj{ height: 179px!important; top: 44px!important;}
	.main .xqxg{ height: 310px!important;}
}

@media only screen and (min-width:1024px) and (max-width:1199px){
	.header{ height: 100px!important;}
	.header .logo{  padding: 20px 10px!important; background-size: 47px!important;}
	.header .nav{ margin-top: 20px;}
	.header .search{ margin-top: 20px;}
	.xwtp .am-slides img{ height: 313px;}
	.main .buts ul li{ width: 33.2%!important; border: 1px solid #ddd!important; margin-left: -1px!important; margin-top: -1px!important; border-right: 0!important; border-bottom: 0!important;}
	.am-gallery-bordered .am-gallery-item img{ height: 108px;}
	.imglist .am-slider .am-slides img{ height: 313px;}
	.zzcx .am-gallery-bordered .am-gallery-item img{ height: 194px !important;}
	.main .xqxg .xqbj{ height: 179px!important; top: 44px!important;}
	.main .xqxg{ height: 310px!important;}
}

        .vsbcontent-table-container p{
        float:LEFT!important;
display:inline-block!important;
        }
.vsbcontent-table-container p strong span{
color:#000!important;
}
.vsbcontent-table-container {
color:#000!important;}



.ser-layer{background:rgba(0,0,0,0.6);position: fixed;left:0;top:0;right:0;bottom:0;z-index:99999;opacity:0;visibility:hidden;transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(5px)}
.ser-layer.showdiv{opacity:1;visibility:visible;}
.ser-layer .serclose img {
    width: 25px;height: 25px;
}
.ser-layer .serclose{font-size: 30px;position:absolute;right:.3rem;top:.25rem;text-align: center;line-height: 30px;cursor:pointer;color: #fff;font-family: 'lib';width: 30px;height: 30px;background: url(../images/close.png) no-repeat 35px center;/* z-index: 99999999999999; */}
.ser-layer .serform{width: 90%;margin: 0 auto;margin: 0\0;transform: translateY(1.5rem);transition: .2s .1s}
.ser-layer.showdiv .serform{transform: translateY(0);transition: .5s .3s}
.ser-layer .serform .input-group{max-width: 100%;margin:0 auto;}
.ser-layer .serform .input-group .sub{position:absolute;right:0;top:0;width: 80px;height: 50px;overflow:hidden;background:0 0;cursor: pointer;border-radius: 0 5px 5px 0;border: 0 !important;}
.ser-layer .serform .input-group .sub:after{content:'';position:absolute;top:0;bottom:0;left:0;z-index:0;right:0;background: url(../images/ser.png) no-repeat 35px center;background-size: 23px 22px;}
.ser-layer .serform .input-group .inp{height: 50px;border:0;border-right:0;padding-right: 90px;width:100%;padding-left: 20px;background: #fff;border-radius: 5px 10px 10px 5px;}

@media (max-width: 640px){
.ser-layer .serclose{right: 4%;top: 20px;}
}