@charset "utf-8";

/* CSS Document */
/* Reset */
* {
  margin    : 0;
  padding   : 0;
  transition: all 300ms ease;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  cursor         : pointer;
  color          : #3d3d3d;
}

a:hover,
a:active {
  color: #0099cc;
}

body {
  font         : 14px "Microsoft Yahei", "Thmano", "Arial";
  color        : #3d3d3d;
  background   : #fff;
  max-width    : 1920px;
  margin       : 0 auto;
  /* overflow-x: hidden; */
  position     : relative;
}

img {
  border: 0px;
}

li {
  list-style: none;
  float     : left;
}

input,
textarea,
select {
  font   : 14px/1.5 "Microsoft Yahei", "Thmano", "Arial";
  color  : #999;
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

.hidden {
  display: none;
}

html {
  height: 101%;
}

.animate {
  display: none;
}

b,
strong {
  font-weight: bold;
}

input {
  outline: none;
}

textarea {
  resize: none;
}

table {
  border-collapse: collapse;
  border-spacing : 0;
}

td {
  border : 0px solid #aaa;
  padding: 2px;
}

a {
  text-decoration: none;
  color          : #666;
}

a:hover {
  text-decoration: none;
  color          : #0099cc;
}

i {
  font-style: normal;
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  visibility: hidden;
  display   : block;
  font-size : 0;
  content   : " ";
  clear     : both;
  height    : 0;
}

.clear {
  clear: both;
}

.ow {
  min-width: 1200px;
}

.w {
  width : 1100px;
  margin: 0 auto;
}

.wx {
  width : 1100px;
  margin: 0 auto;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.s {
  background: url(../images/tip.png) no-repeat;
}

/*header*/
.header_top {
  line-height: 40px;
  background : #2d2c32;
  color      : #fff;
}

.header_top em {
  font-size : 14px;
  display   : block;
  float     : left;
  color     : #d4d4d4;
  font-style: normal;
}

.header_top .fl {}

.header_top .fl p {
  font-size: 16px;
  display  : block;
  float    : left;
  *width   : 600px;
}

.header_top .fl p span {}

.header_top .fr {}

.t {}

.t a {
  color        : #d4d4d4;
  font-size    : 14px;
  padding-right: 10px;
}

.t li {
  margin: 0 3px;
}

.top {
  width   : 100%;
  height  : 134px;
  position: relative;
}

.logo {
  float: left;
}

.logo img {
  max-width   : 330px;
  max-height  : 76px;
  float       : left;
  margin-top  : 34px;
  margin-right: 20px;
}

.logo .header_g {
  margin-top  : 36px;
  width       : 286px;
  float       : left;
  padding-left: 32px;
  border-left : 1px solid #a8abb9;
  font-weight : bold;
}

.logo .header_g p {
  line-height: 1.5;
  font-size  : 18px;
  color      : #2d2c32;
}

.logo .header_g p span {
  color    : #0099cc;
  font-size: 22px;
}

.tel {
  padding-right      : 62px;
  margin-top         : 38px;
  width              : 300px;
  text-align         : left;
  height             : 64px;
  background-position: right top;
  text-align         : right;
}

.tel h1 {
  color    : #2d2c32;
  font-size: 18px;
}

.Telephone {
  color      : #0099cc;
  font-size  : 32px;
  line-height: 1.2;
  font-weight: bold;
  *display   : inline-block;
}

/* banner */
.banner {
  position: relative;
  z-index : 10;
}

.banner .list {
  position: relative;
  overflow: hidden;
  z-index : 1;
}

.banner .list li {
  position  : absolute;
  width     : 100%;
  height    : 100%;
  overflow  : hidden;
  background: #FFF;
  display   : none;
  z-index   : 1;
  transition: none;
}

.banner .list li:first-child {
  display: block;
}

.banner .list li.active {
  z-index: 2;
}

.banner .list img {
  position: relative;
  display : block;
  width   : 1920px;
  left    : 50%;
  margin  : 0 0 0 -960px;
}

.banner .tip {
  position   : absolute;
  width      : 1100px;
  left       : 50%;
  margin-left: -550px;
  bottom     : 30px;
  z-index    : 5;
  text-align : center;
}

.banner .tip li {
  display      : inline-block;
  float        : none;
  +display     : inline;
  +zoom        : 1;
  width        : 16px;
  height       : 16px;
  background   : #fff;
  color        : #fff;
  text-align   : center;
  border-radius: 100%;
  margin       : 0 5px;
  cursor       : pointer;
}

.banner .tip li.current {
  background: #019bcc;
}

.banner .prev,
.banner .next {
  width   : 60px;
  height  : 100px;
  position: absolute;
  top     : 50%;
  margin  : -50px 0 0;
  z-index : 9;
  cursor  : pointer;
}

.banner .prev {
  background: url(../images/tip.png) left -100px no-repeat;
  left      : 60px;
}

.banner .next {
  background: url(../images/tip.png) -340px -100px no-repeat;
  right     : 60px;
}

.banner .prev:hover {}

.banner .next:hover {}

.banner .list,
.banner .list img {
  height: 600px;
}

/*搜索*/
.baner_b {
  height  : 66px;
  color   : #fff;
  width   : 100%;
  position: relative;
  overflow: hidden;
}

.baner_b .w {
  line-height: 1.6;
  /* position: relative; */
}

.baner_b .zi {
  height        : 48px;
  overflow      : hidden;
  padding-top   : 8px;
  padding-bottom: 10px;
  width         : 550px;
  background    : url(../images/tip.png) left -82px no-repeat #0f0f0f;
}

.baner_b .zi {
  color    : #fff;
  font-size: 14px;
}

.baner_b .zi span {
  padding-left: 58px;
  float       : left;
  display     : block;
  height      : 48px;
  line-height : 48px;
}

.baner_b .zi li {
  float      : none;
  line-height: 48px;
}

.baner_b .zi li a {
  color: #fff;
}

.baner_b .wd {
  height     : 50px;
  padding-top: 16px;
  width      : 550px;
  background : #009acc;
}

.baner_b h2 {
  font-size: 24px;
}

.baner_b p {
  font-size: 18px;
}

.baner_b .san,
.baner_b .san2 {
  position: absolute;
  height  : 66px;
  width   : 21.1%;
  top     : 0;
}

.baner_b .san {
  background : #0f0f0f;
  left       : 0;
  margin-left: 0;
}

.baner_b .san2 {
  background  : #009acc;
  right       : 0;
  margin-right: 0;
}

/*搜索*/
.baner_b .key {
  font-weight: normal;
}

.searcher {
  width      : 310px;
  height     : 34px;
  margin-left: 60px;
}

.searcher .submit {
  width              : 34px;
  float              : right;
  border             : 0px;
  height             : 34px;
  margin-left        : 6px;
  color              : #333;
  cursor             : pointer;
  background-position: -262px -199px;
}

.searcher .txt {
  width      : 258px;
  height     : 34px;
  line-height: 34px;
  float      : right;
  text-indent: .5em;
  background : #fff;
  border     : none;
  font-size  : 18px;
  color      : #838380;
}



/* nav */
.nav {
  height    : 60px;
  width     : 100%;
  background: #090909;
}

.nav1 {}

.nav ul {}

.nav li {
  position      : relative;
  width         : 122px;
  float         : left;
  z-index       : 1000;
  line-height   : 60px;
  /* background : url(../images/nav_li.png) no-repeat right center; */
}

.nav li a {
  font-size  : 16px;
  text-align : center;
  color      : #fff;
  display    : block;
  height     : 60px;
  padding-top: 6px;
  margin-top : -6px;
}

.nav li a i {
  font-style : normal;
  line-height: 60px;
  display    : block;
  width      : 100%;
}

.nav li a:hover,
.nav li .hover {
  background: url(../images/nav_hover.png) no-repeat center top;
}

.nav .subNav {
  display     : none;
  position    : absolute;
  top         : 60px;
  transition  : none;
  background  : url(../images/drop.png) repeat right center;
  padding-left: 150px;
  min-height  : 124px;
}

.nav .subNav .pai {
  height  : 114px;
  padding : 12px 0px 0 0;
  /* width: 400px; */
}

.nav .subNav .pai p {
  color        : #fff;
  font-size    : 14px;
  line-height  : 1.6;
  display      : block;
  padding-left : 14px;
  margin-top   : 6px;
  text-overflow: ellipsis;
}

.nav .subNav .stemp {
  width   : 124px;
  height  : 82px;
  border  : 2px solid #fff;
  position: absolute;
  left    : 16px;
  top     : 14px;
}

.nav .subNav .stemp img {
  width : 124px;
  height: 82px;
}

.nav .subNav a {
  width      : 100px;
  float      : left;
  height     : 30px;
  font-size  : 16px;
  line-height: 30px;
  padding-top: 0;
  margin     : 0;
  color      : #fff;
  background : url(../images/drop_li.png) no-repeat right center;
}

.nav .subNav a:hover {
  background : url(../images/drop_li.png) no-repeat right center;
  font-weight: bold;
}

.no_bg {
  background: none !important;
}

/******************************
 ** 内页架构
 ******************************/

.sidebar {
  float   : left;
  position: relative;
  z-index : 1;
}

.sidebar .san {
  width     : 300%;
  position  : absolute;
  left      : -200%;
  top       : 0;
  height    : 800px;
  background: #000000;
  z-index   : -1;
}

.sidebar .ititle {
  height       : 72px;
  line-height  : 1.4;
  color        : #fff;
  margin-top   : 48px;
  margin-bottom: 44px;
}

.sidebar .ititle em {
  font-size  : 30px;
  font-weight: bold;
  font-style : normal;
}

.sidebar .ititle span {
  font-size     : 24px;
  display       : block;
  text-transform: uppercase;
}

.topclass {
  width     : 100%;
  height    : 137px;
  background: #0099cc;
  color     : #FFF;
  text-align: center;
  position  : relative;
}

.topclass h2 {
  font-size          : 24px;
  font-weight        : bold;
  text-align         : center;
  left               : 0;
  bottom             : -25px;
  background-position: 30px -234px;
  margin             : 92px 13px 0 13px;
  height             : 60px;
  line-height        : 60px;
  border-bottom      : 2px solid #0099cc;
  position           : absolute;
  z-index            : 100;
  width              : 221px;
}

.side-menu {}

.side-menu dd {
  width: 100%;
}

.side-menu dd>a {
  display      : block;
  height       : 42px;
  line-height  : 42px;
  border-top   : 1px solid #006688;
  border-bottom: none;
  color        : #fff;
  font-size    : 18px;
  padding-left : 16px;
}

.side-menu dd>a.bt {
  border-top: 1px solid #417ed6;
}

.side-menu dd>a:hover {
  background: #000000;
}

.side-menu .drop {
  display: none;
}

.side-menu .drop li {
  width      : 100%;
  height     : 41px;
  line-height: 41px;
  float      : none;
  margin     : 8px 0;
  background : url(../images/ipro_drop.png) no-repeat bottom;
}

.side-menu .drop a {
  margin      : 0 10px;
  display     : block;
  padding-left: 20px;
  height      : 41px;
  color       : #fff;
}

.side-menu .drop a:hover {
  font-weight: bold;
  background : #000;
}

.side-menu dd.current .drop {
  display: block;
}

.side-menu dd.current>a {
  background: #000;
}

.side-menu li.current>a {
  background: #000;
}

.isidebar {
  width: 276px;
}

.isidebar dd>a:hover {
  background: #000;
}


.sidebar .wd {
  background : url(../images/classy_img.jpg) no-repeat center bottom;
  color      : #fff;
  text-align : center;
  width      : 100%;
  height     : 163px;
  padding-top: 32px;
}

.sidebar .tel1 {
  padding-top        : 64px;
  background-position: 92px -210px;
}

.sidebar .tel1 p {
  font-size  : 16px;
  line-height: 1.6;
}

.sidebar .tel1 b {
  font-size  : 24px;
  line-height: 1.6;
}

.side-head {
  height     : 34px;
  line-height: 34px;
  padding    : 10px 0 10px 30px;
  font-size  : 20px;
  background : #5f412e;
  color      : #FFF;
}

.side-pro {
  position     : relative;
  top          : 20px;
  margin-bottom: 20px;
}

.side-pro .list {
  border : 1px solid #ddd;
  padding: 30px 0 10px;
}

.side-pro .list dd {
  width : 166px;
  margin: 0 auto;
}

.side-pro .list a {
  display   : block;
  text-align: center;
}

.side-pro .list img {
  display   : block;
  width     : 166px;
  height    : 124px;
  background: #f1f1f1;
}

.side-pro .list h3 {
  padding    : 10px 0;
  height     : 24px;
  line-height: 24px;
  font-weight: 400;
}

.side-contact {
  margin-bottom: 20px;
  position     : relative;
  top          : 20px;
}

.side-contact .main {
  padding    : 15px 10px;
  line-height: 2;
  border     : 1px solid #ddd;
}

.title {
  text-align   : center;
  margin-bottom: 16px;
  background   : url(../images/em.png) no-repeat center 78px;
}

.title span {
  font-size     : 25px;
  color         : #a7a7a7;
  line-height   : 1.6;
  text-transform: uppercase;
  display       : inline-block;
}

.title h1 {
  color      : #454545;
  font-size  : 36px;
  line-height: 1;
  position   : relative;
}

.title h1 b {
  color      : #4f4f4f;
  font-size  : 30px;
  display    : inline-block;
  line-height: 1.2;
}

.title p {
  color     : #7b7b7b;
  font-size : 18px;
  margin-top: 14px;
}

.ihead {
  position     : relative;
  border-bottom: 3px solid #000;
  height       : 50px;
  line-height  : 1.6;
  margin-bottom: 20px;
}

.ihead h1 {
  font-size          : 25px;
  color              : #090909;
  background-position: -372px -273px;
  font-weight        : bold;
  padding-left       : 44px;
}

.ihead a.mo {
  position : absolute;
  right    : 0;
  top      : 6px;
  font-size: 14px;
  color    : #000;
  display  : block;
}

.ihead a.mo:hover {
  color: #DC0100;
}

/*ipro*/
.ipro {
  margin-top: 60px;
}

.ipro .listpro {
  width   : 110%;
  overflow: hidden;
}

.ipro .listpro .icon {
  position    : relative;
  width       : 95px;
  height      : 146px;
  font-size   : 18px;
  float       : left;
  text-align  : center;
  margin-right: 44px;
  margin-top  : 10px;
}

.ipro .listpro .icon a.img {
  background   : url(../images/icon.png) left bottom no-repeat;
  width        : 95px;
  height       : 95px;
  border       : 1px solid #afafaf;
  border-radius: 100%;
  display      : block;
}

.ipro .listpro .icon span {
  font-size    : 22px;
  width        : 46px;
  height       : 46px;
  border-radius: 100%;
  line-height  : 2;
  background   : #ed2f2f;
  color        : #fff;
  display      : block;
  margin       : 0 auto;
  margin-top   : 20px;
}

.ipro .listpro .icon a.zi {
  color      : #4f4f4f;
  font-size  : 18px;
  display    : block;
  height     : 44px;
  line-height: 44px;
}

.ipro .listpro .icon1 {
  margin-left: 160px;
}

.ipro .listpro .icon2 a.img {
  background-position: -138px bottom;
}

.ipro .listpro .icon3 a.img {
  background-position: -274px bottom;
}

.ipro .listpro .icon4 a.img {
  background-position: -412px bottom;
}

.ipro .listpro .icon5 a.img {
  background-position: -548px bottom;
}

.ipro .listpro .icon6 a.img {
  background-position: -688px bottom;
}

.ipro .listpro .icon7 a.img {
  background-position: -826px bottom;
}

.ipro .listpro .icon8 a.img {
  background-position: -964px bottom;
}

.ipro .listpro .icon:hover a.img {
  border-color: #0299d0;
}

.ipro .listpro .icon:hover a.img {
  background-position: left top;
}

.ipro .listpro .icon2:hover a.img {
  background-position: -138px top;
}

.ipro .listpro .icon3:hover a.img {
  background-position: -274px top;
}

.ipro .listpro .icon4:hover a.img {
  background-position: -412px top;
}

.ipro .listpro .icon5:hover a.img {
  background-position: -548px top;
}

.ipro .listpro .icon6:hover a.img {
  background-position: -688px top;
}

.ipro .listpro .icon7:hover a.img {
  background-position: -826px top;
}

.ipro .listpro .icon8:hover a.img {
  background-position: -964px top;
}

.ipro .listpro .icon:hover {
  -webkit-transform: translateY(-10px);
  transform        : translateY(-10px);
}

.ipro .tod {
  width    : 1100px;
  overflow : hidden;
  height   : 320px;
  *position: relative;
}

.ipro .tod ul {
  margin-top: 20px;
}

.ipro .tod li {
  float     : left;
  position  : relative;
  height    : 270px;
  width     : 260px;
  margin    : 0 24px 30px 0;
  text-align: center;
}

.ipro .tod li .img {
  position: relative;
  width   : 260px;
  height  : 195px;
  display : block;
  z-index : 1;
}

.ipro .tod li img {
  height  : 195px;
  width   : 260px;
  position: absolute;
  top     : 0;
  left    : 0;
  display : block;
}

.ipro .tod .wd {
  position   : relative;
  z-index    : 2;
  line-height: 2;
  background : #1c1c1f;
  height     : 74px;
}

.ipro .tod .wd span {
  height     : 74px;
  line-height: 74px;
  display    : block;
}

.ipro .tod .wd span a {
  color      : #fff;
  height     : 74px;
  line-height: 74px;
  display    : block;
  font-size  : 20px;
}

.ipro .tod li:hover .wd .descrption {
  color: #fff;
}

.ipro .tod li:hover .wd {
  background: #009acc;
}

.ipro .tod li:hover {
  -webkit-transform: translateY(-10px);
  transform        : translateY(-10px);
}

.ipro .arrow {
  margin    : 0 auto;
  height    : 36px;
  margin-top: 20px;
  position  : relative;
  top       : -252px;
}

.ipro .arrow_r,
.ipro .arrow_l {
  width   : 48px;
  height  : 140px;
  position: absolute;
  top     : 0;
}

.ipro .arrow_r {
  background-position: left -300px;
  left               : -94px;
}

.ipro .arrow_l {
  background-position: right -300px;
  right              : -94px;
}

.ipro .detailx {
  color      : #fff;
  width      : 145px;
  height     : 36px;
  text-align : center;
  margin     : 0 auto;
  line-height: 36px;
  display    : block;
  background : #e00100;
  margin-top : -27px;
}

.igaog {
  background : #090909;
  width      : 100%;
  height     : 92px;
  padding-top: 28px;
  color      : #fff;
  margin-top : 52px;
}

.igaog .w {
  position: relative;
  height  : 92px;
}

.igaog .tu {
  width     : 270px;
  height    : 166px;
  position  : absolute;
  left      : 0;
  top       : -56px;
  background: url(../images/igao_san.png) center no-repeat;
}

.igaog .telx {
  margin-left: 250px;
  color      : #fff;
  float      : left;
}

.igaog .telx h1 {
  font-size: 24px;
  color    : #fff;
}

.igaog .telx p {
  font-size  : 36px;
  font-weight: bold;
  color      : #fff;
}

.igaog .zi {
  width: 384px;
  float: right;
}

.igaog .zi p {
  font-size  : 16px;
  font-weight: bold;
  line-height: 2.2;
}

.igaog span {
  display    : block;
  font-size  : 36px;
  line-height: 1.8;
  font-weight: bold;
  text-align : left;
}

.igaog a.detail {
  font-size   : 14px;
  color       : #fff;
  border      : 2px solid #fff;
  text-align  : center;
  width       : 96px;
  height      : 24px;
  line-height : 24px;
  display     : inline-block;
  margin-right: 12px;
  background  : url(../images/ff8c368760e146e3bc4c1e2881d48ba6.gif);
}

.igaog a.detail:hover {
  background  : #009acc;
  border-color: #009acc;
}

.icase {
  margin-top: 88px;
}

.icase .thead {
  height    : 282px;
  background: #efefef;
}

.icase .thead .w {
  position: relative;
}

.icase .thead .img {
  position  : absolute;
  width     : 329px;
  height    : 435px;
  background: url(../images/ipro_img.png) no-repeat center;
  right     : -210px;
  top       : -174px;
}

.icase .thead .biaoti {
  width     : 288px;
  color     : #018764;
  background: #ffe401;
  height    : 282px;
}

.icase .thead .biaoti img {
  width     : 180px;
  height    : 66px;
  display   : block;
  margin    : 0 auto;
  margin-top: 32px;
}

.icase .biaoti .zi {
  margin-top: 54px;
  border    : 2px solid #018764;
  width     : 107px;
  height    : 107px;
  margin    : 0 auto;
  margin-top: 54px;
}

.icase .biaoti .zi span {
  display      : block;
  width        : 56px;
  height       : 56px;
  border-bottom: 2px solid #018764;
  margin       : 0 auto;
  font-size    : 19px;
  text-align   : center;
  padding-top  : 22px;
  line-height  : 22px;
}

.icase .thead .wd {}

.icase .thead .c_thead {
  width: 105%;
}

.icase .thead li {
  width : 228px;
  float : left;
  height: 100px;
}

.icase .thead li a.a {
  font-size  : 16px;
  text-align : center;
  display    : block;
  height     : 100px;
  width      : 228px;
  line-height: 100px;
  color      : #fff;
  background : #018764;
}

.icase .thead li a.a2 {
  background: #039872;
}

.icase .thead li a.a3 {
  background: #06a97e;
}

.icase .thead li a.a4 {
  background: #09b98b;
}

.icase .thead li span {
  display   : block;
  margin    : 36px;
  margin-top: 50px;
}

.icase .thead li span a {
  font-size: 14px;
  color    : #666666;
}

.icase .tod {
  margin-top: 30px;
}

.icase .tod ul {
  width: 110%;
}

.icase .tod li {
  width   : 364px;
  position: relative;
  float   : left;
  height  : 273px;
  margin  : 0 10px 10px 0;
  overflow: hidden;
}

.icase .tod li .img {
  width  : 364px;
  display: block;
  height : 273px;
}

.icase .tod li img {
  width : 364px;
  height: 273px;
}

.icase .tod li .cover {
  height    : 292px;
  position  : absolute;
  left      : -100%;
  top       : 0;
  width     : 100%;
  background: url(../images/cover.png) repeat center;
}

.icase .tod li .cover span {
  color      : #fff;
  padding-top: 74px;
  display    : block;
  margin     : 0 auto;
  font-size  : 14px;
  text-align : center;
  background : url(../images/glass.png) no-repeat center top;
  margin-top : 67px;
}

.icase .tod li .cover span a {
  color: #fff;
}

.icase .tod li.da {
  width   : 352px;
  height  : 462px;
  overflow: hidden;
}

.icase .tod li.da img {
  height     : 462px;
  width      : 616px;
  margin-left: -100px;
}

.icase .tod li.da .coverx {
  background : url(../images/cover3.png) no-repeat center;
  width      : 246px;
  height     : 84px;
  color      : #fff;
  padding    : 12px;
  position   : absolute;
  left       : 38px;
  top        : 300px;
  text-align : center;
  padding-top: 16px;
}

.icase .tod li.da p {
  margin-top: 10px;
  font-size : 23px;
}

.icase .tod li.da i {
  font-style : normal;
  font-size  : 30px;
  font-weight: bold;
}

.icase .tod li.da .cover span {
  background: none;
}

.icase .tod li.xiao {
  width : 240px;
  height: 180px;
}

.icase .tod li.xiao img {
  width : 240px;
  height: 180px;
}

.icase .tod li.xiao .cover {
  width : 240px;
  height: 180px;
}

.icase .tod .kuang {
  float: left;
  width: 750px;
}

.icase .tod li:hover .cover {
  left: 0;
}

.icase .tod li.da:hover .cover {
  left: 32px;
}

.iabout {
  margin-top : 70px;
  padding-top: 30px;
  height     : 653px;
  *height    : 720px;
  background : url(../images/icase.jpg) no-repeat center;
}

.iabout .title h1 {
  display: inline-block;
}

.iabout .title h1 b {
  color    : #fff;
  font-size: 30px;
}

.iabout .title>span {
  border-bottom: 5px solid #0099cc;
}

.iabout .title span {
  color    : #fff;
  font-size: 25px;
}

.iabout .title {
  /* background    : url(../images/em2.png) no-repeat center bottom; */
  padding-bottom: 14px;
  margin-bottom : 32px;
}

.iabout .tod {
  position: relative;
}

.iabout .tod {}

.iabout .img {}

.iabout .img ul {
  width      : 110%;
  padding-top: 40px;
}

.iabout .img li {
  width       : 236px;
  margin-right: 52px;
}

.iabout .img img {
  width : 236px;
  height: 160px;
  border: 2px solid #fff;
}

.iabout .img span {
  display    : block;
  font-size  : 18px;
  color      : #fff;
  text-align : center;
  height     : 44px;
  line-height: 44px;
}

.iabout .tu {
  width : 450px;
  height: 304px;
}

.iabout .tu img {
  border: 2px solid #fff;
  width : 450px;
  height: 304px;
}

.iabout .zi {
  color      : #fff;
  font-size  : 16px;
  line-height: 2;
  width      : 600px;
}

.iabout .zi .jianjie {
  border-bottom: 1px solid #fff;
  position     : relative;
  height       : 42px;
}

.iabout .zi .jianjie span {
  font-size    : 18px;
  border-bottom: 3px solid #fff;
  display      : inline-block;
  position     : absolute;
  left         : 0;
  bottom       : -2px;
  padding-right: 10px;
}

.iabout .zi .wd {
  margin-top: 14px;
}

.iabout a.ilink {
  width      : 128px;
  height     : 32px;
  line-height: 32px;
  color      : #fff;
  background : #039ccc;
  text-align : center;
  font-size  : 18px;
  display    : block;
  margin     : 0 auto;
  margin-top : 30px;
}

.iabout a.ilink:hover {
  transform: translateY(-10px);
}

.iabout .img li:hover {
  transform: translateY(-10px);
}


/* inews */
.inews {
  margin-top: 58px;
}

.inewsx {
  float: left;
  width: 48%;
}

.headx {
  margin-bottom: 20px;
  position     : relative;
  border-bottom: 1px solid #d5d5d5;
  line-height  : 44px;
}

.headx h2 {
  font-size  : 24px;
  color      : #3b3b3b;
  font-weight: 700;
}

.headx h2 em {
  font-style: normal;
  display   : inline-block;
}

.headx h2 em b {
  color: #0099cc;
}

.headx h2 span {
  color         : #d5d5d5;
  font-weight   : normal;
  font-size     : 28px;
  text-transform: uppercase;
  display       : inline-block;
  margin-left   : 10px;
}

.headx i {
  position     : absolute;
  left         : 0;
  bottom       : -2px;
  border-bottom: 2px solid #009bcc;
  width        : 50px;
  display      : block;
}

.inews .mo {
  display     : block;
  width       : 52px;
  height      : 36px;
  color       : #959595;
  line-height : 36px;
  margin      : 0 auto;
  margin-top  : 30px;
  font-size   : 15px;
  background  : url(../images/tip.png) no-repeat right -200px;
  text-align  : center;
  padding-left: 15px;
}

.inews .mo:hover {}

.inewsx .img {
  width        : 348px;
  height       : 137px;
  margin-bottom: 10px;
}

.inewsx .img img {
  display: block;
  width  : 348px;
  height : 137px;
}

.inewsx .list {
  position: relative;
  width   : 100%;
}

.inewsx .item {
  height       : 48px;
  line-height  : 48px;
  position     : relative;
  border-bottom: 1px dashed #cacaca;
}

.inewsx .item h3 {
  float       : left;
  padding-left: 12px;
  background  : url(../images/tip.png) no-repeat left -530px;
}

.inewsx .item h3 a {
  color: #747474;
}

.inewsx .item span {
  position : absolute;
  right    : 0;
  top      : 0;
  color    : #515151;
  font-size: 16px;
}

.inewsx .item:hover a,
.inewsx .item:hover span {
  color: #fba901;
}

.inewsx .item:hover h3 {
  background-position: left -480px;
}

.iqfa {
  float: right;
  width: 324px;
}

.iqfa .listx {}

.iqfa .item {
  padding      : 10px 0;
  height       : 76px;
  border-bottom: 1px dashed #cacaca;
}

.iqfa .item h3 {
  height     : 30px;
  line-height: 30px;
  overflow   : hidden;
}

.iqfa .item p {
  font-size  : 15px;
  color      : #515151;
  line-height: 1.6;
  overflow   : hidden;
  height     : 76px;
}


.imessage {}

.imessage .comt {
  font-size: 14px;
}

.imessage .comt .ul .li {
  height     : 48px;
  line-height: 48px;
  margin     : 0 26px 22px 0;
  background : #fff;
  float      : left;
  width      : 270px;
  border-left: 3px solid #fe0200;
}

.imessage .comt .li label {
  float: left;
}

.imessage .comt .ul .red {
  color      : red;
  font-size  : 14px;
  height     : 42px;
  line-height: 42px;
  width      : 14px;
  float      : left;
  text-align : center;
}

.imessage .comt .ul .li i {
  float     : left;
  width     : 42px;
  height    : 42px;
  background: url(../images/tip.png) no-repeat;
}

.imessage .comt .ul .li input.name {
  height     : 42px;
  line-height: 42px;
  font-family: "microsoft yahei";
  float      : left;
  width      : 272;
  *width     : 265px;
  background : none;
  font-size  : 14px;
  color      : #606060;
  text-indent: 1em;
}

.imessage .comt .ul .li input {
  color     : #a0a0a0;
  border    : none;
  background: none;
}

.imessage .comt .ul .li.a1 i {
  background-position: 10px -690px;
}

.imessage .comt .ul .li.a2 i {
  background-position: 10px -753px;
}

.imessage .comt .ul .li.a3 i {
  background-position: 10px -814px;
}

.imessage textarea {
  line-height: 1.6;
  float      : left;
  font-size  : 14px;
  width      : 476px;
  height     : 96px;
  padding    : 10px;
  border     : none;
  resize     : none;
  background : #fff;
  color      : #606060;
  border-left: 3px solid #fe0200;
}

.imessage .yama {
  float       : left;
  margin-top  : 24px;
  margin-right: 24px;
}

.imessage .yama input {
  height     : 46px;
  border     : 1px solid #eee;
  text-indent: 1em;
  float      : left;
}

.imessage .button1 {
  width           : 164px;
  height          : 44px;
  text-align      : center;
  border          : none;
  color           : #fff !important;
  border-radius   : 10px;
  cursor          : pointer;
  font-size       : 20px;
  margin-top      : 30px;
  background-color: #000 !important;
  margin-left     : 462px;
}

.imessage .reset {
  width           : 180px;
  height          : 48px;
  text-align      : center;
  border          : none;
  color           : #5a5a5a;
  border          : 1px solid #eee;
  margin-right    : 24px;
  cursor          : pointer;
  font-size       : 14px;
  margin-top      : 24px;
  background-color: #fff !important;
}

.imessage .button1:hover {
  background: #333 !important;
}

.imessage .reset:hover {
  background: #236ffb !important;
  color     : #fff;
}

.imessage .comt .kuang {
  width: 600px;
}

.imap {
  width     : 100%;
  height    : 496px;
  display   : block;
  position  : relative;
  margin-top: 60px;
}

.imap .imapCon {
  width  : 100%;
  height : 496px;
  opacity: 0.8;
  filter : alpha(opacity=80);
}

.imapCon {
  position: absolute;
  top     : 0;
  left    : 0;
  z-index : 1;
}

.icontact {
  position   : absolute;
  top        : 0;
  width      : 100%;
  z-index    : 2;
  background : url(../images/imap_cover.png) repeat;
  padding-top: 38px;
  height     : 458px;
}

.icontact .title h1 {
  display: inline-block;
}

.icontact .title h1 b {
  color    : #fff;
  font-size: 30px;
}

.icontact .title span {
  color    : #fff;
  font-size: 25px;
}

.icontact .title {
  background    : url(../images/em3.png) no-repeat center bottom;
  padding-bottom: 14px;
  margin-bottom : 10px;
}

.icontact .tit {
  text-align   : center;
  color        : #fff;
  line-height  : 1.6;
  margin-bottom: 20px;
}

.icontact .tit p {
  font-size: 30px;
}

.icontact .tit em {
  font-style: normal;
  font-size : 18px;
}

.icontact .wd {
  margin-top: 10px;
}

.icontact .wd .s {
  padding-left: 36px;
  font-size   : 16px;
  height      : 34px;
  line-height : 34px;
  color       : #fff;
  float       : left;
}

.icontact .wd .tel3 {
  background-position: left -594px;
  margin-left        : 46px;
}

.icontact .wd .iemail {
  background-position: left -694px;
  margin-left        : 60px;
}

.icontact .wd .iadd {
  background-position: left -794px;
  margin-left        : 50px;
}


.footer {
  background    : #000;
  padding-bottom: 10px;
  color         : #fff;
  font-size     : 16px;
}

.footer a {
  color: #fff;
}

.bt_subnav {
  background: #a30100;
  height    : 58px;
}

.subnav {}

.subnav a {
  color         : #bcbcbc;
  width         : 116px;
  height        : 58px;
  line-height   : 58px;
  color         : #fff;
  display       : inline-block;
  text-align    : center;
  /* background : url(../images/nav_li.png) no-repeat right center; */
  font-size     : 18px;
}

.subnav a:hover {
  text-decoration: underline;
}

.sub_logo {
  width              : 216px;
  background-position: 210px -623px;
  height             : 218px;
  margin-right       : 54px;
}

.sub_logo img {
  height    : 71px;
  margin-top: 60px;
  max-width : 610px;
}

.footer .zhong {
  padding-top: 14px;
}

.ilink {}

.ilink span {
  font-size          : 18px;
  display            : inline-block;
  height             : 28px;
  line-height        : 1.4;
  background-position: left -873px;
  float              : left;
  padding-left       : 32px;
  font-weight        : bold;
}

.ilink span em {
  font-size  : 16px;
  color      : #363636;
  font-style : normal;
  font-weight: normal;
  display    : inline-block;
  margin-left: 4px;
}

.ilink a {
  display      : inline-block;
  padding      : 0 16px;
  font-size    : 16px;
  /* background: url(../images/nav_li.png) no-repeat right center; */
}

.keywords {
  margin-top : 15px;
  height     : 36px;
  line-height: 36px;
}

.copyright {
  float      : left;
  line-height: 26px;
  width      : 620px;
  margin-top : 16px;
  font-size  : 16px;
}

.copyright a:hover {
  color: #a30100;
}

.codex {
  width     : 104px;
  padding   : 14px 44px;
  height    : 194px;
  background: #a30100;
  text-align: center;
}

.codex img {
  width     : 106px;
  height    : 106px;
  margin    : 0 auto;
  margin-top: 20px;
}

.codex {
  line-height: 1.6;
}

.nybanner {
  height    : 300px;
  display   : block;
  width     : 100%;
  background: #ccc;
  border-top: 1px solid #ccc;
}

.subcomt {
  border : 1px solid #cacbcb;
  padding: 8px;
}

.sobtitle {
  height       : 62px;
  line-height  : 62px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c9c9c9;
}

.sobtitle p.fl {
  color      : #0099cc;
  font-size  : 30px;
  padding    : 0 40px;
  font-weight: bold;
  border-bottom: 3px solid #0099cc;
}

.sobtitle .sitepath {
  padding-right: 20px;
  font-size    : 14px;
}

.sobtitle .sitepath a {}

.submian {
  position  : relative;
  margin-top: 40px;
}

.submian .subleft {
  width         : 246px;
  padding-bottom: 50px;
}

.submian .subleft .sidebar {
  float        : none;
  margin-bottom: 10px;
  background   : #0099cc;
}


.submian .subleft .titlex {
  text-align: center;
  background: #0099cc;
  color     : #fff;
  height    : 82px;
}

.submian .subleft .titlex span {
  margin-top   : 10px;
  border-bottom: 1px dashed #fff;
  display      : inline-block;
  padding      : 0 10px;
  color        : #fff;
  font-size    : 24px;
  font-weight  : bold;
  line-height  : 40px;
}

.submian .subleft .titlex b {
  line-height   : 2;
  text-transform: uppercase;
  font-size     : 12px;
  font-weight   : normal;
  display       : block;
}

.submian .subleft .titlex a {
  font-size    : 14px;
  border-top   : 1px solid #fff;
  border-bottom: 1px solid #fff;
  height       : 21px;
  line-height  : 21px;
  float        : right;
  margin-right : 10px;
  margin-top   : 20px;
  position     : relative;
  width        : 75px;
  color        : #fff;
}

.submian .subleft .titlex a i {
  color      : #fff;
  font-weight: bold;
  font-size  : 20px;
  position   : absolute;
  right      : -3px;
  top        : 0px;
}

.submian .subleft .titlex a i:before {
  content: "";
  height : 21px;
}

.submian .subleft .titlex a:hover {
  color       : #F3F3F3;
  border-color: #F3F3F3;
}

.submian .subleft .titlex a:hover i:before {
  content: "";
  color  : #F3F3F3;
}

.submian .subleft .lefta {
  padding-bottom: 20px;
}

.submian .subleft .lefta .titlex {
  height     : 122px;
  line-height: inherit;
}

.submian .subleft .lefta .titlex span {
  padding-top: 18px;
  display    : block;
  line-height: 52px;
}

.submian .subleft .lefta .titlex em {
  font-style  : normal;
  font-size   : 14px;
  padding-left: 35px;
  display     : block;
}

.submian .subleft .lefta .comt {}

.submian .subleft .lefta .comt ul li {
  line-height  : 52px;
  color        : #787878;
  display      : block;
  margin-bottom: 2px;
  width        : 100%;
}

.submian .subleft .lefta .comt ul li a {
  font-size    : 18px;
  position     : relative;
  display      : block;
  width        : 220px;
  height       : 52px;
  line-height  : 52px;
  border-bottom: 1px solid #e2e2e2;
  padding-left : 60px;
}

.submian .subleft .lefta .comt ul li a:hover,
.submian .subleft .lefta .comt ul li a.hover {
  color     : #0099cc;
  background: #FFF100;
}

.submian .subleft .lefta .comt ul .box {
  display: none;
}

.submian .subleft .lefta .comt ul .box a {
  display      : block;
  line-height  : 32px;
  font-size    : 14px;
  height       : 32px;
  border-bottom: 1px solid #eee;
  border-top   : 0px;
  border-left  : 0px;
  border-right : 0px;
}

.submian .subleft .lefta .comt ul li.current .box {
  display: block;
}

.submian .subleft .lefta .comt ul li.current>a {
  background: #FFF100;
  color     : #0099cc;
}

.submian .subleft .lefta .comt ul li.current>a {
  background: #FFF100;
  color     : #0099cc;
}

.submian .subleft .leftnews .leftnewscomt {
  border  : 1px solid #0099cc;
  *padding: 20px 15px;
}

.submian .mainx {
  height     : 200px;
  margin     : 20px 15px;
  overflow   : hidden;
  position   : relative;
  *width     : 215px;
  *margin-top: 20px;
}

.submian .listx {
  float   : left;
  width   : 300%;
  position: relative;
}

.submian .listx dd {
  float   : left;
  width   : 250px;
  height  : 187px;
  position: relative;
}

.submian .listx a {
  display : block;
  overflow: hidden;
  position: relative;
  z-index : 9;
}

.submian .listx span {
  width      : 430px;
  height     : 56px;
  line-height: 56px;
  padding    : 0 15px;
  position   : absolute;
  left       : 0;
  bottom     : 0;
  font-size  : 16px;
  color      : #FFF;
}

.submian .listx img {
  display: block;
  width  : 214px;
  height : 160px;
}

.submian .listx dd:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform   : scale(1.1, 1.1);
  -ms-transform    : scale(1.1, 1.1);
  transform        : scale(1.1, 1.1);
}

.submian .tipx {
  width     : 100%;
  height    : 24px;
  text-align: center;
  position  : absolute;
  bottom    : 5px;
}

.submian .tipx span {
  display       : inline-block;
  vertical-align: middle;
  width         : 24px;
  height        : 24px;
  background    : url(../images/tip-view.png) center 0 no-repeat;
  cursor        : pointer;
  margin        : 0 6px;
}

.submian .tipx span.cur {
  background-position: center bottom;
}

.submian .leftcontact {}

.submian .leftcontactcomt {
  line-height: 28px;
  border     : 1px solid #0099cc;
  padding    : 10px;
}

.submian .leftcontact .title1 {
  height       : 68px;
  line-height  : 68px;
  border-bottom: 4px solid #0099cc;
  margin-bottom: 28px;
}

.submian .leftcontact .title1 span {
  color      : #0099cc;
  font-size  : 33px;
  font-weight: bold;
}

.submian .leftcontact .title1 i {
  color      : #0099cc;
  font-size  : 22px;
  font-weight: bold;
  text-align : right;
}

.submian .leftcontact_tel {
  margin-top  : 10px;
  background  : #0099cc url(../images/leftcontact_tel.png) 10px center no-repeat;
  color       : #fff;
  padding-left: 80px;
}

.submian .leftcontact_tel p {
  font-size  : 18px;
  height     : 35px;
  line-height: 3.2;
}

.submian .leftcontact_tel h2 {
  font-weight: bold;
  font-size  : 18px;
}

.submian .subright {
  width           : 816px;
  margin-bottom   : 65px;
  line-height     : 28px;
  background-color: #fff;
}

.submian .subright .produtlist .list {
  overflow: hidden;
  padding : 10px 15px;
}

.submian .subright .produtlist .list .itag li {
  float : left;
  margin: 8px;
  width : 246px;
}

.submian .subright .produtlist .list .itag li.err span {
  cursor: text;
}

.submian .subright .produtlist .list .itag li img {
  width  : 240px;
  height : 186px;
  display: block;
  padding: 2px;
  border : 1px solid #dcdcdc;
}

.submian .subright .produtlist .list .itag li span {
  cursor     : pointer;
  height     : 34px;
  line-height: 34px;
  display    : block;
  width      : 100%;
  text-align : center;
  overflow   : hidden;
}

.submian .subright .produtlist .list .itag li:hover img {
  border-color: #0099cc;
  background  : #0099cc;
}

.submian .subright .produtlist .list .itag li:hover span {
  color: #0099cc;
}

.submian .subright .listnews {
  padding: 0 20px 20px 20px;
}

.submian .subright .listnews ul li {
  width        : 100%;
  border-bottom: 1px dashed #d6d6d6;
  height       : 40px;
  line-height  : 40px;
}

.submian .subright .listnews ul li.err {
  margin-bottom: 20px;
}

.submian .subright .listnews ul li a {
  display: block;
}

.submian .subright .listnews ul li a p {
  float : left;
  cursor: pointer;
}

.submian .subright .listnews ul li a span {
  color : #999;
  cursor: pointer;
  float : right;
}

.submian .subright .listnews ul li a:hover p {
  color: #0099cc;
}

.submian .subright .listnews ul li a:hover span {
  color: #666;
}

.submian .subright .aboutlist,
.submian .subright .aboutlistx {
  padding    : 20px;
  line-height: 28px;
  color      : #333;
}

.aboutlist img {
  max-width: 100%
}

.submian .subright .conBox {
  padding    : 0px 20px 20px;
  line-height: 24px;
  color      : #333;
}

/* page_newsdetail_list */
.submian .subright .ArticleTitle {
  padding-bottom: 7px;
}

.submian .subright .ArticleTitle h1 {
  padding-top   : 10px;
  font-size     : 20px;
  line-height   : 30px;
  text-align    : center;
  padding-bottom: 5px;
  border-bottom : 1px dotted #a6a6a6;
  color         : #0099cc;
}

.submian .subright .ArticleMessage {
  text-align   : center;
  line-height  : 22px;
  height       : 22px;
  border-bottom: 1px dotted #a6a6a6;
  margin-bottom: 10px;
}

.submian .subright .ArticleTencont {
  padding    : 5px 0px 20px 0px;
  line-height: 2em;
  overflow   : hidden;
}

/* listProduct */
.listProduct {
  margin-top: 20px;
}

.listProduct .tod {
  overflow: hidden;
}

.listProduct ul {
  width: 110%;
}

.listProduct .item {
  width           : 258px;
  height          : 193px;
  border          : 1px solid #ccc;
  float           : left;
  position        : relative;
  overflow        : hidden;
  margin          : 0px 15px 15px 0;
  background-color: #fff;
}

.listProduct .item img {
  width: 258px;
}

.listProduct .item a {
  display    : block;
  color      : #fff;
  line-height: 26px;
  font-size  : 16px;
}

.listProduct .item p {
  width     : 100%;
  height    : 169px;
  text-align: center;
}

.listProduct .item .item-title {
  position        : absolute;
  bottom          : 0;
  width           : 100%;
  height          : 24px;
  text-align      : center;
  background-color: rgba(255, 255, 255, 0.4);
}

.listProduct p.wd {
  width      : 100%;
  padding-top: 60px;
  height     : 155px;
  position   : absolute;
  left       : -284px;
  top        : 0px;
  background : url(../images/cover.png) repeat center;
}

.listProduct p.wd a {
  display  : block;
  font-size: 14px;
}

.listProduct p.wd span {
  color    : #fff;
  font-size: 12px;
  padding  : 2px 8px;
  border   : 1px solid #fff;
}

.listProduct .item:hover p.wd {
  left: 0px;
}

/* relatedLink */
.submian .subright .reLink {
  height       : 30px;
  border-top   : 1px solid #eee;
  border-bottom: 1px solid #eee;
  width        : 100%;
  margin       : 10px auto 10px;
  overflow     : hidden;
}

.submian .subright .reLink .prevLink {
  float      : left;
  margin-left: 10px;
  height     : 30px;
  line-height: 30px;
}

.submian .subright .reLink .nextLink {
  float       : right;
  margin-right: 10px;
  height      : 30px;
  line-height : 30px;
}

.maplist li a {
  background   : #eee;
  width        : 98%;
  height       : 30px;
  line-height  : 30px;
  display      : block;
  margin-bottom: 10px;
  padding-left : 2%;
  font-weight  : bold;
}

.maplist li .box {
  width        : 100%;
  height       : auto;
  margin-bottom: 10px;
}

.maplist li .box a {
  float       : left;
  height      : 24px;
  line-height : 24px;
  width       : auto;
  text-align  : center;
  margin-right: 10px;
  padding     : 0px 5px;
  font-weight : normal;
}

.maplist li .box a:hover {
  background: #ff611c;
  color     : #fff;
}

/* pager */
.pager {
  display      : block;
  width        : 100%;
  height       : auto;
  padding      : 25px 0 5px;
  text-align   : center;
  clear        : both;
  margin-bottom: 5px;
}

.pager span,
.pager a {
  display        : inline-block;
  border         : 1px solid #eee;
  color          : #666;
  background     : #f3f3f3;
  height         : 24px;
  line-height    : 24px;
  padding        : 0px 8px;
  text-decoration: none;
  margin         : 0 5px;
}

.pager a:hover {
  background     : #0099cc;
  border-color   : #0099cc;
  color          : #fff;
  text-decoration: none;
}

.pager .cur {
  background  : #0099cc;
  border-color: #0099cc;
  font-weight : bold;
  color       : #FFF;
}

.pager span.dot {
  background  : #0099cc;
  border-color: #0a6c00;
  font-weight : bold;
  color       : #FFF;
}

/* cms2.0地图 */
/*map*/
.dtditu {
  width      : 140px;
  height     : 30px;
  line-height: 30px;
  background : #0099cc;
  color      : #fff;
  font-weight: bold;
  margin     : 10px auto 0;
  text-align : center;
  font-size  : 14px;
}

.baiduMap {
  width     : 715px;
  height    : 300px;
  border    : 1px solid #0099cc;
  border-top: 3px solid #0099cc;
}

.baiduMap {
  background: #eee none repeat scroll 0 0;
  box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);
  height    : 400px;
  margin    : 0 auto 20px;
  width     : 100%;
}

.BMap_bubble_title a {
  border-radius: 3px;
  display      : inline-block;
  height       : 25px;
  line-height  : 26px;
  overflow     : hidden;
  padding      : 0 10px;
}

.BMap_bubble_title a:hover {}

.BMap_bubble_title>a {
  background: #999 none repeat scroll 0 0;
  color     : #fff;
}

.BMap_bubble_title>a:hover {
  background: #666 none repeat scroll 0 0;
}

.side {
  /* background: url(../images/side.png) center no-repeat; */
  width   : 60px;
  height  : 280px;
  position: fixed;
  right   : 0;
  top     : 160px;
  z-index : 10000000;
}

.side li {
  color     : #fff;
  width     : 60px;
  height    : 60px;
  margin-top: 1px;
}

.side li a {
  color      : #fff;
  display    : block;
  width      : 60px;
  height     : 27px;
  padding-top: 38px;
  text-align : center;
  font-size  : 12px;
}

.side li>span {
  display    : block;
  width      : 60px;
  height     : 27px;
  padding-top: 38px;
  text-align : center;
  font-size  : 12px;
}

.side li:hover {
  background-color: #080606;
}

.side .zixun {
  background: url(../images/tip2.png) center top no-repeat #009acc;
}

.side .qq {
  background: url(../images/tip2.png) center -64px no-repeat #009acc;
}

.side .code {
  position  : relative;
  background: url(../images/tip2.png) center -124px no-repeat #009acc;
}

.side .liuyan {
  background: url(../images/tip2.png) center -193px no-repeat #009acc;
}

.side .code .wd {
  position  : absolute;
  left      : -110px;
  bottom    : 0;
  width     : 100px;
  padding   : 5px;
  background: #080606;
  text-align: center;
  font-size : 12px;
  display   : none;
}

.side .code .wd img {
  width : 100px;
  height: 100px;
}

.side .code .wd .ftel {
  text-align : center;
  margin-top : 17px;
  padding-top: 30px;
  background : url(../images/tool-telphone2.png) center -29px no-repeat;
}

.side .code .wd span {
  display   : block;
  text-align: center;
  text-align: center;
  color     : #fff;
  margin    : 0 auto;
}

.side .returntop {
  background: url(../images/tip2.png) center -256px no-repeat #009acc;
}

/*# sourceMappingURL=style.css.map */
#slider {
  width   : 630px;
  height  : 240px;
  position: relative;
  margin  : 0 auto;
}

.scroll {
  width   : 630px;
  height  : 340px;
  margin  : 0 auto;
  overflow: hidden;
  position: relative;
}

.scrollContainer {
  position: relative;
  width   : 1815px;
  left    : 0px;
}

.scrollContainer .current .inside {
  width : 230px;
  height: 288px;
}

.scrollContainer .panel {
  width  : 195px;
  height : 146px;
  float  : left;
  display: inline;
}

.panel .inside {
  display : block;
  position: relative;
}

.inside img {
  height: 100%;
  width : 100%;
}

.scroll li .inside span {
  width           : 197px;
  height          : 37px;
  line-height     : 37px;
  display         : none;
  position        : absolute;
  bottom          : -17px;
  left            : 16px;
  background-color: #c69;
  font-size       : 14px;
  color           : #FFF;
  text-align      : center;
}

.scroll li.current .inside span {
  display: block;
}

.btnMode a.btn {
  background: url(../images/tab1.png) no-repeat left top;
}

.btnMode a.btn {
  width   : 20px;
  height  : 39px;
  position: absolute;
  top     : 80px;
}

.btnMode a.prev {
  left               : -30px;
  background-position: 13px 0px;
}

.btnMode a.next {
  right              : -30px;
  background-position: -13px 0;
}

.BMap_bubble_content {
  line-height: 22px;
}

#tp_img {
  float     : left;
  width     : 670px;
  overflow  : hidden;
  text-align: center;
  font-size : 0;
}

.itag1 {
  width     : 640px;
  float     : left;
  position  : relative;
  display   : inline-block;
  background: #f1f1f1;
  border    : 1px solid #e0e0e0;
  height    : 82px;
  padding   : 10px 10px 0;
  margin-top: 10px;
  b
}

.itag1 .up,
.itag1 .down {
  display   : block;
  width     : 23px;
  height    : 66px;
  background: url(../images/icoup.png) no-repeat center;
  float     : left;
}

.itag1 .down {
  background-image: url(../images/icodown.png);
}

.itag1 .img_ {
  height  : 75px;
  width   : 580px;
  margin  : 0 5px;
  overflow: hidden;
  position: relative;
  float   : left
}

.itag1 .img_ a {
  display      : block;
  height       : 75px;
  float        : left;
  padding-right: 10px
}

.itag1 .img_bk {
  width: 800%
}

.itag1 .img_ img {
  border: 1px solid #eee;
}

.itag1 .img_ a:hover img,
.itag .img_ a.hover img {
  border-color: #f60
}

.ProDes {
  padding-top: 10px;
  float      : left;
}

[ig-null] {
  margin-bottom: 0px;
}

.dialog-alert {
  width     : 440px;
  height    : auto;
  position  : fixed;
  left      : 50%;
  top       : 50%;
  margin    : -150px 0 0 -220px;
  z-index   : 100;
  background: #FFF;
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%);
  display   : none;
}

.dialog-alert .head {
  height       : 40px;
  line-height  : 40px;
  position     : relative;
  margin-bottom: 10px;
}

.dialog-alert .head h2 {
  font-size: 16px;
  padding  : 0 0 0 15px;
}

.dialog-alert .head .close {
  width     : 40px;
  height    : 40px;
  background: url(../images/ico-close.png) center center no-repeat;
  position  : absolute;
  right     : 0;
  top       : 0;
}

.dialog-alert .head .close:hover {
  -webkit-transform: rotate(90deg);
  transform        : rotate(90deg);
}

.dialog-alert .main {
  padding  : 0 20px 20px 20px;
  font-size: 14px;
}

.dialog-alert .main .red {
  color: #F00;
}

.dialog-alert .foot {
  height    : 34px;
  text-align: center;
  border-top: 1px solid #fff;
  padding   : 10px 0 20px;
  background: none;
}

.dialog-alert .foot a {
  display       : inline-block;
  vertical-align: middle;
  height        : 34px;
  line-height   : 34px;
  padding       : 0 25px;
  background    : #ddd;
  margin        : 0 10px;
  font-size     : 14px;
  border-radius : 3px;
}

.dialog-alert .foot .ok {
  background: #d93636;
  color     : #fff;
}

.dialog-alert .foot .ok:hover {
  background: #a40606;
}

.dialog-alert .foot .cancel {
  background: #bbb;
  color     : #333;
}

.dialog-alert .foot .cancel:hover {
  background: #999;
}

.dialog-confirm {
  width     : 440px;
  height    : auto;
  position  : fixed;
  left      : 50%;
  top       : 50%;
  margin    : -150px 0 0 -220px;
  z-index   : 100;
  background: #FFF;
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%);
  display   : none;
}

.dialog-confirm .head {
  height       : 40px;
  line-height  : 40px;
  position     : relative;
  margin-bottom: 10px;
}

.dialog-confirm .head h2 {
  font-size: 16px;
  padding  : 0 0 0 15px;
}

.dialog-confirm .head .close {
  width     : 40px;
  height    : 40px;
  background: url(../images/ico-close.png) center center no-repeat;
  position  : absolute;
  right     : 0;
  top       : 0;
}

.dialog-confirm .head .close:hover {
  -webkit-transform: rotate(90deg);
  transform        : rotate(90deg);
}

.dialog-confirm .main {
  padding  : 0 20px 20px 20px;
  font-size: 14px;
}

.dialog-confirm .main .red {
  color: #F00;
}

.dialog-confirm .foot {
  height    : 34px;
  text-align: center;
  border-top: 1px solid #fff;
  padding   : 10px 0 20px;
}

.dialog-confirm .foot a {
  display       : inline-block;
  vertical-align: middle;
  height        : 34px;
  line-height   : 34px;
  padding       : 0 25px;
  background    : #ddd;
  margin        : 0 10px;
  font-size     : 14px;
  border-radius : 3px;
}

.dialog-confirm .foot .ok {
  background: #d93636;
  color     : #fff;
}

.dialog-confirm .foot .ok:hover {
  background: #a40606;
}

.dialog-confirm .foot .cancel {
  background: #bbb;
  color     : #333;
}

.dialog-confirm .foot .cancel:hover {
  background: #999;
}

.dialog-log {
  position     : absolute;
  z-index      : 99;
  width        : auto;
  padding      : 10px 20px;
  border       : 1px solid #e0272c;
  background   : #ffe8e9;
  border-radius: 3px;
  box-shadow   : 1px 1px 5px rgba(0, 0, 0, 0.2);
  color        : #e0272c;
}

.dialog-log i {
  position  : absolute;
  left      : 15px;
  top       : -7px;
  width     : 14px;
  height    : 7px;
  background: url(../images/log-arrow.png) center center no-repeat;
}

.dialog-layout {
  position  : fixed;
  left      : 0;
  top       : 0;
  width     : 100%;
  height    : 100%;
  filter    : Alpha(opacity=50);
  background: #000;
  background: rgba(0, 0, 0, .5);
  z-index   : 99;
}

.dialog-album {
  position : fixed;
  _position: absolute;
  width    : 100%;
  height   : 100%;
  left     : 0;
  top      : 0;
  z-index  : 100;
  display  : none;
}

.dialog-album .layout {
  position  : absolute;
  left      : 0;
  top       : 0;
  width     : 100%;
  height    : 100%;
  background: rgba(0, 0, 0, 0.9) !important;
  filter    : Alpha(opacity=90);
  background: #000;
  z-index   : -1;
}

.dialog-album .container {
  position: absolute;
  left    : 0;
  top     : 0;
  width   : 100%;
  height  : 100%;
  z-index : 2;
  overflow: hidden;
}

.dialog-album .container ul {
  float   : left;
  width   : 1000%;
  height  : 100%;
  position: relative;
}

.dialog-album .container li {
  float   : left;
  width   : 10%;
  height  : 100%;
  position: relative;
}

.dialog-album .container .img {
  width : 100%;
  height: 100%;
}

.dialog-album .container .img img {
  max-height: 100%;
  max-width : 80%;
  width     : 800px;
  height    : 600px;
}

.dialog-album .tool .close {
  position   : absolute;
  width      : 65px;
  height     : 35px;
  top        : 0;
  right      : 0;
  background : url(../images/ico-album.png) 0 -105px no-repeat;
  z-index    : 10;
  overflow   : hidden;
  text-indent: -99em;
  opacity    : 0.6 !important;
  filter     : Alpha(opacity=60);
}

.dialog-album .tool .close:hover {
  opacity: 0.9 !important;
  filter : Alpha(opacity=90);
}

.dialog-album .tool .right,
.dialog-album .tool .left {
  position   : absolute;
  width      : 30px;
  height     : 30px;
  top        : 50%;
  margin-top : -10px;
  z-index    : 10;
  text-indent: -99em;
  overflow   : hidden;
  background : url(../images/ico-album.png) -35px 0 no-repeat;
}

.dialog-album .tool .right {
  left               : 20px;
  background-position: -35px -35px;
}

.dialog-album .tool .left {
  right: 20px;
}

.dialog-album .tool .right:hover {
  background-position: 0 -35px;
}

.dialog-album .tool .left:hover {
  background-position: 0 0;
}

.dialog-album .tool .play,
.dialog-album .tool .plus {
  position   : absolute;
  width      : 30px;
  height     : 30px;
  right      : 20px;
  bottom     : 20px;
  background : #CCC;
  z-index    : 10;
  overflow   : hidden;
  background : url(../images/ico-album.png) 0 -70px no-repeat;
  overflow   : hidden;
  text-indent: -99em;
}

.dialog-album .tool .play {
  background-position: -35px -70px;
}

.dialog-album .tip {
  position  : absolute;
  width     : 50%;
  height    : 15px;
  left      : 25%;
  bottom    : 20px;
  z-index   : 10;
  text-align: center;
}

.dialog-album .tip span {
  display       : inline-block;
  width         : 12px;
  height        : 12px;
  border        : 1px solid #aaa;
  border-radius : 13px;
  background    : #FFF;
  margin        : 0 5px;
  vertical-align: middle;
  cursor        : pointer;
}

.dialog-album .tip span.cur {
  background: #666;
}

/* 4:3 图文 */
.list-case {
  padding      : 0 20px;
  margin-bottom: 10px;
}

.list-case .list {
  padding: 10px 0 10px;
}

.list-case .item {
  padding   : 15px 0 15px 180px;
  height    : 124px;
  border-top: 1px dashed #ddd;
  position  : relative;
}

.list-case .item:first-child {
  border-top: 0;
}

.list-case .item .img {
  position  : absolute;
  left      : 0;
  top       : 15px;
  width     : 166px;
  height    : 124px;
  background: #f1f1f1;
}

.list-case .item .img img {
  display: block;
  width  : 166px;
  height : 124px;
}

.list-case .item .date {
  position: absolute;
  right   : 0;
  top     : 15px;
  color   : #999;
}

.list-case .item h3 {
  font-size    : 16px;
  line-height  : 20px;
  margin-bottom: 8px;
}

.list-case .item h3 a {}

.list-case .item h3 a:hover {
  text-decoration: underline;
}

.list-case .item p {
  height       : 60px;
  line-height  : 20px;
  color        : #666;
  overflow     : hidden;
  margin-bottom: 16px;
}

.list-case .item .detail {
  height: 20px;
}

.list-case .item .detail a {
  line-height: 20px;
}

/* 产品详情页 */
.product-content {
  padding: 20px;
}

.product-photo {
  float: left;
  width: 440px;
}

.product-photo .original {
  width        : 440px;
  height       : 330px;
  overflow     : hidden;
  margin-bottom: 10px;
}

.product-photo .original img {
  display: block;
  width  : 100%;
  height : 330px;
}

.product-photo .prev,
.product-photo .next {
  float     : left;
  width     : 17px;
  height    : 69px;
  background: url(../images/photo-pn.png) 0 0 no-repeat;
  cursor    : pointer;
}

.product-photo .next {
  float              : right;
  background-position: -19px 0;
}

.product-photo .prev:hover {
  background-position: 0 -70px;
}

.product-photo .next:hover {
  background-position: -19px -70px;
}

.product-photo .nodrop {
  cursor: no-drop;
}

.product-photo .prev.nodrop:hover {
  background-position: 0 0;
}

.product-photo .next.nodrop:hover {
  background-position: -19px 0;
}

.product-photo .thum {
  float   : left;
  width   : 395px;
  height  : 69px;
  margin  : 0 0 0 5px;
  overflow: hidden;
  position: relative;
}

.product-photo .thum dl {
  float   : left;
  width   : 300%;
  height  : 69px;
  position: relative;
}

.product-photo .thum dd {
  float     : left;
  width     : 87px;
  height    : 65px;
  border    : 2px solid #fff;
  margin    : 0 10px 0 0;
  cursor    : pointer;
  background: #f1f1f1;
}

.product-photo .thum img {
  width  : 100%;
  height : 65px;
  display: block;
}

.relink {
  padding      : 0 10px;
  height       : 40px;
  line-height  : 40px;
  border-top   : 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin       : 0 20px 20px 20px;
}

.relink p {
  float     : right;
  width     : 50%;
  text-align: right;
  overflow  : hidden;
}

.relink p:first-child {
  float     : left;
  text-align: left;
}

.product-photo .thum dd.current {
  border-color: #0099cc;
}

.product-info {
  margin  : 0 0 0 460px;
  position: relative;
  height  : 346px;
}

.product-info h1 {
  font-size    : 20px;
  line-height  : 1.2;
  margin-bottom: 20px;
}

.product-info .order {
  float : left;
  margin: 3px 0;
}

.product-info .order a {
  display      : block;
  width        : 115px;
  height       : 30px;
  line-height  : 30px;
  color        : #FFF;
  font-size    : 14px;
  background   : #0099cc;
  text-align   : center;
  border-radius: 5px;
}

.product-info .order a:hover {
  background: #0099cc;
}

.product-info .bdshare {
  float        : right;
  +margin-right: 10px;
}

.product-info .bdshare .head {
  display: none;
}

.product-info .des {
  float        : left;
  padding      : 15px 0;
  width        : 100%;
  height       : 200px;
  line-height  : 24px;
  margin-bottom: 40px;
  overflow     : hidden;
}

.product-info .tel {
  width      : 220px;
  height     : 55px;
  background : url(../images/ico-tel2.png) left top no-repeat;
  padding    : 0 0 0 60px;
  line-height: 1.1;
  position   : absolute;
  left       : 0;
  bottom     : 10px;
}

.product-info .tel dt {
  font-size  : 16px;
  font-weight: 700;
}

.product-info .tel dd {
  font-size  : 27px;
  color      : #0099cc;
  font-weight: 700;
}

.article-container {
  border-top: 1px dashed #ddd;
  margin    : 20px 0 0;
}

.article-container .article {
  padding-bottom: 10px;
}

.article-container .article img {
  max-width: 100%;
}

.article-head {
  padding: 20px 0 10px;
}

.article-head h2 {
  width      : 240px;
  height     : 40px;
  line-height: 40px;
  background : #fff;
  font-size  : 16px;
  color      : #0099cc;
}

/* 产品详情页 */
.original2 {
  width        : 100%;
  height       : auto;
  overflow     : hidden;
  margin-bottom: 10px;
}

.original2 img {
  display  : block;
  max-width: 100%;
  height   : auto;
  margin   : 0 auto;
}

.product-info2 {
  position  : relative;
  padding   : 10px 335px 10px 0;
  min-height: 35px;
}

.product-info2 h1 {
  font-size: 20px;
}

.product-info2 .telx {
  width      : 250px;
  height     : ;
  background : url(../images/ico-tel2.png) left top no-repeat;
  padding    : 0 0 0 60px;
  line-height: 1.1;
  position   : absolute;
  right      : 0;
  top        : 10px;
}

.product-info2 .telx dt {
  font-size  : 16px;
  font-weight: 700;
}

.product-info2 .telx dd {
  font-size  : 30px;
  color      : #0099cc;
  font-weight: 700;
}

.recommend-news {
  margin: 20px;
}

.recommend-news .head {
  height     : 38px;
  line-height: 38px;
  position   : relative;
  border     : 1px solid #ddd;
  background : url(../images/header-bg.png) left -80px repeat-x #fff;
}

.recommend-news .head h2 {
  font-size  : 18px;
  color      : #0099cc;
  border-left: 5px solid #0099cc;
  padding    : 0 0 0 20px;
  background : url(../images/ico-rec.png) left center no-repeat;
}

.recommend-news .head .mo {
  position : absolute;
  right    : 10px;
  top      : 0;
  font-size: 16px;
  color    : #999;
  font-size: small;
}

.recommend-news .head .mo:hover {
  color: #0099cc;
}

.recommend-news .main {
  width   : autp;
  overflow: hidden;
  padding : 20px 20px 20px 0;
}

.recommend-news .list {
  float: left;
  width: 110%;
}

.recommend-news .item {
  float       : left;
  width       : 358px;
  height      : 30px;
  line-height : 30px;
  margin-right: 50px;
  position    : relative;
}

.recommend-news .item a {
  background: url(../images/ico-news.png) left center no-repeat;
  padding   : 0 0 0 12px;
}

.recommend-news .item a:hover {
  text-decoration: underline;
}

.recommend-news .item span {
  position: absolute;
  right   : 0;
  top     : 0;
  color   : #999;
}

.recommend-pro {
  margin-bottom: 20px;
  padding      : 0 20px;
}

.recommend-pro .head {
  height     : 38px;
  line-height: 38px;
  position   : relative;
  border     : 1px solid #ddd;
  background : url(../images/header-bg.png) left -80px repeat-x #fff;
}

.recommend-pro .head h2 {
  font-size  : 18px;
  color      : #0099cc;
  border-left: 5px solid #0099cc;
  padding    : 0 0 0 20px;
  background : url(../images/ico-rec.png) left center no-repeat;
}

.recommend-pro .head .mo {
  position : absolute;
  right    : 10px;
  top      : 0;
  font-size: 16px;
  color    : #999;
  font-size: small;
}

.recommend-pro .head .mo:hover {
  color: #0099cc;
}

.recommend-pro .main {
  width   : 100%;
  overflow: hidden;
  padding : 20px 0 0;
}

.recommend-pro .list {
  float: left;
  width: 110%;
}

.recommend-pro .item {
  float : left;
  width : auto;
  margin: 0 20px 0 0;
}

.recommend-pro .item .img {
  width     : 242px;
  height    : 181px;
  overflow  : hidden;
  border    : 1px solid #ddd;
  background: #f1f1f1;
}

.recommend-pro .item .img img {
  width : 100%;
  height: 181px;
}

.recommend-pro .item h3 {
  line-height: 40px;
  text-align : center;
  font-weight: 400;
}

.recommend-pro .item h3 a {}

.recommend-pro .item:hover {
  border-color: #c8a48e;
}

.recommend-form {
  padding: 0 20px;
}

.recommend-form .head {
  height     : 38px;
  line-height: 38px;
  position   : relative;
  border     : 1px solid #ddd;
  background : url(../images/header-bg.png) left -80px repeat-x #fff;
}

.recommend-form .head h2 {
  font-size  : 18px;
  color      : #0099cc;
  border-left: 5px solid #0099cc;
  padding    : 0 0 0 20px;
  background : url(../images/ico-rec.png) left center no-repeat;
}

.recommend-form .main {
  width   : auto;
  overflow: hidden;
  padding : 40px 20px 20px;
}

.recommend-form .main>* {
  float        : left;
  width        : 100%;
  clear        : both;
  margin-bottom: 15px;
  position     : relative;
}

.recommend-form .row-1 {
  width  : 350px;
  height : auto;
  padding: 0 0 0 50px;
  border : 1px solid #ddd;
}

.recommend-form .row-2 {
  width  : 710px;
  height : auto;
  padding: 0 0 0 0;
  border : 1px solid #ddd;
}

.recommend-form .row-3 {
  width : 800px;
  height: auto;
}

.recommend-form .ico-name {
  background: url(../images/form-name2.png) 15px center no-repeat;
}

.recommend-form .ico-phone {
  background: url(../images/form-phone2.png) 15px center no-repeat;
}

.recommend-form .ico-email {
  background: url(../images/form-email2.png) 15px center no-repeat;
}

.recommend-form .ico-data {
  background: url(../images/imsg_icon.png) no-repeat 15px -92px;
}

.recommend-form .ico-zhusu {
  background: url(../images/imsg_icon.png) no-repeat 15px -144px;
}

.recommend-form .ico-renshu {
  background: url(../images/imsg_icon.png) no-repeat 15px -194px;
}

.recommend-form .required .tip {
  position   : absolute;
  right      : 0;
  top        : 0;
  height     : 40px;
  line-height: 40px;
  padding    : 0 10px;
  font-style : normal;
  color      : #F00;
}

.recommend-form .txt {
  width      : 100%;
  height     : 40px;
  line-height: 40px;
  background : #fff;
  border     : 0;
  color      : #999;
}

.recommend-form .text {
  width      : 700px;
  border     : 0;
  background : #FFF;
  padding    : 5px 5px;
  line-height: 20px;
  height     : 100px;
  color      : #999;
}

.recommend-form img.code {
  float      : left;
  width      : 110px;
  height     : 42px;
  margin-left: 10px;
}

.recommend-form input.code {
  float      : left;
  width      : 178px;
  height     : 40px;
  line-height: 40px;
  border     : 1px solid #ddd;
  background : #FFF;
  padding    : 0 10px;
  color      : #999;
}

.recommend-form .submit,
.recommend-form .reset {
  float    : left;
  width    : 200px;
  height   : 42px;
  border   : 0;
  cursor   : pointer;
  color    : #FFF;
  font-size: 16px;
}

.recommend-form .submit {
  background: #0099cc;
}

.recommend-form .reset {
  background: #292826;
  margin    : 0 0 0 10px;
}

.recommend-form .submit:hover {
  background: #009421;
}

.recommend-form .reset:hover {
  background: #000;
}

.recommend-form .onfocus,
.recommend-form .onfocus input.code {
  border-color: #aaa;
}

.BMap_bubble_content {
  font-size  : 12px;
  line-height: 1.4;
}

/* 地图 */
.map11 {
  padding: 25px;
}

.map11 li.item {
  width        : 100%;
  padding      : 10px 0px;
  text-align   : left;
  border-bottom: 1px solid #c8c8c8;
}

.map11 li.item a {
  line-height : 30px;
  color       : #0099cc;
  font-size   : 16px;
  font-weight : bold;
  margin-right: 15px;
}

.map11 .subMap11 {
  text-align : left;
  margin-left: 50px;
}

.map11 .subMap11 li.item2 {
  margin     : 15px 0px;
  line-height: 24px;
}

.map11 .subMap11 .san {
  text-align : left;
  margin-left: 50px;
}

.map11 .subMap11 .san a {
  font-size  : 16px;
  font-weight: normal;
}

.mab img {
  max-width: initial;
}

.minBanner,
.minBanner ul,
.minBanner img,
.minBanner li.item {
  height: 300px !important;
}

/* 招聘 */

.joblist .item {
  height: auto !important;
}

.card {
  position          : relative;
  display           : -ms-flexbox;
  display           : flex;
  -ms-flex-direction: column;
  flex-direction    : column;
  min-width         : 0;
  word-wrap         : break-word;
  background-color  : #f8f9fa !important;
  background-clip   : border-box;
  border            : 1px solid #0099cc;
  border-radius     : 0.25rem;
}

.card .card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card .card-header {
  text-align      : center;
  font-size       : 1.2rem;
  font-weight     : 600;
  color           : #ffffff;
  padding         : 0.75rem 1.25rem;
  margin-bottom   : 0;
  background-color: #00bbdd;
  border-bottom   : 1px solid #0099cc;
}

.card .card-body {
  -ms-flex  : 1 1 auto;
  flex      : 1 1 auto;
  min-height: 1px;
  padding   : 1.25rem;
}

.card .card-body .card-text {
  height    : auto !important;
  text-align: left !important;
}

.card .card-footer {
  padding         : 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top      : 1px solid #0099cc;
}

.card .card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}


.btn {
  display            : inline-block;
  font-weight        : 400;
  color              : #212529;
  text-align         : center;
  vertical-align     : middle;
  cursor             : pointer;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  background-color   : transparent;
  border             : 1px solid transparent;
  padding            : 0.375rem 0.75rem;
  font-size          : 1rem;
  line-height        : 1.5;
  border-radius      : 0.25rem;
  transition         : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-info {
  color              : #212529 !important;
  border             : 1px solid #0099cc;
  border-radius      : 5%;
  /* background-color: #17a2b8;
  border-color       : #17a2b8; */
}


.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top     : 0;
  left    : 0;
  z-index : 1050;
  display : none;
  width   : 100%;
  height  : 100%;
  overflow: hidden;
  outline : 0;
}

.modal-dialog {
  position      : relative;
  width         : auto;
  margin        : 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition       : -webkit-transform 0.3s ease-out;
  transition       : transform 0.3s ease-out;
  transition       : transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform        : translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform        : none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform        : scale(1.02);
}

.modal-dialog-scrollable {
  display   : -ms-flexbox;
  display   : flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow  : hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink      : 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display       : -ms-flexbox;
  display       : flex;
  -ms-flex-align: center;
  align-items   : center;
  min-height    : calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height : calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction    : column;
  -ms-flex-pack     : center;
  justify-content   : center;
  height            : 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position          : relative;
  display           : -ms-flexbox;
  display           : flex;
  -ms-flex-direction: column;
  flex-direction    : column;
  width             : 100%;
  pointer-events    : auto;
  background-color  : #fff;
  background-clip   : padding-box;
  border            : 1px solid rgba(0, 0, 0, 0.2);
  border-radius     : 0.3rem;
  outline           : 0;
}

.modal-backdrop {
  position        : fixed;
  top             : 0;
  left            : 0;
  z-index         : 1040;
  width           : 100vw;
  height          : 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display                : -ms-flexbox;
  display                : flex;
  -ms-flex-align         : start;
  align-items            : flex-start;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  padding                : 1rem 1rem;
  border-bottom          : 1px solid #dee2e6;
  border-top-left-radius : calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
  padding: 1rem 1rem;
  margin : -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height  : 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex    : 1 1 auto;
  padding : 1rem;
}

.modal-footer {
  display                   : -ms-flexbox;
  display                   : flex;
  -ms-flex-wrap             : wrap;
  flex-wrap                 : wrap;
  -ms-flex-align            : center;
  align-items               : center;
  -ms-flex-pack             : end;
  justify-content           : flex-end;
  padding                   : 0.75rem;
  border-top                : 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius : calc(0.3rem - 1px);
}

.modal-footer>* {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top     : -9999px;
  width   : 50px;
  height  : 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin   : 1.75rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {

  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.row {
  display      : -ms-flexbox;
  display      : flex;
  -ms-flex-wrap: wrap;
  flex-wrap    : wrap;
}

.no-gutters {
  margin-right: 0;
  margin-left : 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left : 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width   : 100%;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis             : 0;
  -ms-flex-positive      : 1;
  flex-grow              : 1;
  max-width              : 100%;
}

.row-cols-1>* {
  -ms-flex : 0 0 100%;
  flex     : 0 0 100%;
  max-width: 100%;
}

.row-cols-2>* {
  -ms-flex : 0 0 50%;
  flex     : 0 0 50%;
  max-width: 50%;
}

.row-cols-3>* {
  -ms-flex : 0 0 33.333333%;
  flex     : 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4>* {
  -ms-flex : 0 0 25%;
  flex     : 0 0 25%;
  max-width: 25%;
}

.row-cols-5>* {
  -ms-flex : 0 0 20%;
  flex     : 0 0 20%;
  max-width: 20%;
}

.row-cols-6>* {
  -ms-flex : 0 0 16.666667%;
  flex     : 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -ms-flex : 0 0 auto;
  flex     : 0 0 auto;
  width    : auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex : 0 0 8.333333%;
  flex     : 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex : 0 0 16.666667%;
  flex     : 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex : 0 0 25%;
  flex     : 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex : 0 0 33.333333%;
  flex     : 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex : 0 0 41.666667%;
  flex     : 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex : 0 0 50%;
  flex     : 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex : 0 0 58.333333%;
  flex     : 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex : 0 0 66.666667%;
  flex     : 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex : 0 0 75%;
  flex     : 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex : 0 0 83.333333%;
  flex     : 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex : 0 0 91.666667%;
  flex     : 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex : 0 0 100%;
  flex     : 0 0 100%;
  max-width: 100%;
}

.myform .row {
  line-height: 3rem;
  padding    : 0 15px;
}

.myform .row .col-4 {
  text-align: right;
}

.myform .row .col-8 {
  text-indent: 1rem;
}