@charset "utf-8";
/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset,button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
.content{ width:1200px;margin: 0 auto;font-family:"Helvetica","微软雅黑",Arial,sans-serif;}

input,textarea {border:  none; box-shadow: none; outline: none;}

body{min-width: 1200px;max-width: 2420px;margin: 0 auto;overflow-x: hidden; width: 100%;}
/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 16px/22px "Helvetica";color: #666;
}

h1 {font-size: 18px;font-family: "Helvetica";}
h2 {font-size: 16px;font-family: "Helvetica";}
h3 {font-size: 14px; font-family: "Helvetica"; font-weight:normal;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#666;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"]{
	-webkit-appearance: none;}
input{background:0; border:0;}
textarea {-webkit-appearance: none;}

html img{width:100%;}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.clearfix:after{height: 0;content: "";clear: both;display: block;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}



/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

body {background: #fff;}

body{}

/*end*/

/*head*/
.head{width:100%;  position: absolute;left:0;top:0; z-index:200;min-width:1200px; background:url(../../images/index/menubg.png);}

.header {
    width: 80%;
    display: table;
    margin: 0 auto;
    min-width: 1200px;
    position:relative;
}

.header .logo {
    width: 16%;
    max-width: 200px;
    min-width: 160px;
    height:5rem;
    display: flex;
}

.header .logo a
{
justify-content: center;
align-items: center;
display: flex;       
}


.header .logo img {
   width: 100%;
    height: auto;
    text-align: center;
    margin: auto;
}
.h_menu {
    display: block;
    margin: 0 auto;
    width: 53%;
    min-width: 660px;
}

.h_nav {
    display: block;
    width: 100%;
    height: 100%;
}
.h_nav ul ul.erj li.wd {
    width: 100%;
}
.h_nav li a {
    font-size: 16px;
    color: #ffffff;
    position: relative;
    z-index: 4;
    text-decoration: none;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    display: inline-block;
}

.h_nav li {
    float: left;
    margin-right: 7%;
    height: 100%;
    text-align: center;
    position: relative;
    display: block;
}



.h_nav>ul {
    display: block;
    height: 100%;
}

.h_nav li:last-child {
    margin-right: 0px;
}

.h_nav li:hover a 
{
 color: #1f68b3;   
}

.h_nav li:hover:after {
    bottom: 2px;
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    background: #1f68b3;
    height: 2px;
    transition: all 0.3s;
}

.h_nav li.cur a {
    color: #1f68b3;
}
.h_nav>ul>li.cur:after {
    bottom: 2px;
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    background: #1f68b3;
    height: 2px;
    transition: all 0.3s;
}

.h_tenu {
    float: right;
    width: 21%;
    margin: 1.6rem 0 0 0;
    display: block;
}

.h_tenu li {
    float: right;
    width: 24%;
    height: 2rem;
    position:relative;
        cursor: pointer;
}

.h_tenu li.li1 {
    background: url(../../images/index/mobile.png) no-repeat center;
}
.h_tenu li.li2 {
    background: url(../../images/index/email.png) no-repeat center;
}
.h_tenu li.li3 {
    background: url(../../images/index/tks.png) no-repeat center;
}
.h_tenu li.li4 {
    background: url(../../images/index/seach.png) no-repeat center;
}
.h_tenu li:after {
    content: "";
    position: absolute;
    right: 0px;
    width: 1px;
    height: 60%;
    top: 21%;
    background: #595959;
}

.h_tenu li.li4:after {
    background: none;
}



.h_nav ul ul.erj {
    display: none;
}


.h_nav ul ul.erj li:nth-child(2n) {
    float: right;
    padding-right: 0px;
}

.h_nav li.li3 ul.erj{width:242%; }
.h_nav ul ul.erj{position: absolute;left:0;top:5rem;width:222%;z-index: 12;padding: 25px 30px;display:none;background:#fff;}
.h_nav ul ul.erj li{line-height:56px;height:56px;background:none;width: 100%;margin-right: 4%;
    float: left; border-bottom:1px solid #eee; margin:0;
    text-align: center;}
.h_nav ul ul.erj li a {box-sizing:border-box;
    margin-left: 0px;
    padding: 0; font-size: 15px;
    font-weight: normal;
    border-bottom: none;
    color: #303030;
    display: block;
   text-align: left;
    width: 100%;
    height: 56px;
    line-height: 56px;}
.h_nav ul ul.erj li:last-child{border-bottom: none;}
.h_nav ul ul.erj li:nth-child(1):before{background:none;}
.h_nav ul ul.erj li a:hover{color:#1f68b3;background:none;font-weight:normal;}
.h_nav>li.cur .erj li a{color: #fff;font-weight:normal;background:none;}
.h_nav>li.cur .erj li a:hover{color: #fff;font-weight:normal;background:none;}
.h_nav>li:hover .erj{display:block;}




/* -- 广告 -- */
.banner{position:relative;overflow:hidden;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index:12;width: 100px;height: 100px;margin-top: -42px;border: 0;}
.banner .slick-prev {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(../../images/index/ban-left.png) no-repeat;left: 5%; opacity: 0;cursor: pointer;}
.banner .slick-next {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(../../images/index/ban-right.png) no-repeat;right: 5%; opacity: 0;cursor: pointer;}
.banner:hover .slick-prev { left: 10%; opacity: 0.3; }
.banner:hover .slick-next { right: 10%; opacity: 0.3; }
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom: 5%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width:81px;height: 8px;color: #fff;background-color: #fff;outline: none;transition: .5s;font-size: 0;}
.slick-dots .slick-active button {background-color: #1f68b3;width:81px;border-radius: 30px;}


.wrap
{ 
    width: 84%;
    display: table;
    margin: 0 auto;
    min-width: 1000px;
}
.title {
    text-align: center;
    font-size: 48px;
    color: #1a1a1a;
    height: 50px;
    line-height: 50px;
    padding: 54px 0;
}
.choose {
    margin-top: 40px;
    margin-bottom: 60px;
}

.choosemain ul {
    float: left;
    width: 30%;
    height: 35rem;
    background: url(../../images/index/choosebg.jpg) no-repeat;
    background-size: 100% 100%;
    display: block;
}

.choosemain {overflow: hidden;}

.choosemain .chrigg {
    float: right;
    width: 70%;
    position: relative;
    height: 35rem;
}

.choosemain .chmain {
    float: right;
    width: 100%;
    position: relative;
    height: 35rem;
}

.ch-column {
    display: block;
    height: 100%;
}

.ch-column li.li1 {
    display: block;
    margin: 25% 6% 15% 20%;
    background: url(../../images/index/ch1.png) no-repeat left  center;
}

.ch-column li.li2 {
    background: url(../../images/index/ch2.png) no-repeat left center;
}
.ch-column li.li3 {
    background: url(../../images/index/ch3.png) no-repeat left center;
}

.ch-column li.li4 {
    background: url(../../images/index/ch4.png) no-repeat left center;
}
.ch-column li.cur {
    color: #1f68b3;
}

.ch-column li.li1.cur {
    background: url(../../images/index/ch1s.png) no-repeat left  center;
}
.ch-column li.li2.cur {
    background: url(../../images/index/ch2s.png) no-repeat left  center;
}

.ch-column li.li3.cur {
    background: url(../../images/index/ch3s.png) no-repeat left  center;
}

.ch-column li.li4.cur {
    background: url(../../images/index/ch4s.png) no-repeat left  center;
}



.ch-column li {
    display: block;
    margin: 0 6% 15% 20%;
    cursor: pointer;
    font-size: 1.55rem;
    height: 7.5%;
    line-height: 3rem;
    text-align: left;
    padding-left: 12%;
    color: #3d3d3d;
 cursor: pointer;
}

.choosemain .chmain .img {
    display: block;
    width: 100%;
    height: 100%;
        overflow:hidden;
}

.choosemain .chmain .img img {
    display: block;
    height: 100%;
    width: 100%;
      transition: 1s;

}
.choosemain .chmain  .img:hover img{transform:scale(1.02);}

.chdesc {
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    left: 0px;
    bottom: 0px;
}

.chdesc .desc p {
    color: #ffffff;
    float: left;
    width: 80%;
    line-height:32px;
}

.chdesc .desc {
    padding: 1rem 3rem;
    font-size: 17px;
    height: 5rem;
}

.chdesc .desc a {
  float: right;
    display: block;
    border: 1px solid rgb(249,241,241,0.3);
    padding: 1rem 3rem 1rem 2rem;
    color: #fff;
    background: url(../../images/index/jt.png) no-repeat 83% center;
    font-size: 1rem;
}




.Products { height:auto;}

.Products .pro-tit {
    text-align: center;
    padding: 0px 0 30px 0;
}

.Products .pro-tit li {
    display: inline-block;
    text-align: center;
    padding: 20px 1.8%;
    position: relative;
}

.Products .pro-tit a {
    display: block;
    width: 100%;
    text-align: center;
    height: 100%;
    font-size: 1.2rem;
}

.Products .pro-tit li.cur a {
    color: #1f68b3;
}

.Products .pro-tit li.cur:after {
    content: "";
    background: #1f68b3;
    width: 8px;
    height: 8px;
    border-radius: 55%;
    display: block;
    top: inherit;
    bottom: 0px;
    left: 46%;
    position: absolute;
}


.pro-main {
    overflow: hidden;
}

.pro-main .cimg {
    float: left;
    width: 100%;
    position: relative;
}

.pro-main .cimg img {
    width: 100%;
    position: relative;
    z-index: 9;
    transition: 1s;
}

.pro-main .cimg .tit 
{ 
   position:absolute;
    top: 4rem;
    right: 8%;
    color: #ffffff;
    z-index: 9999;   
    
 }

.pro-main .cimg .tit span {
display: block;
    text-align: right;
    font-size: 36px;
    line-height: 40px;
    color: #333;
    padding-bottom: 7px;
}

.pro-main .cimg .tit p {
    display: block;
    text-align: right;
    font-size: 16px;
    color: #333;
}


.pro-main .cimg .wrap {
    position: relative;
   
}

.Products .pro-tit li:before{
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    top: 36%;
    height: 33%;
    border-right: 1px solid #cccccc;
    right: 0px;
}

.Products .pro-tit li:last-child:before {
    border: 0px;
}


.Solutions {
    display: block;
    margin: 5rem auto 2rem ;
    height: auto;

}
.Solutions .wrap{
    
    background:#f2f2f2;
     position:relative;
}

.Solutions .sol-column {
  float: left;
    width: 23%;
    padding: 4.5rem 3% 2rem 4%;
    background-color: #f2f2f2;
    height: 100%;
}

.Solutions .sol-column .title {
    text-align: left;
    padding: 0px;
    padding-left: 5%;
    margin-bottom:6%;
}

.Solutions .sol-column li {
    display: block;
    padding: 1rem 0px 1rem 8%;
    position: relative;
}
.Solutions .sol-column li.cur a{color:#1f68b3}
.Solutions .solcom  a.more {
    float: right;
    display: block;
    border: 1px solid rgb(249,241,241,0.3);
    padding: 1rem 3rem 1rem 2rem;
    color: #fff;
    background: url(../../images/index/jt.png) no-repeat 83% center;
    font-size: 1rem;
     position: absolute;
    right: 6%;
    top: 84%;
    z-index: 99;
}

.Solutions .sol-column  li.cur:after {
    content: "";
    background: #1f68b3;
    width: 8px;
    height: 8px;
    border-radius: 55%;
    display: block;
    top: inherit;
    bottom: 45%;
    left: 0px;
    position: absolute;
}

.Solutions .sol-column li a {
    font-size: 1rem;
}



.sol-list {
}

.sol-btn {
    display: block;
    position: absolute;
    bottom: 9%;
    left: 0px;
    margin-left: 5%;
    width: 30%;
}

.sol-btn div {
    width: 12%;
    margin: 0 2%;
    display: inline-block;
        cursor: pointer;
}

.sol-btn div img {
    width: 100%;
}

.sol-btn div img.n {
    display: none;
}

.sol-btn div:hover .d {
    display: none;
}

.sol-btn div:hover .n {
    display: block;
}


.Solutions .sol-main {
    float: left;
    width: 70%;
}

.Solutions .sol-main img {
    width: 100%;
    cursor: pointer;
}

.Solutions .sol-main .wrap {position: relative;}

.Solutions .sol-main .solist {
    position: relative;
}

.Solutions .sol-main  .tit {
    position: absolute;
    bottom: 0px;
    display: block;
    padding: 10rem 6% 3rem 6%;
    width: 88%;
    color: #ffffff;
    z-index:99;
    background: url(../../images/index/prjbg.png) repeat center bottom;
}

.Solutions .sol-main .tit a {
 color: #fff;
    width: 76%;
    float: left;
}

.Solutions .sol-main .tit span {
    font-size: 2rem;
    line-height: 4rem;
}


.case .wrap {
    position: relative;
}

.case {}

.case .cs-btn {
    position: absolute;
    right: 0px;
    top: 42%;
    width: 9%;
}

.case .cs-btn div {
    display: inline-block;
    width: 39%;
    margin-left: 8%;
    cursor: pointer;
}

.case .cs-btn div img {
    max-width: 56px;
}

.case .cs-btn div:hover .d{ display:none;}
.case .cs-btn div:hover .n{ display:block;}
.case .cs-btn div .n {
    display: none;
}

.case .cs-list {
    display: block;
}

.case .cs-list dl {
    float: left;
    width: 33.333%;
     margin-right: 0.5rem;
     background:#fafafa;
}

.case .cs-list dl dd {
    padding: 2rem;
}
.case .cs-list dl dd {
    padding: 1.5rem 2rem 2.5rem 2rem;
}


.case .cs-list dl dd h4 a {
    font-weight: normal;
    display: block;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    overflow:hidden; 
white-space:nowrap; 
text-overflow:ellipsis;
font-size:1.4rem;

}

.case .cs-list dl:hover dd h4 a {    color: #1f68b3;}

.case .cs-list dl:hover  dd em{
    border: 1px solid #1f68b3;
}

.case .cs-list dl:hover dd em a{
    color: #1f68b3;
    background: url(../../images/index/jtas.png) no-repeat right center;
}


.case .cs-list dl dd em {
    border: 1px solid #919191;
    padding: 0.5rem 1rem;
}

.case .cs-list dl dd em a {
    color: #919191;
    display: inline-block;
    background: url(../../images/index/jta.png) no-repeat right center;
    padding-right: 6%;
    padding-top: 1.2%;
    font-size:0.82rem;
}


.newsone {
    float: left;
    width: 62%;
}

.newslist {
    background: #f2f2f2;
    margin-top: 5rem;
    padding-top: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 5rem;
}

.newslist .title {
}

.newsone dl {
    background: #ffffff;
    float: left;
    width: 49%;
    margin-right: 2%;
}

.newsone dl:hover dd h4 a  {
 color:#1f68b3
}
.newsone dl:hover dd em a
{
  color:#1f68b3;
  background: url(../../images/index/jtas.png) no-repeat center right;
}

.newstwo dl:hover dd h4 a
{
    
    color:#1f68b3;  
 }



.newsone dl:nth-child(2) {
    margin-right: 0px;
}

.newsone dl dt {
    position: relative;
    overflow:hidden;
}

.newsone dl dt img {
    width: 100%;
    max-width: 520px;
   -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.newsone dl dt:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}

.newsone dl dd {
    padding: 1rem 6%;
    height: 11.7rem;
}

.newsone dl dt i {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    width: 76%;
    padding-left: 8%;
    margin: 1.5rem 8%;
    color: #fff;
    z-index: 999;
    background: url(../../images/index/time.png) no-repeat;
}

.newsone dl dt  em {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    left: 0px;
    height: 33%;
    background: url(../../images/index/nbg.png) repeat;
}



.newsone dl dd h4 a {
    color: #1a1a1a;
    line-height: 1.5rem;
    font-weight: normal;
    font-size: 1.25rem;
}

.newsone dl dd h4 {
    display: block;
    height: 3rem;
    overflow: hidden;
    margin-bottom: 1rem;
}

.newsone dl dd p {
    color: #666666;
    font-size: 0.9rem;
    overflow: hidden;
    height: 4rem;
    margin-bottom: 1.5rem;
    line-height: 1.4rem;
}

.newsone dl dd em a {
    font-size: 1rem;
    color: #4c4c4c;
    font-weight: normal;
    background: url(../../images/index/jta.png) no-repeat center right;
    padding-right: 8%;
}

.newstwo {
    float: right;
    width: 36.6%;
}

.newstwo li {
    display: block;
    overflow: hidden;
    margin-bottom: 2%;
}

.newstwo dl dt {
    float: left;
    width: 34.4%;
    overflow:hidden;
}
.newstwo dl dt img{
    width: 100%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.newstwo dl dt:hover img {
-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);  
}
.newstwo dl {
    background: #ffffff;
}

.newstwo dl dd {
    float: right;
    width: 55%;
    padding: 1rem 5% 1rem 0;
}

.newstwo dl dd h4 a {
    color: #1a1a1a;
    font-size: 1.1rem;
    font-weight: normal;
}

.newstwo dl dd i {
    background: url(../../images/index/time2.png) no-repeat center left;
    padding-left: 12%;
    margin-bottom: 1rem;
    display: block;
    font-size: 1.1rem;
    background-size: auto 100%;
    color: #808080;
}

.newskh ul li {
    float: left;
    width: 14.28%;
     cursor: pointer;
     line-height: 0px;
}
.newskh ul li:hover .dn 
{
     display:block; 
     animation: flipInY 1.5s; 
}
.newskh ul li:hover .bk
{
     display:none;   
}
.newskh ul li img {
    width: 100%;
}

.newskh ul li img.dn
{
 display:none;   
}

.newskh ul li:nth-child(-n+7) img {width: 100%;border-bottom: 0px;}

.newskh ul li img {
    width: 100%;
    border: 1px solid #ededed;
}


.newskh {
    padding: 0 0 6rem 0;
}
/**底部**/

.foot {
    background: #fafafa;
    padding-top: 5rem;
}

.ft-menu {
    float: left;
    min-width: 630px;
        width:60%
}

.ft-menu>ul>li {
    float: left;
    margin-right: 6%;
}

.ft-menu>ul>li>a {
    display: block;
    font-size: 1.3rem;
    padding: 1.5rem 0;
    color: #000000;
}

.ft-menu ul>li ul.nav2 {
    display: block;
    width: 100%;
}

.ft-menu ul>li ul a {
    font-size: 1rem;
    display: block;
    line-height: 3rem;
    color: #4c4c4c;
}

.ft-lx {
    float: left;
    width: 29%;
}

.ft-lx .tit {
    display: block;
    font-size: 1.3rem;
    padding: 1.5rem 0;
    color: #000000;
}

.ft-lx li {
    display: block;
    line-height: 1.5rem;
    padding-left: 1.3rem;
    color: #4c4c4c;
    font-size: 1rem;
}

.ft-lx li.l1 {background: url(../../images/Common/f_addre.png) no-repeat;padding-bottom: 1rem;}
.ft-lx li.l2 {background:url(../../images/Common/f_tel.png) no-repeat;padding-bottom: 0.5rem;}
.ft-lx li.l3{background: url(../../images/Common/f_mobile.png) no-repeat 0.1rem;padding-top: 0.2rem;}
.ft-lx li.l4 {background: url(../../images/Common/f_email.png) no-repeat left center;padding: 0.5rem 0 0.5rem 1.3rem;}

.ft-ewm {
    float: right;
    width: 9%;
    margin-top: 1.5rem;
}

.ft-ewm .ewm img {
    width: 100%;
    padding-bottom: 1rem;
}

.ft-ewm li.l1 {background: url(../../images/Common/f-1.png) no-repeat center;}
.ft-ewm li.l2 {background: url(../../images/Common/f-2.png) no-repeat center;}
.ft-ewm li.l3 {background: url(../../images/Common/f-3.png) no-repeat center;margin-right: 0px;}
.ft-ewm li.l4 {background: url(../../images/Common/f-4.png) no-repeat center;}
.ft-ewm li.l5 {background: url(../../images/Common/f-5.png) no-repeat center;}
.ft-ewm li.l6 {background: url(../../images/Common/f-6.png) no-repeat center;margin-right: 0px;}

.ft-ewm ul {}

.ft-ewm li {
    display: block;
    float: left;
    width: 31.3%;
    height: 2rem;
    margin-right: 3%;
    margin-bottom: 0.5rem;
}
.ft-top {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.ft-bot {
    text-align: center;
    padding: 0 0 2rem 0;
    color: #999999;
    font-size: 1rem;
}

.ft-bot a {
    color: #999999;
    font-size: 1rem;
}
/**/
.abo-con{padding:93px 0 82px; border-bottom:1px solid #dddddd;}
.abo-con .abo-left{float:left;}
.abo-con .abo-left h2{line-height: 58px;font-size: 50px; color:#1c6687;font-family: Arial,sans-serif; margin-bottom: 35px;}
.abo-con .abo-left a{display: block;width:160px; height:46px; line-height: 46px; text-align:center;background:#F2A011;border-radius: 23px;font-size: 16px; color:#FFFFFF; font-family: Arial,sans-serif; transition: .5s;}
.abo-con .abo-left a:hover{margin-top:-5px;}
.abo-con p{width:60.9%;float:right;line-height: 35px;font-size: 18px; color:#333;font-family: Arial,sans-serif;font-weight: 300;text-align: justify;}
/**/
.Sectors{padding:41px 0 70px;}
.Sectors h2{line-height: 158px;text-align: center;font-size: 50px; color:#1c6687;font-family: Arial,sans-serif;}
.Sectors ul{position: relative;}
.Sectors ul li{float:left;width:32%; margin:0 0 28px 2%; position: relative;border-bottom:3px solid #f2a011;}
.Sectors ul li span{display: block; width: 100%; line-height: 0; overflow: hidden;}
.Sectors ul li span img{width:100%; transition: 1s;}
.Sectors ul li:first-child,.Sectors ul li:nth-child(4),.Sectors ul li:nth-child(6){margin-left: 0;}
.Sectors ul li:nth-child(5),.Sectors ul li:nth-child(7){margin-left:36%;}
.Sectors ul li:last-child{position: absolute;left:32%; bottom:0;}
.Sectors ul li strong{display: block; width:100%; height:164px; background:url(images/sec-yy.png) no-repeat center;position: absolute;left:0;bottom:-1px;padding:105px 29px 0; box-sizing: border-box;}
.Sectors ul li strong em{display: block; line-height: 60px;float:left;font-size: 24px; color:#ffffff;font-family: Arial,sans-serif;text-shadow: 1px 1px 2px rgba(25,25,27,0.7500); font-weight: normal;}
.Sectors ul li strong i{display: block;float:right;line-height: 60px; font-size: 16px; color:#FFF;font-family: "MiSans"; font-weight: normal; }
.Sectors ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.loop{background:#EFF9FF;padding: 55px 0 97px;}
.loop h2{line-height: 79px; text-align: center;font-size: 50px; color:#1c6687;font-weight: normal;font-family: Arial,sans-serif; margin-bottom: 44px;}
.loop .lop-list{padding:0 30px;}
.loop .lop-list .bd{overflow: hidden;}
.loop .lop-list ul li{float:left; width:187px; line-height: 0; overflow: hidden; margin-right: 44px;}
.loop .lop-list ul li img{width:100%; }
.loop .lop-con{position: relative;}
.loop .lop-con .lop-jt em{display: block;width:46px;height:46px;}
.loop .lop-con .lop-jt i{display: block; width:46px;height:46px; cursor: pointer;}
.loop .lop-con .lop-jt em.lop-prev{position: absolute;left:-46px;top:30px;}
.loop .lop-con .lop-jt em.lop-next{position: absolute;right:-46px;top:30px;}
.loop .lop-con .lop-jt em.lop-prev i{background:url(images/lop-prev.png) no-repeat center; position: relative;}
.loop .lop-con .lop-jt em.lop-next i{background:url(images/lop-next.png) no-repeat center; position: relative;}
/**/
.super{padding:68px 0 37px;}
.super h2{text-align: center; margin-bottom: 27px; line-height: 105px;font-size: 50px; color:#1c6687; font-weight: normal;font-family: Arial,sans-serif;}
.super ul li{float:left;width:48.5%; margin-bottom: 63px;}
.super ul li:nth-child(2n){float:right;}
.super ul li dl dt{border-bottom:4px solid #f2a011; line-height: 0; overflow: hidden; position: relative;}
.super ul li dl dt img{width:100%; transition: 1s;}
.super ul li dl dt a{display: block; width:274px; height:93px; line-height: 93px;background:url(images/sup-yy.png) no-repeat center;font-size: 16px; color:#ffffff; text-align: right;padding-right:39px; box-sizing: border-box; position: absolute;right:0;bottom:0;}
.super ul li dl dd{padding:35px 0 0 0;}
.super ul li dl dd h4{line-height: 32px;font-size: 30px; color:#1c6687;font-weight: normal;font-family: Arial,sans-serif;margin-bottom: 22px;}
.super ul li dl dd p{height:68px;line-height: 24px;font-size: 16px; color:#666666;font-weight: 300;font-family: Arial,sans-serif;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.super ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.lit{background:#EFF9FF;padding:64px 0 110px;}
.lit h2{text-align: center;line-height: 102px;font-size: 50px; color:#1c6687; font-family: Arial,sans-serif; font-weight: normal; margin-bottom: 32px;}
.lit ul li{float:left; width: 23.7%;height:332px;background:#FFFFFF;margin-left: 1.6%;padding-top:51px; box-sizing: border-box; transition: .5s; }
.lit ul li:first-child{margin-left: 0;}
.lit ul li em{display: block; width:84px;height:72px;margin:0 auto 15px; position: relative;}
.lit ul li em i{display: block; height:72px; width:100%; position: absolute;left:0;top:0;}
.lit ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.lit ul li em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.lit ul li span{display: block; line-height: 60px; text-align: center;font-size: 24px; color:#1c6687;font-family: "MiSans"; margin-bottom: 34px;}
.lit ul li strong{display: block; width:140px; height:44px;margin:0 auto;border: 1px solid #00A1E9;border-radius: 22px; box-sizing: border-box; transition: .5s;}
.lit ul li strong a{display: block; height:42px; text-align: center;}
.lit ul li strong a i{display: inline-block;height:42px; line-height: 42px;font-size: 16px; color:#00a1e9;padding-right:27px;background:url(images/lit-xz.png) no-repeat right; font-weight: normal;}
.lit ul li:hover{background:#00A1E9;box-shadow: 10px 17px 50px 0px rgba(77,52,10,0.1500);}
.lit ul li:hover em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.lit ul li:hover em i.hover{opacity: 1; transform: scale(1);}
.lit ul li:hover span{color:#FFF;}
.lit ul li:hover strong{background:#F2A011;border:1px solid #F2A011;}
.lit ul li:hover strong a i{color:#FFF;background:url(images/lit-xz_h.png) no-repeat right; }
/**/
.news{padding:68px 0 100px;}
.news h2{line-height: 94px;text-align: center; margin-bottom: 18px;}
.news h2 a{font-size: 50px; color:#1c6687; font-family: Arial,sans-serif; font-weight: normal;}
.news ul li{float:left; width:33.33%; height:560px; border-right:1px solid rgba(204,204,204,.5); box-sizing: border-box;padding:10px 35px 0;}
.news ul li:last-child{border-right:0;}
.news ul li dl dt{width:100%; line-height: 0; overflow: hidden;}
.news ul li dl dt img{width:100%;transition: 1s;}
.news ul li dl dd{padding-top:28px;}
.news ul li dl dd i{display: block; line-height: 25px;font-size: 16px; color:#00a1e9; margin-bottom: 12px; font-family: Arial,sans-serif;}
.news ul li dl dd h4{line-height: 31px; margin-bottom: 22px;height:62px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.news ul li dl dd h4 a{font-size: 20px; color:#1c6687; font-family: Arial,sans-serif; font-weight: normal;}
.news ul li dl dd p{line-height: 25px;font-size: 16px; color:#666666; margin-bottom: 44px;font-family: Arial,sans-serif;}
.news ul li dl dd em{display: block; width:46px;height:46px;}
.news ul li dl dd em a{display: block; height:46px; background:url(images/news-jt.png) no-repeat center;}
.news ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}


.case .cs-list dl img {
    width: 100%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.case .cs-list dl:hover img{
-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); 
}
.case .cs-list dl dt{ overflow:hidden;}
.Solutions .sol-main .img{width: 100%;position:relative;z-index: 9; overflow:hidden}
.Solutions .sol-main .img img{

    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.Solutions .sol-main .solist:hover .img img{

-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); 

}

.ft-bot span {
    margin-right: 26px;
}

.ft-bot em a {
    margin-right: 26px;
}




.h_tenu {

}

.h_tenu .menas {
    position: absolute;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 48px;
    left: 0px;
    top: 3.4rem;
    transition: all 0.5s;
    background: #fafafa;
    padding: 15px 4%;
     box-shadow: 0px 1px 7px #efefef;
}

.h_tenu p.p1 {
    background: url(../../images/Common/f_mobile.png) no-repeat 0.2rem;
}

.h_tenu .menas p {
padding-left: 10%;
    display: block;
    font-size: 15px;
    line-height: 43px;
    height: 40px;
    text-align: left;
    margin-top: -1px;
}

.h_tenu p.p2 {
    background: url(../../images/Common/f_email.png) no-repeat no-repeat 0.2rem center;
    line-height:42px;
}


.tb-search-con {
    position: absolute;
    display: none;
    overflow: hidden;
    width: 92%;
    height: 40px;
    border-radius: 49px;
    right: 0rem;
    top: 3.4rem;
    transition: all 0.5s;
    background: #fafafa;
    padding: 24px 10% 15px 10%;
    box-shadow: 0px 1px 7px #efefef;
}

.tb-search-con input#sousuo {
    float: left;
    background: url(../../images/index/sss.png) no-repeat;
    width: 5%;
    padding: 10px;
    margin: 5px 0 0 12px;
    cursor: pointer;
}

input#seachkeywords {
    border: 1px solid #a1a1a1;
    width: 85%;
    float: left;
    height: 28px;
    text-align: center;
    color: #a1a1a1;
    line-height: 28px;
    border-radius: 20px;
    font-size: 14px;
}

.h_tenu li.li4.gb {
    background: url(../../images/index/gbs.png) no-repeat center;
}



html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}
.chdesc{ bottom:12%;}
 
.Solutions .sol-column li{    padding: 1.5% 0px 1.5% 7%;}                                       
                                       
}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}

.chdesc{ bottom:12%;}

.Solutions .sol-column li{    padding: 1.5% 0px 1.5% 7%;}     
                                       
 .newsone dl dd {
    padding-bottom:2rem;
}                                      
}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}
                                 
.chdesc{ bottom:12%;}  
.Solutions .sol-column li{    padding: 1.5% 0px 1.5% 7%;}     


.newsone dl dd {
    padding-bottom:1.3rem;
}                                        
}
@media screen and (min-width: 1440px) {html {font-size: 15px;}
                                    
.chdesc{ bottom:8%;}
.Solutions .sol-column li{    padding: 2% 0px 2% 7%;}     

                                       
  .newsone dl dd {
    padding-bottom: 2.3rem;
}                                     
 }
@media screen and (min-width: 1680px) {html {font-size: 16.66px;}

.chdesc{ bottom:7%;}                                         
   .newsone dl dd {
    padding-bottom: 2.3rem;
}
.Solutions .sol-column li{    padding: 3% 0px 3% 7%;}     

                                    
}

@media screen and (min-width: 1780px) {html {font-size: 16.66px;}

.chdesc{ bottom:7%;}                                         
   .newsone dl dd {
    padding-bottom: 1.6rem;
}
.Solutions .sol-column li{    padding: 3% 0px 3% 7%;}     

                                    
}
@media screen and (min-width: 1920px) {html {font-size: 20px;}
                                   
.chdesc{ bottom:5%;}  
   .newsone dl dd {
    padding-bottom: 1.5rem;
} 
.Solutions .sol-column li{    padding: 3% 0px 3% 7%;}     
                                   
}