@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg') format('svg');
}

.izl-rmenu .iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.izl-rmenu .icon-tab_try:before {
    content: "\e673";
}
.izl-rmenu .icon-tab_sqsy:before {
    content: "\e63a";
}

.izl-rmenu .icon-tab_call:before {
    content: "\e639";
}
.izl-rmenu .icon-huidaodingbu:before {
    content: "\e655";
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-chanpin1:before {
    content: "\e649";
}

.icon-chanpin2:before {
    content: "\e64a";
}

.icon-chanpin3:before {
    content: "\e64e";
}

.icon-chanpin4:before {
    content: "\e64b";
}

.icon-chanpin5:before {
    content: "\e64c";
}

.icon-chanpin6:before {
    content: "\e64d";
}


.icon-gongsi1:before {
    content: "\e64f";
}

.icon-gongsi2:before {
    content: "\e650";
}

.icon-gongsi3:before {
    content: "\e651";
}

.icon-shouhou1:before {
    content: "\e652";
}

.icon-shouhou2:before {
    content: "\e653";
}

.icon-shouhou3:before {
    content: "\e654";
}

.icon-weixin:before {
    content: "\e673";
}

.section {
    padding: 50px 0;
    overflow: hidden;
}
.container{
    margin: 0 auto;
    width: 100%;
}
.section .section--header .section--title {
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    color: #003e6c;
}
.title_linetop {
    width: 80px;
    height: 4px;
    background: #e4392a;
    border-radius: 50px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}
.am-nav-tabs.am-nav-tsbs-conter {
    text-align: center;
    margin-top: 50px;
    border-bottom: none;
}
.am-nav {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
.am-tabs-bd.am-nav-tsbs-conter-box {
    border: none;
}
.am-tabs-bd {
    position: relative;
    overflow: hidden;
    z-index: 100;
    transition: height .3s;
}
.am-tabs-bd:before, .am-tabs-bd:after {
    content: " ";
    display: table;
}
.am-tabs-bd .am-tab-panel.am-active {
    position: relative;
    z-index: 100;
    visibility: visible;
    transform: translateX(0);
}
.am-tabs-bd .am-tab-panel {
    top: 0;
    float: left;
    width: 100%;
    padding: 10px 10px 15px;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.index-container {
    margin-top: 50px;
}
.am-g {
    margin: 0 auto;
    width: 100%;
}
.am-g:before, .am-g:after {
    content: " ";
    display: table;
}
.am-tabs-bd .am-tab-panel * {
    -webkit-user-drag: none;
}
.cont_linetop {
    width: 50px;
    height: 4px;
    background: #cacaca;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}
.index-container .service_item .service_item--text {
    font-size: 16px;
    text-align: center;
    color: #969696;
    line-height: 23px;
}
.newt{

    width: 100%;
height: 32px;
background: #e4392a;
line-height: 32px;
font-size: 16px;
text-align: center;
color: #fff;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-word !important;
    line-break: anywhere;
    -webkit-line-clamp: 1;
}
@media only screen and (min-width: 641px){
    .am-u-md-4 {
        width: 33.33333333%;
    }
}
@media only screen and (min-width: 641px)
[class*="am-u-"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
[class*="am-u-"] {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
    position: relative;
}
.am-nav-tabs.am-nav-tsbs-conter>li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    float: none;
    padding: 0 10px;
    margin-bottom: -1px;
        position: relative;
}
.am-nav-tabs.am-nav-tsbs-conter>li.am-active>a, .am-nav-tabs.am-nav-tsbs-conter>li.am-active>a:hover, .am-nav-tabs.am-nav-tsbs-conter>li.am-active>a:focus {
    color: #e4392a;
    background-color: #fff;
    border: none;
    font-weight: bold;
    border-bottom-color: transparent;
    cursor: default;
}
.am-nav-tabs.am-nav-tsbs-conter>li>a:before {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    font-size: 14px;
    content: " ";
    left: 50%;
    margin-left: -18px;
    bottom: -37px;
    z-index: 1;
    background: url(../image/nosele_c.png) no-repeat;
}
.am-nav-tabs.am-nav-tsbs-conter>li.am-active>a:before {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    font-size: 14px;
    content: " ";
    left: 50%;
    margin-left: -18px;
    bottom: -37px;
    z-index: 1;
    background: url(../image/sele_c.png) no-repeat;
}
.am-nav-tabs.am-nav-tsbs-conter>li a:after {
    border-top: 1px #ddd solid;
    height: 1px;
    width: 125px;
    content: " ";
    position: absolute;
    bottom: -15px;
    left: -10px;
    z-index: 0;
}

.am-nav:before, .am-nav:after {
    content: " ";
    display: table;
}
.am-nav-tabs > li > a {
    margin-right: 5px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 0 0 0 0;
}
.am-nav > li > a {
    position: relative;
    display: block;
    padding: 0.4em 1em;
    border-radius: 0;
}
.am-nav:after {
    clear: both;
}
.am-tabs-bd.am-nav-tsbs-conter-box {
    border: none;
}
.am-tabs-bd {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 100;
    -webkit-transition: height .3s;
    transition: height .3s;
}
.am-tabs-bd:before, .am-tabs-bd:after {
    content: " ";
    display: table;
}
.am-tabs-bd .am-tab-panel.am-active {
    position: relative;
    z-index: 100;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.am-tabs-bd .am-tab-panel {
    position: absolute;
    top: 0;
    z-index: 99;
    float: left;
    width: 100%;
    padding: 10px 10px 15px;
    visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.am-tabs-bd .am-tab-panel * {
    -webkit-user-drag: none;
}
.am-g {
    margin: 0 auto;
    width: 100%;
}
.am-g:before, .am-g:after {
    content: " ";
    display: table;
}
[class*="am-u-"] {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
    position: relative;
}

.am-tabs-bd .am-tab-panel * {
    -webkit-user-drag: none;
}
.index-container .service_item {
    overflow: hidden;
    cursor: pointer;
    margin-left: 20px;
    margin-right: 20px;
}
.index-container .service_item {
    margin-top: 30px;
    border: 1px solid #e4392a;
    border-radius: 10px;
    padding: 82px 15px 48px;
    position: relative;
    height: 220px;
    margin-left: 20px;
    margin-right: 20px;
}
.index-container .service_item:hover .service_item--icon.iconbox {
    color: #fff;
    top: 0px;
}
.index-container .service_item .service_item--icon.iconbox {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: initial;
    transition-delay: initial;
    color: #e4392a;
}
.index-container .service_item .service_item--icon {
    font-size: 55px;
    display: block;
    color: #59bcdb;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translate(-50%,0);
}
.icon-chanpin1:before {
    content: "\e649";
}
.index-container .service_item .service_item--icon.ico_img, .index-container .service_item .service_item--title, .index-container .service_item .min_font {
    hidden: ;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: initial;
    transition-delay: initial;
}
.index-container .service_item .service_item--title {
    margin-top: 1em;
}
.index-container .service_item .service_item--title {
    font-size: 20px;
    text-align: center;
    color: #3a4762;
        font-weight: 600;
}
.am-tabs-bd .am-tab-panel * {
    -webkit-user-drag: none;
}
.index-container .service_item .service_item--text {
    font-size: 16px;
    text-align: center;
    color: #969696;
    line-height: 23px;
        font-weight: 600;
}
.index-container .service_item .min_font {
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}
.index-container .service_item:hover {
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#06bcfe, endcolorstr=#4383eb, gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#06bcfe, endcolorstr=#4383eb, gradientType=0);
    background: #16aef8;
    
    background: -moz-linear-gradient(top, #e4392a, rgba(5, 189, 254, 1));
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4392a), to(rgba(227, 90, 77, 1)));
}
.index-container .service_item:hover .service_item--icon.ico_img {
    top: 15px
}

.index-container .service_item:hover .service_item--title {
    margin-top: -10px;
    color: #fff;
}

.index-container .service_item:hover .cont_linetop {
    background: #fff;
}

.index-container .service_item:hover .service_item--icon.am-icon-blue-ico01,
.index-container .service_item:hover .service_item--icon.am-icon-blue-ico02,
.index-container .service_item:hover .service_item--icon.am-icon-blue-ico03,
.index-container .service_item:hover .service_item--icon.am-icon-blue-ico04,
.index-container .service_item:hover .service_item--icon.am-icon-blue-ico05,
.index-container .service_item:hover .service_item--icon.am-icon-blue-ico06,
.index-container .service_item:hover .service_item--icon.am-gongsi1-blue-ico01,
.index-container .service_item:hover .service_item--icon.am-gongsi1-blue-ico02,
.index-container .service_item:hover .service_item--icon.am-gongsi1-blue-ico03,
.index-container .service_item:hover .service_item--icon.am-serve-blue-ico01,
.index-container .service_item:hover .service_item--icon.am-serve-blue-ico02,
.index-container .service_item:hover .service_item--icon.am-serve-blue-ico03 {
    opacity: 0;
    display: none;
}

.index-container .service_item:hover .service_item--icon.am-icon-white-ico01,
.index-container .service_item:hover .service_item--icon.am-icon-white-ico02,
.index-container .service_item:hover .service_item--icon.am-icon-white-ico03,
.index-container .service_item:hover .service_item--icon.am-icon-white-ico04,
.index-container .service_item:hover .service_item--icon.am-icon-white-ico05,
.index-container .service_item:hover .service_item--icon.am-icon-white-ico06,
.index-container .service_item:hover .service_item--icon.am-gongsi1-white-ico01,
.index-container .service_item:hover .service_item--icon.am-gongsi1-white-ico02,
.index-container .service_item:hover .service_item--icon.am-gongsi1-white-ico03,
.index-container .service_item:hover .service_item--icon.am-serve-white-ico01,
.index-container .service_item:hover .service_item--icon.am-serve-white-ico02,
.index-container .service_item:hover .service_item--icon.am-serve-white-ico03 {
    opacity: 1;
}
.index-container .service_item:hover .min_font {
    color: #fff;
    font-size: 14px;
    opacity: 1;
    text-align: center;
    margin-top: 10px;
}
.index-container .service_item:hover .service_item--icon.iconbox {
    color: #fff;
    top: 0px;
}
.container .text-dark {
    color: #333;
}
.container h2 {
    font-size: 40px;
    color: #727171;
    font-weight: 600;
}
.container h5 {
    font-size: 18px;
    color: #595757;
    text-transform: uppercase;
    font-weight: 600;
}
   .client {
       overflow: hidden;
       padding: 2px 1px 10px;
   }
    .client li {
    border: solid 1px #ddd;
    margin: -1px 0 0 -1px;
    float: left;
    width: 33.333333%;
}
.client li img {
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: 0.4;
    transition-duration: 0.4s;
    transition-property: all;
}
    .client li .img {
    display: block;
    max-width: 100%;
    height: auto;
}
.client li:hover img {

	-webkit-filter:grayscale(0);

	-webkit-filter:grayscale(0);

	-ms-filter:grayscale(0);

	filter:grayscale(0);

	filter:none;

	opacity:1;

}
.ul-icon-i li{
    width: 20%;
}
.fd-top dt a{
    color: #fff;
}
@media (min-width: 760px){
    .client li {
    width: 16.6666666%;
}

}

@media only screen and (min-width: 641px){
   .am-u-md-4 {
    width: 33.33333333%;
} 
[class*="am-u-"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.am-u-md-4 {
    width: 33.33333333%;
}

}

@media (min-width:1200px) {
    .container {
        width: 1170px !important;
        margin: 0 auto
    }
    .case-i-r .ul-case-i li {
    float: left;
    width: 33.3%;
    padding: 0 15px;
    margin-bottom: 30px;
    overflow: hidden;
}
}
@media screen and (max-width: 640px){
  .section .section--header {
    padding: 0 15px;
    }  
    .section .section--header .section--title {
        font-size: 30px !important;
    }
}
@media screen and (max-width: 480px){
   .ul-icon-i li, .ul-case-i li {
    width: 100%;
} 
}