body, h1, h2, h3, h4, h5, h6, hr, p, span, img, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,a{ margin:0; padding:0;display: block;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
body, button, input, select, textarea { font:16px 'Microsoft YaHei',arial,sans-serif; outline: none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: normal;}
ul, ol ,li{ list-style:none; }
a{color: #222; text-decoration:none; }
input:focus,textarea:focus { outline:none; }
legend { color:#000; }
fieldset, img { border:0; }
textarea { resize: none; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
article,aside,main,figcaption,figure,footer,header,hgroup,nav,section,summary{margin: 0;
    padding: 0;
    border: 0;
    /* font: inherit; */
    font-size: 100%;
    vertical-align: baseline}
mark{background:#FF0;color:#000}
body{color:#222;min-width: 1200px;background: rgb(236,254,239);}


.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
.clearfix {*zoom:1;}/*IE/7/6*/
.w1200{width: 1200px;margin: 0 auto;}



/*------------  顶部  -------------*/
/*header{*/
    /*background: #fff;*/
/*}*/
.top{
    background: #fff;
}
.top_index{
    background: rgba(0,0,0,0);
    position: absolute;
    z-index: 11;
    width: 100%;
}
.top .top_logo{
    height: 100px;
    line-height: 100px;
    float: left;
}
.top .top_logo img{
    vertical-align: middle;
}
.top ul{
    float: right;
}
.top ul li:first-child{
    line-height:36px;
    font-size: 24px;
    font-weight: bolder;
    color: #008594;
    padding-left: 36px;
    margin: 15px 0 0;
    background: url("../images/call.png") left no-repeat;
}



/*------------  搜索框  -------------*/
.top ul .search {
    padding:10px 0;
}
.top ul li form {
    position:relative;
    width:210px;
}
.top ul li input {
    width:100%;
    height:30px;
    padding-left:13px;
    border:1px solid #008594;
    background:transparent;
    top:0;right:0;
}
.top ul li button {
    border:1px solid #008594;
    background:#008594;
    border-radius:0;
    top:0;
    right:0;
    height:30px;
    width:60px;
    cursor:pointer;
    position:absolute;
}
.top ul li button::before {
    content:"搜索";
    line-height: 30px;
    font-size:16px;
    color:#eee;
}



/*------------  导航栏  -------------*/
.top_nav{
    width:100%;
    margin: 0 auto;
    line-height: 56px;
    font-size: 16px;
    background: #008594;
    text-align: center;
}
.top_nav_index{
    background: rgba(0,0,0,.2);
    position: absolute;
    z-index: 11;
    top: 100px;
}
.top_nav ul{
    width: 1200px;
    margin: 0 auto;
}
.top_nav ul li a{
    float: left;
    width: 12.5%;
    color: #fff;
    font-weight: bold;
}
.top_nav ul a:hover{
    color: #fff;
}


/*------------  banner  -------------*/
.content_index{
    position: relative;
    z-index: 10;
}
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{ display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;
    background:rgba(0,0,0, .8);left:0;right:0;bottom:0; padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;
    z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px; background:transparent url("../images/themes.gif") no-repeat left top;
    margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
@media screen and (max-width:600px) {.callbacks_nav {top: 47%;}}
#content #banner {position:relative; height:369px; overflow:hidden;}



/*------------  首页板块标题  -------------*/
.index_title{
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    text-transform:uppercase;
    color: #eee;
    position: relative;
    margin: 0 auto 40px;
}
.index_title h2{
    position: relative;
    top: 0;
    z-index: 3;
    color: #111;
}
.index_title h2 span{
    display: inline-block;
    color: #008594;
}
.index_title p{
    position: relative;
    top: -40px;
    z-index: 2;
    margin: 0 auto;
}
/************* Button *****************/
.more{
    margin: 0 auto;
    width: 140px;
}
.more p{
    line-height: 40px;
    background: none;
    border: 1px #fff solid;
    color: #fff;
    font-size: 16px;
    text-align: center;
    transition: 0.3s;
}
.news .more p,.case .more p{
    border: 1px #008594 solid;
    color: #222;
    font-size: 16px;
    text-align: center;
    transition: 0.3s;
    margin: 45px auto;
}
.more:hover p{
    color: #008594;
    border: 1px #008594 solid;
}
.case .more:hover p{
    background: #008594;
    color: #fff;
}
.more:active p{
    color: #0bbbcf;
    border: 1px #0bbbcf solid;
}
/*------------  product  -------------*/
.product{
    width: 100%;
    padding-top: 60px;
}
.product ul{
    width:1850px;
    margin: 0 auto;
    height: 100px;
    background: red;
}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.grid {
    position: relative;
    margin: 0 auto;
    width: 100%;
    list-style: none;
    text-align: center;
    padding: 0 25px;
}
/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin-bottom: 1%;
    width:32.5%;
    height: 0;
	padding-bottom:16%;
    /*background: #aedcf6;*/
    text-align: center;
    cursor: pointer;
	border:1px solid #aedcf6;
}
.grid figure:first-child{
    width: 66%;
    height: 0;
	padding-bottom:33%;
}
.grid figure:nth-child(2),.grid figure:nth-child(3),.grid figure:nth-child(6){
    margin-right: 0;
    float: right;
}
.grid figure:nth-child(4){
    margin-right: 1%;
}
.grid figure img {
    position: relative;
    width: 100%;
    opacity: 1;
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
figure.effect-goliath:hover img{
    transform: scale(1.1);
}
figure.effect-goliath img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 2s;
    transition: transform 2s;
}
figure.effect-goliath p {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    margin: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
}
figure.effect-goliath:hover p {
    background: rgba(0,0,0,0.6);
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


/********* About **********/
.about{
    width:100%;
    height:100%;
    max-height: 680px;
    margin-top: 21px;
    padding: 120px 0;
    background: url("../images/about_bg.jpg");
	background-size: cover;
    background-attachment: fixed;
}
.about .about_title{
    text-align: center;
    font-size: 22px;
    line-height: 34px;
    text-transform:uppercase;
    color: #fff;
    position: relative;
    margin: 0 auto;
}
.about .about_title p{
    color: #ccc;
    font-size: 18px;
}
.about span{
	font-size:18px;
    color: #fff;
	line-height:28px;
    min-width: 600px;
    max-width: 800px;
    margin:70px auto 75px;
    text-indent: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

/**********应用案例************/
.case{
    width: 100%;
    margin: 0 auto;
    background: #fcf9f4;
    padding-top: 60px;
}

.application{width:100%;min-width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.application .tit{color: #bf002b; text-align: center;}
.application .tit h4{font-size: 24px; font-weight: bold;}
.application .tit h3{font-size: 50px; font-weight: bold; text-transform:Uppercase;}
.application .tit h6{width: 80px; height: 3px; background: #bf002b; margin: 0 auto;}

.xinxi_solution_bg { min-width: 1200px;width:100%;height: 660px; margin: 0 auto ;}
.xinxi_solution_main ul{overflow: hidden; }
.xinxi_solution_main ul li{width: 22%; height:0; float: left; position: relative; overflow: hidden; transition: all 0.5s; margin: 0; padding-bottom:35%;}
.xinxi_solution_main ul li img{width:auto;display:block;}
.xinxi_solution_main ul li.on{width: 34%; }
.xinxi_solution_main ul li h4{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 24px; color: #fff; font-weight: bold; position: absolute; top: 50%; margin-top: -20px;}
.xinxi_solution_main ul li.on h4{top: -40px;}
.xinxi_solution_main ul li .bg{width: 100%; height: 100%; background: rgba(247,244,240,.6); position: absolute; top: 660px; left: 0; padding: 150px 100px;}
.xinxi_solution_main ul li.on .bg{top: 0;}
.xinxi_solution_main ul li .bg h3{font-size: 24px; color: #222; font-weight: bold; padding-bottom: 30px;text-align:center;}
.xinxi_solution_main ul li .bg h5{font-size: 16px; color: #444; line-height: 28px;min-height:140px; width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.xinxi_solution_main ul li .bg h6{text-align: right; font-size: 16px; color: #fff;}
.xinxi_solution_main ol{list-style:none; margin:0 auto;max-width: 136px;}
.xinxi_solution_main ol li{width:12px;height:12px;float:left;margin:40px 10px;border-radius:6px;background:#ccc;}
.xinxi_solution_main ol li.on{background:#008594;}


/**********新闻资讯************/
.news{
    width: 100%;
    padding-top: 60px;
}
.news ul{
    width: 96%;
    margin: 0 auto;
}
.news ul li{
    float: left;
    width: 18%;
    margin-right: 2.5%;
    overflow: hidden;
    color: #333;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
}
.news ul li:last-child{
    margin: 0;
}
.news ul li .news_image{
	width:100%;
	height:0;
	padding-bottom:60%;
	border: 1px solid #ddd;
	overflow:hidden;
}
.news ul li img{
    width: 100%;
    height: auto;
    transition: all 1.4s;
}
.news ul li:hover img{
    transform: scale(1.06,1.06);
}
.news ul li h2{
    overflow: hidden;/*内容超出后隐藏*/
    text-overflow: ellipsis;/* 超出内容显示为省略号*/
    white-space: nowrap;/*文本不进行换行*/
}
.news ul li p{
    color: #666;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    text-indent: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.footer{background: #333;padding: 30px 0 0;}
.ftmu li h3{font-size: 14px;line-height: 32px;color: #fff;}
.ftmu li p{font-size: 14px;color: #f1f1f1;line-height: 26px;}
.footer-fl{float: left;}
.footer-fr{float: right;position: relative;}
.ftlx{ float: left; margin-right: 20px;}
.ftlx h3{font-size: 18px;color: #e67802;margin-bottom: 20px;}
.ftlx p{font-size: 14px;color: #ddd;line-height: 30px;}
.ftlx p ,.ftlx h3{}
.ftlx-wx{float: right;margin-left: 20px;width:124px;}
.footer .row .footer-fl .ftmu ul li{
    float: left;
    width:146px;
    padding-left:20px;
    border-right:rgba(0,0,0,0.15) solid 1px;
}
.footer .row .footer-fl .ftmu ul li:first-child{
    padding-left:0;
}
.footer .row .footer-fl .ftmu ul li:last-child{
    border-right:0;
}
.footer .row .footer-fl .ftmu ul li h3,.footer .row .footer-fr .ftlx h3{
    font-size: 16px;
    line-height: 24px;
    color:#fff;
    font-weight:bold;
}
.footer .row .footer-fr .ftlx h3{
    margin-bottom:0;
}
.footer .row .footer-fl .ftmu ul li hr{
    width: 32px;
    height: 20px;
    border: none;
    border-top: 3px solid #0061a6;
    margin-top: 10px;
}
.footer .row .footer-fl .ftmu ul li p{
    font-size: 14px;
    color: #ddd;
    line-height: 30px;
}
.footer .row .footer-fl .ftmu ul li p:hover{
    color:#FFF;
}
.footer .row .footer-fr .ftlx p{
    position: relative;
    line-height: 30px;
}
.footer .row .footer-fr .ftlx p m{
    margin-left: 34px;
}
.footer .row .footer-fr .ftlx p img{
    position: absolute;
    top: 0;
    bottom:0;
    margin: auto;
    display: inline-block;
}
.footer .row .footer-fr .ftlx span{
    color:#ddd;
    line-height:46px;
    font-size:30px;
    font-weight:bold;
}
.footer .row .footer-fr .ftlx-wx p{
    color:#FFF;
    line-height:30px;
    font-size:16px;
    text-align:center;
}
.footer .row .footer-fr .ftlx-wx img{
    width:100%;
}
.footer .row{
    padding-bottom:30px;
    border-bottom:rgba(0,0,0,0.15) solid 1px;
}
.row_xinxi {
    width:1200px;
    margin:0 auto;
}
.row_xinxi p{
    float:left;
    color:#FFF;
    line-height:45px;
    font-size:16px;
}
.row_xinxi p a{
    display: inline-block;
    color:#ddd;
}
.row_xinxi p a:hover{
    color:#FFF;
}
.row_xinxi p:last-child{
    float:right;
}


/******人力资源******/
/*招聘简历*/
.ny_jianjie h4{
    font-size: 24px;
    color: #333;
    text-align: center;
}
.recruit{  width: 1000px;  margin: 60px auto;  }
.recruit table{  border: none;  }
.recruit input[type=text],.recruit input[type=email]{  display: inline-block;  width: 100%;  height: 50px;
    line-height: 50px;  margin: 0;  padding: 0;  font-size:14px;  border: none;  outline: none;  text-indent: 1em;}
.recruit input[type=radio]{  margin: 5px;  }
.recruit textarea{ width: 100%; border: none; outline: none; line-height: 36px; margin:0 auto; -moz-box-shadow:none;}
.recruit table tr,.recruit table td{  height: 50px;  text-align: center;  border: 1px solid #999;  }
#recruit_submit{ display: inline; width: 160px; height: 35px; line-height: 35px; text-indent: 0; background: #000; color: white;  margin: 0 auto;  border: none;  transition: 0.5s;  }
#recruit_submit:hover{  color: #fff;  background: #ed7100;  }
/*------------ 招聘 ------------*/
.cd-faq {  width: 100%; line-height:90px;  }
.no-js .cd-faq-items {  position: static; height: auto; width: 100%;
    -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0);
    -o-transform: translateX(0);  transform: translateX(0); }
.cd-close-panel { position: fixed; top: 5px; right: -100%;  display: block;  height: 40px; width: 40px;  overflow: hidden;
    text-indent: 100%;  white-space: nowrap;  z-index: 2;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0); -moz-transform: translateZ(0);  -ms-transform: translateZ(0);  -o-transform: translateZ(0);
    transform: translateZ(0);  -webkit-backface-visibility: hidden; backface-visibility: hidden;  -webkit-transition: right 0.4s;
    -moz-transition: right 0.4s;  transition: right 0.4s;  }
.no-js .cd-faq-group {  display: block;  }
.cd-faq-items ul li .a-1{font-size:14px; float:left; color:#000; width:240px; line-height:56px; text-align:center;}
.header{width:1460px; margin:0 auto; /*background:#036683;*/ height:55px; color:#fff;}
.header tr td{font-size:16px; height:55px; line-height:55px; text-align:center;}
.cd-faq-trigger { position: relative; display: block; height:56px; border-bottom:1px dashed #000;  }
.cd-faq-trigger::before, .cd-faq-trigger::after { position: absolute; content: '';  right:43px;  top: 50%; height: 2px;
    width: 13px; background:#008594; -webkit-backface-visibility: hidden; backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;  -moz-transition-property: -moz-transform;  transition-property: transform;
    -webkit-transition-duration: 0.2s;  -moz-transition-duration: 0.2s; transition-duration: 0.2s;}
.cd-faq-trigger::before {  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg); transform: rotate(45deg); right:52px;  }
.cd-faq-trigger::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
.content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);  transform: rotate(-45deg);  }
.content-visible .cd-faq-trigger::after { -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);  -o-transform: rotate(45deg); transform: rotate(45deg);  }
.cd-faq-content p { background:#fff; padding:20px 40px 20px 50px; text-indent:0;  font-size: 14px; line-height:24px; color: #000;  }
.cd-faq-content { display: none;}
.job{/*padding:55px 0 125px 0; */width: 1200px; margin: 0 auto;}
.headst{width:100%; height:30px;}
.headst tr td{font-size:16px; height:45px; line-height:45px; text-align:center; width:130px; background:#008594; color:#fff;display: table-cell;}
.a-1 span{float:none;}
.i_zxmelc2 p span{float:none !important;font-style:normal !important;color:#666 !important}