@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body{ min-width:1100px;}
ul,ol{list-style:none;}
a{text-decoration:none;cursor: pointer;color: #333;}
img{border:0;vertical-align:middle;}
.xmttop {
	background-image: url(xmttopbj_1.jpg) ;
	background-repeat: no-repeat;
	background-position: center top;overflow:hidden;
	width:100%;
    
}
.xmtlog{    position: absolute;
    top: 2%;
    left: 2%;
 
    background-color: rgba(255,255,255,0.8);
    border-radius: 5px;}
.xmtlog a img{max-width: 330px;padding: 5px;}
.xmtopcont{ width:1238px; margin:auto; overflow:hidden;margin-top: 100px;}
#xmtname{font-size: 80px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 15px;    text-shadow: 3px 3px 3px #000000;
    font-family: "Microsoft YaHei";}
.tab-xmt li {
	float: left;
	background-color: #eeeeee;
    height: 45px;
    margin-left: 10px;
    width: 32%;
border-radius: 5px 5px 0px 0px;
    text-align: center;
    line-height: 45px;
}
.tab-xmt li.hover{
	background-color: #005fbb;
	
}
.tab-xmt li p,.tab-xmt li a{
	font-size: 18px;
	color: #575656;
	font-family: "微软雅黑", "宋体";
}

.tab-xmt li.hover p,.tab-xmt li.hover a {
	color: #ffffff;
}
.xcont{overflow: hidden;
    width: 100%;}
.mtcont{width: 1100px;
    margin: auto;

    border-left: 1px solid #f6f7f9;
  border-right: 1px solid #f6f7f9;
   }
.tab-1{       
	width: 750px;
    margin: auto;
    height: 45px;
    margin-top: 20px;
    overflow: hidden;}
.toplist{width: 1100px;    padding-top: 65px;margin:auto;
    height: 190px;
    overflow: hidden;
padding-left: 135px;

}
.toplist li{width: 130px;    text-align: center;
    float: left;
    overflow: hidden;
    margin-left: 25px;}
.toplist li a{font-size: 16px; color: #ffffff;}
.toplist li a span,.toplist li span{font-size: 16px;display: inline-block;
    margin-top: 5px;
    color: #000000;}
.toplist li a img,.toplist li img,.toplist li img{ width: 118px;
    height: 118px;
    background-color: #eeeeee;
    padding: 5px;
    display: block;
    border: 1px solid #999999;
    border-radius: 5px;}
.clist{width: 100%;    padding-top: 25px;margin:auto;
  
    overflow: hidden;}
.clist li{width: 150px;    text-align: center;
    float: left;
    overflow: hidden;
        margin: 15px;}
.clist li a span{font-size: 16px;display: block;
    margin-top: 5px;
    color: #000000;}
.clist li a img{ width: 60px;
    height: 60px;

    padding: 5px;
    border: 1px solid #e8e8e8;
    border-radius: 5px}
.xmttit{width: 100%; border-bottom: 1px solid; height:15px;}
.xmttit p{font-size: 20px;
    text-align: center;
    display: block;
    padding: 5px;
    width: 150px;
    margin: auto;
    background-color: #ffffff;
    line-height: 19px;}
.rolling {
    width:100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;

}

.rolling .roll-title {
    overflow: hidden;
    height: 42px;
    background: #fff;
    padding: 0 10px;
    line-height: 42px;
    border-bottom: 1px solid #ddd;
}

.rolling .roll-title .prev,.rolling .roll-title .next {
    display: block;
    width: 24px;
    height: 70px;
    float: right;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 67px;
    right: 0;
    left: 0;
    display: none;
    z-index: 100;
}







.rolling .roll-title ul {
    float: right;
    overflow: hidden;
    zoom:1; margin-top: 10px;
}

.rolling .content {
    width: 85%;
    height: 45px;
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
}

.rolling .content ul {
    overflow: hidden;
    zoom:1; }

.rolling .content ul li {
    float: left;
    height: 45px;
    line-height: 45px;
    text-align: left;
    _display: inline;
    font-size: 16px;
 
width:100%;
}

.rolling .content ul li span {
    color: #b7b7b7;
    position: relative;
    right: -10px;
}


.rolling .content ul li a:hover {
    color: #08acee;
    text-decoration: underline;
}
#gg{    font-size: 20px; 
    width: 75px;
    float: left;
    height: 45px;
    line-height: 45px;
    display: inline-block;}
.btline{border-top: 5px solid #0044ba;}
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*# sourceMappingURL=normalize.min.css.map */

.modal {
  will-change: visibility, opacity;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: $modal-delay;
          transition-delay: $modal-delay;
}
.modal--active {
  visibility: visible;
  opacity: 1;
}
.modal--align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal__bg {
background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
}
.modal__dialog {
background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
}
.modal__content {
  will-change: transform, opacity;
  position: relative;
  padding: .5rem;
  background: #ffffff;
  background-clip: padding-box;
  box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal__content--active {
  opacity: 1;
}
.modal__close {
  z-index: 1100;
  cursor: pointer;
}
.modal__trigger {
  position: relative;
  display: inline-block;

  color: rgba(0,0,0,0.7);
  line-height: 1;
  cursor: pointer;

  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal__trigger--active {
  z-index: 10;
}
.modal__content--active img{    width: 200px;
    height: 200px;}
.modal__content--active  p{font-size: 16px;
    padding-top: .2rem;
    color: #000000;}
.modal__trigger:hover {

}
#modal__temp {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  -webkit-transform: none;
          transform: none;
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
/**
 * Demo specific CSS
 */

.demo-btns header {
  padding: 7vh 10vw;
  background: #ffebee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.demo-btns header h1 {
  margin: 0;
  color: rgba(0,0,0,0.54);
  font-weight: 300;
}
.demo-btns .info {
  background: #f44336;
  padding: 3vh 10vw;
  height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
}
.demo-btns p {
  text-align: center;
  color: #fff;
}
.demo-btns .link {
  font-size: 20px;
}
.demo-btns .modal__trigger {
  margin-right: 3px;
}
@media (max-width: 640px) {
  .demo-btns .modal__trigger {
    margin-bottom: 0.8rem;
  }
}
.demo-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.08rem;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
font-size: .14rem;
    color: #000000;
}
.demo-close svg {
  width: 24px;
  fill: #fff;
  pointer-events: none;
  vertical-align: top;
}
.demo-close:hover {
  background: rgba(0,0,0,0.6);
}
.logo {
  position: fixed;
  bottom: 3vh;
  right: 3vw;
  z-index: 2;
}
.logo img {
  width: 45px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.logo img:hover {
  -webkit-transform: rotate(180deg) scale(1.1);
          transform: rotate(180deg) scale(1.1);
}
@media screen and (max-width: 640px) and (min-width: 0px){
.mtcont,.xmttop,.xmtopcont {width: 6.4rem;}
.xmtopcont{    margin-top: 1rem;}
.xmttop{    height: 5rem;}
#xmtname {font-size: .4rem;letter-spacing: .15rem;}
.xmtlog a img {max-width: 2.2rem;}
.toplist { width: 100%; padding-top: .5rem;height: 1.9rem;}
.toplist li {width: 1.34rem; margin-left: .6rem;}
.toplist li a img, .toplist li img, .toplist li img { width: 1.18rem;height: 1.18rem;  padding: .05rem;}
.toplist li a span, .toplist li span { font-size: .18rem;margin-top: .05rem;}
.tab-1 {width: 3rem;height: .55rem;margin-top: .7rem;border-bottom: 5px solid #0044ba;}
.tab-xmt li { height: .55rem;margin-left: .1rem;line-height: .55rem;}
.tab-xmt li p, .tab-xmt li a { font-size: .22rem;}
#gg,#gg a{ font-size: .26rem; width: .75rem; float: left; height: .45rem; line-height: .45rem;}
.rolling .content {  width: 4.2rem;
    height: 45px;
    overflow: hidden;
    padding-left: .4rem;
    padding-right: .4rem;
}
.content{width:5rem;}
.rolling{  height: 45px;width:96%;margin-top:.15rem;}
.rolling .content ul li {  
    height: 45px;
    line-height: .45rem;
}

.xmttit p {
    font-size: .24rem; 
    padding: 5px;  width: 1rem; 
    line-height: .22rem
}
.clist {padding-top: .25rem;}
.clist li {width: 1.8rem;margin: .15rem;}
.clist li a img {width: 1.58rem; height: 1.38rem; padding: .05rem;}
.clist li a span { font-size: .16rem;margin-top: .08rem;}
.roll-list li a{display: block;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;    font-size: .24rem; }
.rolling .content ul li span{display:none;}
}
#sxmtname {font-size:60px; margin-top:59px;text-align: center;color: #ffffff;font-weight: 600;letter-spacing: 15px; font-family: "Microsoft YaHei";}
.jcjy {width:1100px; margin:0 auto; margin-top: 13px;}