/*导入外部css*/
@import url('element.css');
@import url('animate.css');
*{ margin:0px; padding:0px; transition:background-color  1s; background-repeat:no-repeat;}
html{ background-repeat:repeat-y; }
body{  color:#000; font-family: Montserrat,FangZhengLanTingXianHei,Roboto; margin: 0px; padding: 0px; font-size: 100%;}
.mobile-only{display:none!important;}
a{text-decoration:none;}
h1{ font-size: 1.875em; font-weight: 100}
hr{border: 2px solid #000;background: #000; width: 100px; margin: 3% 0; text-align: left;}

hr.blue{border: 2px solid #009ae3;}
@font-face{
font-family: Montserrat;
	src: url('Montserrat-Regular.otf'); /* IE9+ */
}
.light{font-family: Montserrat-light;font-weight: 100;}
 @font-face{
	 font-family: Montserrat-light;
	 src: url('Montserrat-Light.otf'); /* IE9+ */
 }
/*头部*/
.header-wrapper{ margin:0px auto; background-color:#000;  position: fixed;z-index: 999; top:0px;left: 0px; right: 0px;}
.header-wrapper .header{  width:1250px; margin:0px auto; position: relative;   }
.header-wrapper .header .logo-wrapper{ display:block; font-size: 0px; background-position:20% 50%; background-repeat:no-repeat; float:left; padding:0px;  float:left; }
.header-wrapper .header .logo{ display:inline-block;line-height:100px ; width:250px; height:100px; background-image:url(../img/logo.png); background-repeat:no-repeat; background-position:0% 50%; background-size: auto 100%;}
.masterColor { color:#06C!important;}
.masterBgColor{ background-color:#06C!important;}

.menu-wrapper{ width:70%; float: right}
.menu-wrapper .menu-inner{display: flex;flex-wrap: nowrap }
.menu-wrapper .menu-inner .menu{ flex-grow:1;display:block; line-height:100px;  text-align:center; float:left; font-size:16px; color:#fff;position: relative;}
.menu-wrapper .menu-inner .menu:hover{color:#06C}
 .menu-wrapper .menu-inner .menu a{ color: #fff;}
 .menu-wrapper .menu-inner .menu a:hover{color:#06C}
.menu-wrapper .menu-inner .menu .list{position: absolute;width: 100%;  background: #000;display: none;}
.menu-wrapper .menu-inner .menu .list a{line-height: 50px;display: block;}

.banner{height:720px; background-color:#000; margin-top: 100px; margin:0px auto;}
.banner .swiper-slide{background-size:auto 100%; background-position:0% 50%;height: 720px; position: relative;}
.slogan{ font-weight: bolder; position: absolute; top:30%; right: 15%; color: #fff}
.slogan.left{left: 18%;}
.slogan.right{right: 15%;}

.banner2{ margin:0px auto;height: 720px;margin-top: 100px; background: #000; background-size:auto 100%;  background-repeat: no-repeat; position: relative;}

.content{padding: 3% 0px 10% 0px;line-height: 30px;min-height: 400px;}
.about{ background-color:#282828!important; padding:30px 0px; }
.about *{color:#fff}
.about .column .about-title.logo{background-image: url("../img/logo.png"); background-repeat: no-repeat; background-position: -10px 50%; background-size: 100% auto;border-bottom: 1px solid #282828}
.about .column{float:left;width:25%; min-height:200px; padding: 2.5%; box-sizing:  border-box}
.about .column .about-title{font-size:18px; line-height:30px; font-weight:bold; padding: 20px 0px; border-bottom: 1px solid #009AE3}
.about .column .link:nth-child(2){padding-top: 20px;}
.about .column .link{ display:block; line-height:30px; color: #4F4C4B}
.about .column a{color: #4F4C4B;}
.about .column a:hover{color: #0b99f9;}







/*页面布局*/
.layout-wrapper{}
.layout .layout-title{   padding:5% 0px ;}
.layout .layout-title .master-word{font-family: Montserrat-light; font-size:40px; color:#000;font-weight: 100;text-align: center}
.layout .layout-title .slave-word{font-size:36px; color:#666; margin-top:1%;background-position:50% 50%; background-repeat:no-repeat;text-align: center}
.layout{ position:relative; max-width:1250px; margin:auto;}




/*分页码*/
.tp5-pagination-wrapper{padding: 10px;}
.tp5-pagination{}
.tp5-pagination .pagination{}
.tp5-pagination .pagination li{box-sizing:border-box;border: 1px solid #ddd;margin-right: 5px;cursor: pointer;color: #636E7B;float: left;position: relative;background: #fff;display: inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.tp5-pagination .pagination a{padding: 7px 12px; display: inline-block;}
.tp5-pagination .pagination .active,.tp5-pagination .pagination .disabled{padding: 7px 12px;}
.tp5-pagination .pagination .active{background-color: #2ecfff;border-color: #2ecfff;color: #fff;}
.tp5-pagination .pagination .disabled{background-color: #eee; cursor:default; border-color: #fff;}



/*按钮 输入框 表单 元件*/
.button{ padding:0px 20px;line-height:40px; background:#aaaaaa;border-radius: 3px;height:40px; text-align: center; border: none; outline:none; cursor:pointer; font-size:18px;display:inline-block; *position: relative; *top: 14px; box-sizing:border-box;}
.button-s{ padding:0px 20px;line-height:30px; background:#aaa;border-radius: 3px;height:30px; text-align: center; border: none; outline:none; cursor:pointer; font-size:14px;display:inline-block;box-sizing:border-box; text-align:center;text-indent:0px!important;}
.button-xs{ padding:0px 10px;line-height:20px; background:#aaa;border-radius: 3px;height:20px; text-align: center; border: none; outline:none; cursor:pointer; font-size:14px;display:inline-block;box-sizing:border-box;}
.button-blue{ background-color:#2ecfff; color:#FFF; transition: background-color 1s;}
.button-blue:hover{ background-color:#005296; color:#FFF;transition: background-color 1s;}
.button-deepblue{ background-color:#004ea2; color:#FFF; transition: background-color 1s;}
.button-deepblue:hover{ background-color:#005296; color:#FFF;transition: background-color 1s;}
.button-orange{ background-color:#ff8213; color:#FFF;transition: background-color 1s;}
.button-orange:hover{ background-color:#cb650a; color:#FFF;transition: background-color 1s;}
.button-red{ background-color:#ff7740; color:#FFF;transition: background-color 1s;}
.button-red:hover{ background-color:#e65920; color:#FFF;transition: background-color 1s;}
.button-border-blue{ background-color:#fff; color:#666; border:1px #eee solid;transition: background-color 1s; }
.button-border-blue:hover{ background-color:#eee; transition: background-color 1s;}
.button-gray{ background-color:#333; color:#FFF;transition: background-color 1s;}
.button-gray:hover{ background-color:#000; color:#FFF;transition: background-color 1s;}
.button-disable{border:1px solid #ccc!important; color:#ccc!important; cursor:not-allowed!important;}



.form-row{ padding:10px 0px; position: relative;}
.form-row .all-row{ width:100%!important; text-indent:0px!important; }
.form-row .field-key{width:150px;height:40px;float:left;position:relative;line-height:40px}
.form-row .field-value{width:370px;min-height:30px;float:left;position:relative;padding-top:10px}
.form-row .input-name{width:150px;height:40px;float:left;position:relative;line-height:40px}
.form-row .input-name-even{width:150px;height:40px;float:left;position:relative;line-height:40px; text-indent:10px;}
.form-row .input-box{width:370px;min-height:40px;float:left;position:relative;padding:0}
.form-row .textarea-box{width:370px;border-radius:3px;float:left;position:relative;}
.form-row .textarea-text{border:0;outline:0; }

.form-row-s{padding:5px 0px!important;}
.form-row-s .field-key{height:30px!important;line-height:30px!important;font-size:12px;}
.form-row-s .field-value{height:30px!important;line-height:30px!important}
.form-row-s .input-name{height:30px!important;line-height:30px!important; font-size:12px; text-align:left;padding-right:10px; box-sizing:border-box;}
.form-row-s .input-name-even{height:30px!important;line-height:30px!important;font-size:12px;text-align:left; padding-right:10px; box-sizing:border-box;}
.form-row-s .input-box{min-height:30px!important;line-height:30px!important;min-height:30px!important;font-size:12px;}



.input-start-time{ border:1px solid #ddd;   height: 30px;line-height:30px\9; border-radius: 3px 0px 0px 3px;background: #fff; padding:0px 0px 0px 0px; text-indent:10px; font-size:12px; width:40%; display:block; outline:none;transition: border 1s; float:left;box-sizing: border-box;}
.input-time-tag{ border-top:1px solid #ddd;  border-bottom:1px solid #ccc; border-right:1px solid #ccc;border-left:0px solid #ccc;  line-height: 28px;line-height:28px\9; background: #eee; padding:0px 0px 0px 0px;  font-size:12px; width:20%; display:block; outline:none;transition: border 1s;float:left; text-align:center;box-sizing:border-box;}

.input-end-time{ border-top:1px solid #ddd;  border-bottom:1px solid #ccc; border-right:1px solid #ccc;border-left:0px solid #ccc;  height: 30px;line-height:30px\9; border-radius:0px 3px 3px 0px;background: #fff; padding:0px 0px 0px 0px; text-indent:10px; font-size:12px; width:40%; display:block; outline:none;transition: border 1s;float:left; box-sizing: border-box;}
.input-xs{ border:1px solid #ddd; border:1px solid #eee\9;  height: 25px;line-height:25px\9; border-radius: 3px;background: #fff; padding:0px 0px 0px 0px; text-indent:10px; font-size:10px; width:100%;  display:block; outline:none;transition: border 1s;}
.input-s{ border:1px solid #ddd; border:1px solid #eee\9;  height: 28px;line-height:28px\9; border-radius: 3px;background: #fff; padding:0px 0px 0px 0px; text-indent:10px; font-size:12px; width:100%;  display:block; outline:none;transition: border 1s;}
.input{ border:1px solid #ccc; border:1px solid #eee\9;box-sizing: border-box;box-shadow:inset 1px 1px 1px 1px #eee;  height: 40px;line-height:38px\9; border-radius: 0px;background: #fff; padding:0px 0px 0px 0px; text-indent:20px; font-size:15px; width:100%; display:block; outline:none;transition: border 1s;}
.input:read-only,.input-s:read-only{background-color:#f9f9f9;}
.input:hover{border:1px solid #666;transition: border 1s;}
.input-error{border:1px solid #fb5647!important; background-position:97% center; background-repeat:no-repeat;}
.input-error-msg{ display:block; padding:10px; color:#fff; background-color:#fb5647; position:absolute; z-index:10; left:60px; border-radius:0px 0px 3px 3px;}
.input-pass{background-image: url('../img/right.png'); background-position:97% center; background-repeat:no-repeat;}
.input-disable{ background-color:#eee!important;}
.textarea{border:1px solid #ccc; border:1px solid #eee\9; border-radius: 0px; font-size:14px; min-height:100px; overflow-y:scroll;   font-size:12px; resize:none; padding:10px 20px;*padding:3% 5% 3% 5%; box-sizing:border-box; width:100%; *width:90%; background-color:#FFF;display:block; word-wrap:break-word;}






/*容器*/
.container{ border:1px solid #ddd;background-color:#fff}
.container .container-title{ background-color:#ccc;background:linear-gradient(#fff,#eee); padding:5px 10px 5px 10px; line-height:35px; color:#2ecfff; font-weight:bold;  background-position:5px 50%}
.container .container-content{ padding:5px;}

.form-container{ border:1px solid #3499dc;background-color:#fff;}
.form-container .container-title{ background-color:#3499dc; height:40px; position:relative; padding-top:5px; padding-left:5px; box-sizing: border-box; }
.form-container .container-title .tab{ display:inline-block; margin-left:3px; min-width:80px; padding:0px 10px; height:35px; text-align:center; line-height:35px; cursor:pointer ; color:#fff;}
.form-container .container-title .tab.active{ background-color:#fff; color:#3499dc}
.form-container .container-content{ padding:10px; background-color:#fff;}
.form-container .container-content h3{ font-size:18px; padding:5px 0px;}

/*表格*/
.table{ border:1px #eee solid;}
.table .tr{ border-bottom:1px solid #eee;background-color:#fff}
.table .tr:nth-child(odd){background-color:#f9f9f9;}
.table .tr:hover{ background-color:#f3f3f3}
.table .th{ border-bottom:1px solid #eee; background-color:#f9f9f9}
.table .th .td{ font-weight:bold}
.table .td{ padding:7px 0px;float:left; min-height: 20px;  }
.table .td *{font-size:12px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.table .td span{ margin-top:3px;word-wrap:break-word; font-size:12px;}
.table .table-btn{ color:#333; cursor:pointer; display:inline-block; width:20px; height:12px; margin-right:10px; text-align:center}
.split-dot{ zoom:1;position: relative; width: 100%; min-height: 1px; background-image:url(../img/dot-line.png); background-repeat:repeat-x; background-position:50% 50%;}
.split-dot span{font-size:14px; background-color:#fff}

 .float-icon{width: 80px; height: 80px; display: block; position: fixed; right: 0px;  background: #0b99f9;z-index: 100; text-align: center; line-height: 80px!important; color: #fff; cursor: pointer}

@media screen and (max-width: 900px) { /*当屏幕尺寸小于500px时，应用下面的CSS样式*/
.pc-only{display:none!important;}
.mobile-only{ display:inherit!important;}
body{font-size: 50%}
h1{ font-size: 1.75em; font-weight: 100}
hr{border: 1px solid #000;}
hr.blue{border: 1px solid #009ae3;}
.layout{padding:3%;}
.header-wrapper{width: 100%; }
.header-wrapper .header{ width: 100%;   }
.header-wrapper .header .logo-wrapper{ display:block; font-size: 0px; background-position:20% 50%; background-repeat:no-repeat; float:left; padding:0px;  float:left; }
.header-wrapper .header .logo{ display:inline-block; width:250px; height:60px; background-image:url(../img/logo.png); background-repeat:no-repeat; background-position:0% 50%; background-size: auto 100%;}

.banner{width:100%;height:150px; background-color:#3496d8; margin-top: 60px;}
.banner .swiper-slide{height: 150px;}
.banner2{ height: 150px;margin-top: 60px; background: #000; background-size:auto 100%;  background-repeat: no-repeat; position: relative;}

.slogan{  display: none; }


.layout-wrapper{}
.layout .layout-title{  padding:1% 0px;}
.layout .layout-title .master-word{ font-size:20px; color:#000;text-align: left;float: initial!important; }
.layout .layout-title .slave-word{font-size:10px; color:#666; margin:0.5% 0px 0px 0px!important;text-align: left;float: initial!important;}

.about{ background-color:#282828!important; padding:5px 0px;line-height: 20px;font-size: 16px; }
.about *{color: #999}

.callus{display:block!important;position: fixed; right: 10px; bottom:10px;width: 50px; height: 50px;background: #000;z-index: 100;border-radius:3px; color: #fff; text-align: center; line-height: 50px!important; }
}