* {
    box-sizing: border-box;
}
*:before,
*:after {
    box-sizing: border-box;
}
.trans{
    -webkit-transition:.3s;
    transition:.3s;
}
.cover{
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

a{
    color: #333;
}
a:hover{
    color: #fe0103;
}
u{text-decoration: none;}
img{
    max-width: 100%;
    height: auto;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
select,
input,
textarea{
    outline: none;
}
body{
    padding-top: 95px;
}

.tl{text-align: left !important;}
.tr{text-align: right !important;}
.tc{text-align: center !important;}

hr{border: none;outline: none;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}

.line2{
    border-top: 1px dashed #e4e4e4;
    font-size: 0;
    overflow: hidden;
    line-height: 0;
    height: 0;
}
.line1 {
    border: none;
    height: 1px;
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}

.ic {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    margin: 0 4px 0 0;
}
body{
    font-family: Helvetica;
    font-size: 14px;
    overflow-x: hidden;
}
.wp{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

/*
-----------------[slick]--------------*/

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*手机头部*/
.m-bar{
    height: 60px;
    background-color: #fff;
}
.logo-m{
    width: 75%;
    display: inline-block;
    float: left;
    margin-left: 10px;
    height: 60px;
    line-height: 60px;
}
.logo-m img{
    height: 30px;
    display: inline-block;
    z-index: 60;
    vertical-align: middle;
}
.m-hd{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    z-index: 1000000;
}
.m-nav{
    clear: both;
    top: 60px;
    left: 0;width: 100%;
}
.m-nav a{
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    background-color: #fff;
    padding: 0 20px;
    text-transform: uppercase;
    color: #333;
}

.m-trigger{
    height: 60px;
    cursor: pointer;
    width: 60px;
    float: right;
    background: url(/Public/Images/home/phpcms/zh-cn/menu.png) no-repeat center center;
    background-size: 25px;
}
.m-nav{display: none;}
.m-sub{
    display: none;
}
.m-sub a{font-size: 14px;padding: 0 30px;background-color: #F1F1F1;border-top-color: #efefef;}

.m-show{display: none;}

/*头部*/
#hd{
    background: #fff;
    height: 95px;
    padding: 0 90px 0 70px;
    position: relative;
    z-index: 999;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 6000000;
    -webkit-transition:.4s;
    transition:.4s;
}
/* #hd.small .logo a img{
    height: 40px;
}
#hd.small .logo a{
    height: 60px;
    line-height: 60px;
}
#hd.small{
    height: 60px;
} */
#hd .logo{
    float: left;
}
#hd .logo a{
    display: inline-block;
    line-height: 95px;
}
#hd .logo a img{
    display: inline-block;
    vertical-align: middle;
}
#nav{
    float: right;
}
#nav .language{
    float: right;
    background: url(/Public/Images/home/phpcms/zh-cn/icon_lan.png) left 53px no-repeat;
    width: 72px;
    height: 95px;
    padding-top: 50px;
    position: relative;
}
#nav .language ul{
    background: url(/Public/Images/home/phpcms/zh-cn/arr01.png) right 13px no-repeat;
    padding-right: 22px;
    padding-left: 10px;
    height: 27px;
    overflow: hidden;
    position: absolute;
    left: 30px;
    top: 47px;
    -webkit-transition:.2s;
    transition:.2s;
    background-color: #fff;
}
#nav .language ul li{
    line-height: 30px;
    margin-right: 0;
    display: block;

}
#nav ul{
    float: right;
}
#nav ul li{
	white-space: nowrap;
    display: inline-block;  
    margin-right: 14px;
    position: relative;
    max-width: 27%;
}
#nav ul li .a1{
    display: inline-block;
    -webkit-transition:.3s; transition:.3s;
    padding: 50px 28px 26px 28px;
}
#nav ul li .a1:hover,
#nav ul li.ok .a1{
    background-color: #fe0000;
    color: #fff;
}
#nav ul li dl{
    position: absolute;
    left: 0;
    top: 120px;
    border-top: 4px solid #fe0000;
    width: 320px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition:.4s;
    transition:.4s;
    z-index: -1;
}
#nav ul li.ok dl{
    top: 92px;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}
#nav ul li dl dd{
    line-height: 48px;
    padding: 0 25px;
}
#nav ul li dl dd a{
    color: #7b7b7b;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition:.2s;
    transition:.2s;
}
#nav ul li dl dd:hover{
    background-color: #fe0000;
}
#nav ul li dl dd a:hover{
    color: #fff;
    border-bottom-color: #fe0000;
}
#nav ul li dl dd:last-child{
    border-bottom: 0;
}


/*底部*/
#fd{
    padding: 20px 0;
    text-align: center;
    color: #999;
    border-top: 1px solid #eeeeee;
}


/*banner*/
#banner *{
    outline: none;
}

#banner a{
    display: block;
    height: 100%;
    background-position: 50% 50%;
    position: relative;
    background-repeat: no-repeat;
}
#banner .slick-arrow{
    position: absolute;
    top: 44%;
    background: url(/Public/Images/home/phpcms/zh-cn/banner_prev.png) no-repeat;
    width: 40px;
    height: 78px;
    font-size: 0;
    border: 0;
    z-index: 50;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition:.2s;
    transition:.2s;
}
#banner .slick-prev{
    left: 4%;
}
#banner .slick-next{
    right: 4%;
    background-image: url(/Public/Images/home/phpcms/zh-cn/banner_next.png);
}
#banner .slick-dots{
    text-align: center;
    height: 48px;
    display: inline-block;
    padding-top: 21px;
    background-color: #f5f5f5;
}
#banner.on .slick-arrow{
    opacity: 0;
}

.dot-box {text-align: center;    background-color: #f5f5f5;
    border-bottom: 1px solid #eeeeee;
}
#banner .slick-dots li{
    display: inline-block;
    padding-right: 68px;
    position: relative;
}
#banner .slick-dots li em{
    background: url(/Public/Images/home/phpcms/zh-cn/banner_dots.png) no-repeat;
    width: 11px;
    height: 11px;
    cursor: pointer;
    font-size: 0;
    display: inline-block;
    background-position: right 0;
    vertical-align: top;
}
#banner .slick-dots li.slick-active em{
    background-position: 0 0;
}
#banner .slick-dots li:after{
    content: '';
    background: #241615;
    height: 1px;
    width: 68px;
    position: absolute;
    left: 11px;
    top: 5px;
}
#banner .slick-dots li:last-child{padding-right: 0;}
#banner .slick-dots li:last-child:after{
    display: none;
}
#banner .slick-list,
#banner .slick-track{
    height: 100%;
}
#banner{
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 51px;
    text-align: center;
}
.banner-holder{
    position: relative;
    height: 100%;
    background-color: #f5f5f5;
}
#banner img{
    display: block;
}


#banner .dot{
    position: absolute;
    width: 70px;
    height: 70px;
}
#banner .dot b{
    position: relative;
    background:#000 url(/Public/Images/home/phpcms/zh-cn/icn_cockpit_parts.png) no-repeat 50%;
    background-clip: padding-box;
    width: 40px;
    height: 40px;
    border-radius: 21px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
}
#banner .dot:after{
     background: rgba(255, 255, 255, 0.3);
     border-radius: 32px;
     border: 1px solid rgba(255, 255, 255, 0.5);
     content: "";
     position: absolute;
     top: -30px;
     left: 0;
     right: 0;
     bottom: 0;
     width: 64px;
     height: 64px;
     margin: auto;
     -webkit-transform: scale(0.65);
     -ms-transform: scale(0.65);
         transform: scale(0.65);
     opacity: 1;
     animation-name: circle-anim;
     animation-iteration-count: infinite;
     animation-duration: 1.2s;
     animation-delay: 0.6s;
     -webkit-animation-name: circle-anim;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-duration: 1.2s;
     -webkit-animation-delay: 0.6s;
     z-index: 1;
}

@keyframes circle-anim {
    0% {
        -webkit-transform: scale(0.65);
                transform: scale(0.65);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes circle-anim {
    0% {
        -webkit-transform: scale(0.65);
                transform: scale(0.65);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
    }
}

#banner .dot:hover:after {
    animation-name: none;
    -webkit-animation-name: none;
}

#banner .dot1{
   left: 50%;
   margin-left: 290px;
   top: 50%;
   margin-top: -230px;
   z-index: 200;
    /*left: 45%;*/
    /*top: 18%;*/
}
#banner .dot2{
   left: 50%;
   top: 50%;
   margin-top: -20px;
   margin-left: 350px;
    /*left: 82%;*/
    /*top: 47.18%;*/
}
#banner .dot3{
   left: 50%;
   top: 50%;
   margin-top: 90px;
   margin-left: 210px;
    /*left: 77%;*/
    /*bottom: 20%;*/
}


#banner .dot:hover:after,
#banner .dot:hover b{
	opacity: 0;
}
#banner .dot .img{
    position: absolute;
    top: 50px;
    left: 0;
    opacity: 0;
    width: 300px;
    -webkit-transition:.2s;
    transition:.2s;
    visibility: hidden;
    border-radius: 20px;
    transform: scale(0);
    -webkit-transform: scale(0);
}
#banner .dot i{
    position: absolute;
    height: 30px;
    border: 1px solid #ddd;
    width: 30px;
}
#banner .dot .i1{
    left: -10px;
    top: -10px;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 20px;
}
#banner .dot .i2{
    right: -10px;
    top: -10px;
    border-left: none;
    border-bottom: none;
    border-top-right-radius: 20px;
}
#banner .dot .i3{
    left: -10px;
    bottom: -10px;
    border-top: none;
    border-right: none;
    border-bottom-left-radius: 20px;
}

#banner .dot .i4{
    bottom: -10px;
    right: -10px;
    border-top: none;
    border-left: none;
    border-bottom-right-radius: 20px;
}
#banner .dot i{display: none;}
#banner .dot:hover{
    z-index: 60;
}
#banner .dot:hover .img img{
    width: 100%;
}
#banner .dot:hover .img{
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible;
}
#banner .dot1 .img{
    left: -118px;
    top: -112px;
    z-index: 40;
}

#banner .dot2 .img{
    left: auto;
    right: -125px;
    margin-top: -168px;
}

#banner .dot3 .img{
    left: auto;
    right: -109px;
    margin-top: -191px;
}
#banner .dot .img{
    width: 300px;
}
#banner h3{
    font-size: 50px;font-weight: bold;
    /*color: #e70012;*/
    color: #333333;
    padding-bottom: .5em;
    font-weight: bold;
    position: absolute;
    right: 3.6%;
    top: 40%;
    width: 10.2em;
    text-align: left;
}
#banner h3:after{
    content: '';
    width: 80px;
    display: block;
    margin-top: 10px;
    border-top: 4px solid #333333;
}
#banner .last h3{
	/*right: auto;*/
	/*left: 15%;*/
}

/*首页*/
.row1{
    /*padding-top: 97px;*/
    padding-top: 5%;
    background-color: #f5f5f5;
}
.tit-i{
    text-align: center;
    margin-bottom: 30px;
}
.tit-i span{
    font-size: 35px;
    padding-bottom: 29px;
    padding-bottom: 0.83em;
    position: relative;
}
.tit-i span:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 43px;
    height: 4px;
    background: #ff0000;
    display: inline-block;
    margin-left: -21px;
}
.row1 .tit-i{
    margin-bottom: 5.84em;
}

.ul-list1{overflow: hidden;/*padding-bottom: 7%;*/}
.ul-list1 li{
    float: left;
    width: 25%;
    text-align: center;
}
.ul-list1 li a{
    display: block;
    width: 100%;
    padding: 0 16%;
    padding-top: 65px;
    padding-bottom: 60px;
    background-color: #f2f2f2;
    -webkit-transition:.3s;
    transition:.3s;
    height: 357px;
}
.ul-list1 li a span{
    height: 80px;
    display: inline-block;
    background: url(/Public/Images/home/phpcms/zh-cn/icon01.png) no-repeat; 
    width: 94px;
}
.ul-list1 li a p{
    color: #7d7d7d;
}
.ul-list1 li a h3{
    font-size: 16px;
    padding: 25px 0;
}
.ul-list1 li a:hover{
    background-color: #ff0000;
    border-bottom-color: #f00;
    color: #fff;
    box-shadow: 0px 5px 5px -2px rgba(0,0,0,.2);
}
.ul-list1 li a:hover p{
    color: #fff;
}
.ul-list1 li.s1 a span{
    background-position: 12px 0;
}
.ul-list1 li.s2 a span{
    background-position: 0 0;
    background-image: url(/Public/Images/home/phpcms/zh-cn/icon02.png);
}
.ul-list1 li.s3 a span{
    background-position: 25px 0;
    background-image: url(/Public/Images/home/phpcms/zh-cn/icon03.png);
}
.ul-list1 li.s4 a span{
    background-position: 21px 0;
    background-image: url(/Public/Images/home/phpcms/zh-cn/icon04.png);
}
.ul-list1 li.s1 a:hover span{
    background-position: 12px -220px;
}
.ul-list1 li.s2 a:hover span{
    background-position: 0 -217px;
}
.ul-list1 li.s3 a:hover span{
    background-position: 25px -217px;
}
.ul-list1 li.s4 a:hover span{
    background-position: 20px -222px;
}

.i-about{
    overflow: hidden;
}
.i-about .pic{
    float: left;
    width: 50%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 2.85%;
    position: relative;
}
.i-about .pic:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(26,33,43,.65);
}
.i-about .pic .bor{
    border: 3px solid #fff;
    position: relative;
    z-index: 10;
    text-align: center;
    padding: 18.3% 0;
    overflow: hidden;
}
.i-about .pic ul li{
    width: 25%;
    display: inline-block;
}
.i-about .pic ul li a{
    color: #fff;
    display: block;
}
.i-about .pic ul li a span{
    display: inline-block;
    /* width: 132px;
    height: 132px; 
    line-height: 132px;*/
    padding: 31.2%;
    border: 1px solid #fff;
    border-radius: 100%;
    max-width: 100%;
    margin-bottom: 25px;
    position: relative;
    -webkit-transition:.2s;
    transition:.2s;
}
.i-about .pic ul li a:hover span{
    background-color: #f00;
    border-color: #f00;
}

.i-about .pic ul li a span img{
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 43%;
}
.i-about .txt{
    overflow: hidden;
    padding: 5.1% 5%;
    color: #666;
    line-height: 26px;
}
.i-about .txt .tit-i{
    margin-bottom: 5.5em;
    color: #494949;
}
.i-about .txt .more{
    margin-top: 4.29em;
    text-align: center;
}
.i-about .txt .more a{
    display: inline-block;
    padding: 0 4.79em;
    border: 1px solid #ff0000;
    color: #f00;
    height: 50px;
    line-height: 50px;
    -webkit-transition:.3s;
    transition:.3s;
}
.i-about .txt .more a:hover{
    background-color: #ff0000;
    color: #fff;
}

.i-contact{
    background: url(/Public/Images/home/phpcms/zh-cn/map_bg.png) center center no-repeat #16191c;
    margin-top: 7%; 
    padding: 5.7em 0;
    position: relative;
}
.i-contact .tit-i{
    text-align: left;
    color: #fff;
}
.i-contact .tit-i span{
    padding-bottom: 22px;
}
.i-contact .tit-i span:after{
    left: 0;
    background-color: #fff;
    margin-left: 0;
    height: 5px;
}
.i-contact .txt{
    padding-top: 36px;
    color: #fff;
    width: 50%;
}
.i-contact .txt ul li{
    line-height: 34px;
    background: url(/Public/Images/home/phpcms/zh-cn/icon_fd.png) no-repeat;
    padding-left: 40px;
}
.i-contact .txt ul li p{
    
}
.i-contact .txt ul li.s1{
    background-position: 0 11px;
}
.i-contact .txt ul li.s2{
    background-position: 0 -19px;
}
.i-contact .txt ul li.s3{
    background-position: 0 -55px;
}
.i-contact .txt ul li.s4{
    background-position: 0 -88px;
}
.i-contact .txt .icon{
    margin-top: 30px;
    margin-bottom: 5.71em;
}
.i-contact .txt .icon a{
    display: inline-block;
    width: 27px;
    height: 27px;
    background-color: #4e4e4e;
    text-align: center;
    line-height: 27px;
    border-radius: 100%;
    margin-right: 10px;
    -webkit-transition:.3s; transition:.3s;
}
.i-contact .txt .icon a img{
    display: inline-block;
    vertical-align: middle;
}
.i-contact .txt .icon a:hover{
    background-color: #ff0000;
}

.i-contact .txt p a{
    color: #666;
    display: inline-block;
    white-space: nowrap;
    margin-right: 2.86em;
}
.i-contact .form{
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    width: 46%;
    padding: 3.4em 7% 4.5em 7%;
}
.i-contact .form li{
    height: 61px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    line-height: 60px;
}
.i-contact .form li span{
    float: left;
    color: #999;
}
.i-contact .form li .inp-box{
    overflow: hidden;
    position: relative;
    padding-left: 10px;
}
.i-contact .form li .inp-box .inp{
    width: 100%;
    height: 58px;
    border: 0;
}
.i-contact .form .sub{
    width: 100%;
    height: 38px;
    text-align: center;
    background-color: #ff0000;
    cursor: pointer;
    border: 0;
    text-align: center;
    color: #fff;
    font-family:"微软雅黑","Microsoft Yahei";
    margin-top: 23px;
    -webkit-transition:.3s; transition:.3s;
}

.i-contact .form .sub:hover{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
#ban-in{
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 150px 0;
    text-align: center;
    color: #fff;
    position: relative;
}
#ban-in:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/Public/Images/home/phpcms/zh-cn/bg_disc.png) repeat;
}
.type-name{
    position: relative;
    z-index: 10;
}
.type-name h3{
    font-size: 80px;
    font-weight: bold;
    text-transform: uppercase;
}
.type-name h4{
    font-size: 25px;
    font-weight: bold;
}
.ul-list2{
    margin: 0 -15px;
    padding: 9.14em 0;
    overflow: hidden;
    background: #f8f8f8;
}
.ul-list2 li{
    padding: 0 15px;
}
.ul-list2 li a{
    background-color: #fff;
    border: 1px solid #eeeeee;
}

.technology-slider{
    padding-top: 9em;
    padding-bottom: 8.29em;
    padding-left: 70px;
    padding-right: 70px;
}
.technology-slider *{
    outline: none;
}
.technology-slider .item{
    text-align: center;
}
.technology-slider .item a{
    display: block;
    font-size: 16px;
}
.technology-slider .item span{
    padding: 25%;
    position: relative;
    display: inline-block;
    border: 1px solid #cdcdcd;
    border-radius: 100%;
    margin-bottom: 35px;
}
.technology-slider .item span img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    opacity: .3;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 30)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}
.technology-slider .slick-current a span,
.technology-slider .item a:hover span{
    border-color: #e70012;
}
.technology-slider .slick-current span img,
.technology-slider .on span img,
.technology-slider .item a:hover span img{
    -webkit-filter: none;
            filter: none; /* Firefox 10+, Firefox on Android */
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.technology-slider .slick-current a,

.technology-slider .on a{
    color: #fe0103;
}
.technology-slider .slick-current a{
    /*color: #fe0103;*/
}
.technology-slider .slick-arrow{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 61px;
    height: 48px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    opacity: .3;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 30)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    font-size: 0;
    border: 1px solid #dcdcdc;
    text-align: center;
    z-index: 60;
    cursor: pointer;
    background: transparent;
}
.technology-slider .slick-prev{
    background: url(/Public/Images/home/phpcms/zh-cn/prev01.png) center center no-repeat transparent;
    left: -70px;
}
.technology-slider .slick-next{
    background: url(/Public/Images/home/phpcms/zh-cn/next01.png) center center no-repeat transparent;
    right: -70px;
}
.technology-slider .slick-list{
    padding: 0 !important;
}
.technology-slider .slick-arrow:hover{
    -webkit-filter: none;
            filter: none; /* Firefox 10+, Firefox on Android */
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    border: 1px solid #e70012;
}
/* .technology-slider .slider{
    padding: 0 70px;
} */

.technology-cont{
    /*background: url(/Public/Images/home/phpcms/zh-cn/bg01.jpg) center top no-repeat;*/
    margin-bottom: 10%;
}
.technology-cont .cont{
    background: #fff;
    padding: 5% 10% 15% 10%;
    color: #666;
    line-height: 25px;
    position: relative;
    z-index: 60;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
       -ms-transform: translateZ(0);
       -o-transform: translateZ(0);
       transform: translateZ(0);
}
.technology-cont .tit-i{
    margin-bottom: 60px;
}
.technology-cont .cont:before,
.technology-cont .cont:after{
    content: '';
    position: absolute;
    bottom: 0;
    height: 33px;
    width: 326px;
}
.technology-cont .cont:before{
    background: url(/Public/Images/home/phpcms/zh-cn/shaw_left.png) no-repeat;
    left: 0;
}
.technology-cont .cont:after{
    background: url(/Public/Images/home/phpcms/zh-cn/shaw_right.png) no-repeat;
    right: 0;
}
.technology-cont-slider{
    margin-bottom: -275px;
}
.technology-cont-slider .img{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 500px;
}
.technology-cont img{
	display: inline-block !important;
}
.tit-u1{
    text-align: center;
    padding: 120px 0 65px;
}

.tit-u1 a{
    display: inline-block;
    width: 165px;
    height: 56px;
    line-height: 56px;
    border: 1px solid #dcdcdc;
    color: #999999;
    font-size: 16px;
    text-align: center;
    margin: 0 15px;
}
.tit-u1 a.on{
    background-color: #e70012;
    color: #fff;
    border-color: #e70012;
}
.list-parter{
    border-bottom: 1px solid #eee;
}
.list-parter *{
    outline: none;
}
.list-parter .item{
    border: 1px solid #eeeeee;
    width: 20%;
    text-align: center;
    float: left;
    margin-right: -1px;
    margin-bottom: -1px;
    vertical-align: middle;
}
.list-parter .item a{
    display: block;
    line-height: 130px;
    height: 130px;
}
.list-parter .item img{
    vertical-align: middle;
    display: inline-block !important;
}

.pb-box{
    text-align: center;
    padding: 45px 0;
}

.pb-box a{
    width: 61px;
    height: 48px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    opacity: .3;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 30)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    font-size: 0;
    border: 1px solid #dcdcdc;
    text-align: center;
    z-index: 60;
    cursor: pointer;
    background: transparent;
    display: inline-block;
    margin: 0 18px;
}
.pb-box .prev{
    background: url(/Public/Images/home/phpcms/zh-cn/prev01.png) center center no-repeat transparent;
    left: 0;
}
.pb-box .next{
    background: url(/Public/Images/home/phpcms/zh-cn/next01.png) center center no-repeat transparent;
    right: 0;
}
.pb-box a:hover{
    -webkit-filter: none;
            filter: none; /* Firefox 10+, Firefox on Android */
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    border: 1px solid #e70012;
}

.suport-box{
    background: url(/Public/Images/home/phpcms/zh-cn/bg1.jpg) no-repeat 50%;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 120px;
}
.suport-box li{
    float: left;
    /*width: 390px;*/
    width: 50%;
    height: 140px;
    padding: 0 42px;
    margin-bottom: 40px;
    overflow: hidden;
}
.suport-box .ico{
    display: inline-block;
    float: left;
    width: 140px;
    height: 140px;
    border: 10px solid #ffffff;
    background-color: #ececec;
    border-radius: 50%;
    background-repeat: no-repeat;
}
.suport-box h3{
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
}
.suport-box p{
    line-height: 1.8;
    color: #666;
}
.suport-box .txt{
    overflow: hidden;
    margin-top: 30px;
    padding-left: 40px;
}
.suport-box li.s1 .ico,
.suport-box li.s3 .ico,
.suport-box li.s5 .ico{
    float: right;
}
.suport-box li.s1 .txt,
.suport-box li.s3 .txt,
.suport-box li.s5 .txt{
    padding-right: 40px;
}
.suport-box li.s1,
.suport-box li.s3,
.suport-box li.s5{
    text-align: right;
}
.suport-box li.s3{
    padding-right: 13.8%;
}
.suport-box li.s4{
    padding-left: 13.8%;
    padding-right: 0;
}
.suport-box li.s1{
    padding-left: 90px;
}
.suport-box li.s5{
    padding-left: 120px;
}
.suport-box li.s2,
.suport-box li.s6{
    padding-right: 160px;
}

.suport-box li.s3 .txt{
    padding-left: 0;
}
.suport-box li.s1 .ico{
    background-image: url(/Public/Images/home/phpcms/zh-cn/ic_1.png);
}
.suport-box li.s2 .ico{
    background-image: url(/Public/Images/home/phpcms/zh-cn/ic_2.png);
}
.suport-box li.s3 .ico{
    background-image: url(/Public/Images/home/phpcms/zh-cn/ic_3.png);
}
.suport-box li.s4 .ico{
    background-image: url(/Public/Images/home/phpcms/zh-cn/ic_4.png);
}
.suport-box li.s5 .ico{
    background-image: url(/Public/Images/home/phpcms/zh-cn/ic_5.png);
}
.suport-box li.s6 .ico{
    background-image: url(/Public/Images/home/phpcms/zh-cn/ic_6.png);
}
.suport-box li.s1 .ico{
    background-position: 50% -124px;
}
.suport-box li.s2 .ico{
    background-position: 50% -132px;
}
.suport-box li.s3 .ico{
    background-position: 50% -130px;
}
.suport-box li.s4 .ico{
    background-position: 50% -136px;
}
.suport-box li.s5 .ico{
    background-position: 50% -136px;
}
.suport-box li.s6 .ico{
    background-position: 50% -126px;
}
.suport-box li:hover .ico{
    background-color: #f00;
    background-position: 50% 32px;
}
.suport-box li.s4:hover .ico{
    background-position: 50% 35px;
}
.suport-box li.s7:hover .ico{
    background-position: 50% 29px;
}


.contact-box{
    padding-top: 100px;
    padding-bottom: 196px;
    overflow: hidden;
}
.map-txt{
    float: left;
    width: 37%;
}
.map-txt .tit-i{
    text-align: left;
}
.map-txt .tit-i span{
    font-weight: bold;
    font-size: 30px;
}
.map-txt .tit-i span:after{
    left: 0;
    margin-left: 0;
    background-color: #333333;
}
.map-txt .txt{
    padding: 40px 0;
    color: #666;
    line-height: 35px;
}
.map-box{
    overflow: hidden;
}



.map-box .tab_box{

}
.map-box .tab_box .s_company{
    width: 100%;
    position: relative;
}
.s_company img{
    width: auto\9;
  height: auto;
  max-width: 100%;
}
.img_box{
     width: 100%;
     top: 0;
     z-index: 6;
     background: url(/Public/Images/home/phpcms/zh-cn/map_bg02.jpg) no-repeat;
     padding-top: 83%;
     background-size: 100%;
     position: relative;
}
.img_box span{
    background: url(/Public/Images/home/phpcms/zh-cn/icon_map.png) center top no-repeat;
    padding-top: 28px;
    color: #999;
    position: absolute;
    text-align: center;
}  
.img_box span:hover,
.img_box span.hover{
    font-size: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.img_box span.map1{
    width: 11%;
    height: 13%;
}
.img_box span.map1:hover,
.img_box span.map1.hover{
    background-image: url(/Public/Images/home/phpcms/zh-cn/map01.png);
}
.img_box span.map2{
    width: 14%;
    height: 14%;
}
.img_box span.map2:hover,
.img_box span.map2.hover{
    background-image: url(/Public/Images/home/phpcms/zh-cn/map02.png);
}
.img_box span.map3{
    width: 7%;
    height: 11%;
}
.img_box span.map3:hover,
.img_box span.map3.hover{
    background-image: url(/Public/Images/home/phpcms/zh-cn/map03.png);
}
.img_box span.map4{
    width: 9%;
    height: 11%;
}
.img_box span.map4:hover,
.img_box span.map4.hover{
    background-image: url(/Public/Images/home/phpcms/zh-cn/map04.png);
}
.img_box span.map5{
    width: 14%;
    height: 10%;
}
.img_box span.map5:hover,
.img_box span.map5.hover{
    background-image: url(/Public/Images/home/phpcms/zh-cn/map05.png);
}
.img_box span.map6{
    width: 5.3%;
    height: 6.4%;
    display: inline-block;
}
.img_box span.map6:hover,
.img_box span.map6.hover{
    background-image: url(/Public/Images/home/phpcms/zh-cn/map06.png);
}
 .tip_box{
    position: absolute;
    left: 0;
    top: 0; 
    width: 100%;
    height: 100%;
}
.tip_box .hide{
    width:210px; 
    padding:10px; 
    background:#0576c5; 
    color:#fff; 
    line-height:20px;  
    display:none;  
    position:absolute;
    z-index: 20;
}
.tip_box .hide i{
    width: 0;
    height: 0;
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
    border-bottom:10px solid #0576c5; 
    position:absolute;  
    top: -8px;
    left: 105px; 
}
.tip_box .hide i.i5{
    top: 50%;
    right: -10px;
    left: auto;
    border-left: 5px solid #0576c5; 
    border-right: 5px solid transparent; 
    border-top: 5px solid transparent; 
    border-bottom:5px solid transparent; 

}
.tip_box .hide .contry{ 
    border-bottom:1px solid #fff; 
    padding-bottom:4px; 
    margin-bottom:4px;
} 



.error{
    width: 100%;
    height: 100%;
    text-align: center;
}
.error b,
.error .cont{
    display: inline-block;
    vertical-align: middle;
}
.error b{
    width: 0;
    height: 100%;
    margin-right: -4em;
}
.error .cont{
    text-align: left;
    position: relative;
    height: 400px;
    margin: 0 auto;
}
.error .cont h2{
    padding-top: 80px;
}
.error .cont h3{
    font-size: 35px;
    font-weight: bold;
    color: #000;
    float: left;
    margin-top: 10px;
}
.error .cont .back{
    display: inline-block;
    background-color: #ff0000;
    color: #fff;
    height: 38px;
    line-height: 38px;
    width: 146px;
    text-align: center;
    margin-left: 70px;
    margin-top: 15px;
    vertical-align: middle;
}
.error .cont .back span{
    background: url(/Public/Images/home/phpcms/zh-cn/icon_home.png) left center no-repeat;
    display: inline-block;
    padding-left: 29px;
}
.error .cont em{
    width: 79%;
    height: 100%;
    border: 15px solid #e5e5e5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.about-top{
    padding-top: 100px;
    margin-bottom: 20px;
}
.about-top .tit-i{
    margin-bottom: 80px;
}
.about-top .txt{
    height: 170px;
    overflow-y: auto;
    padding-bottom: 20px;
    color: #535353;
    line-height: 22px;
}
.about-top .txt .pad{
    padding: 0 9%
}
.about-desc{
    background-color: #1b1b1b;
    text-align: center;
    margin-top: 75px;
}
.about-desc .pic{

}
.about-desc .pic img{
    display: inline-block;
    padding: 20px;
    border: 1px solid #ffffff;
    position: relative;
    top: -75px;
}
.about-desc ul{
    overflow: hidden;
    padding-bottom: 95px;
}
.about-desc ul li{
    display: inline-block;
    color: #444343;
    text-align: left;
}
.about-desc ul li b{
    display: block;
    font-size: 55px;
    color: #fff;
}
.about-desc ul li.s2{
    padding: 0 55px;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    margin: 0 60px;
}

.history-box{
    padding-top: 80px;
    background: url(/Public/Images/home/phpcms/zh-cn/line2.gif) repeat-x left 306px;

}
.history-box *{
    outline: none;
}
.history-box .item{padding-bottom: 50px;}
.history-box .item p{
    width: 60%;
    margin: 0 auto;
    line-height: 22px;
    vertical-align: middle;
    border-bottom: 1px solid #e5e5e5;
    height: 70px;
    margin-top: 50px;
    overflow: hidden;
}
.enterprise-culture .tit-in{padding-bottom: 0;}

.history-box .flexslider .flex-direction-nav li{
    display: inline-block;
}
.slider-for .slick-arrow{
    width: 17px;
    height: 8px;
    margin-left: 3px;
    font-size: 0;
    border: 0;
    top: 60%;
    z-index: 9999; 
    cursor: pointer;
    position: static;
    opacity: 1;
    position: absolute;
}
.slider-for .slick-prev{
    left: 0;
    background: url(/Public/Images/home/phpcms/zh-cn/ar_l5.png) no-repeat;
}
.slider-for .slick-next{
    left: auto;
    right: 0;
    background: url(/Public/Images/home/phpcms/zh-cn/ar_r5.png) no-repeat;
}
.slider-for .slick-arrow:hover{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
#hb-nav span{
    color: #333333;
    font-size: 25px;
    -webkit-transition:.2s;
    transition:.2s;
    cursor: pointer;
    text-align: center;
    display: block;
    padding-top: 80px;
    position: relative;
    margin-left: -4px;
}
#hb-nav .slick-current span{
    color: #ff0000;
}
#hb-nav{
    padding-left: 17.8%;
    padding-right: 16%;
    background: url(/Public/Images/home/phpcms/zh-cn/rule.png) no-repeat 50% 50%;
    height: 100px;
}
#hb-nav span:before{
    content: '';
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(1); 
    -ms-transform: scale(1); 
    transform: scale(1);
    -webkit-transition:.4s;
    transition:.4s;
    background: url(/Public/Images/home/phpcms/zh-cn/loc02.png) no-repeat 50% top;
}
#hb-nav .slick-current span:before{
    background: url(/Public/Images/home/phpcms/zh-cn/loc.png) 50% top no-repeat;
}

.about-culture{
    background: url(/Public/Images/home/phpcms/zh-cn/about_bg01.jpg) center top no-repeat #000000;
    padding: 6% 0;
    margin-top: 110px;
    overflow: hidden;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.about-culture .tit-i{
    color: #fff;
}
.about-culture ul{
    padding-top: 80px;
}
.about-culture ul li{
    float: left;
    width: 33.333%;
    text-align: center;
    color: #c2c2c2;
}
.about-culture ul li h3{
    font-size: 18px;
    padding: 25px 0;
}
.about-culture ul li em{
    background: url(/Public/Images/home/phpcms/zh-cn/icon08.png) no-repeat;
    display: inline-block;
    width: 62px;
    height: 62px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    vertical-align: middle;
}
.about-culture ul li span{
    padding:16%;
    border: 2px solid #828282;
    border-radius: 100%;
    position: relative;
    display: inline-block;
}
.about-culture ul li.s2 em{
    background-position: -450px 0;
}
.about-culture ul li.s3 em{
    background-position: -872px 0;
}
.about-culture ul li:hover em{
    background-image: url(/Public/Images/home/phpcms/zh-cn/icon08_h.png);
}
.about-culture ul li:hover span{
    border: 2px solid #ac0808;
}

#ascrail2000{
    background: url(/Public/Images/home/phpcms/zh-cn/line1.gif) repeat-y 50% top;
}

.about-recruit{
    padding: 100px 0;
}
.list-job .item{
    padding: 1.666%;
    color: #666;
    line-height: 1.8;
    float: left;
    width: 50%;
}
.list-job .item h3{
    font-size: 20px;
    margin-bottom: 16px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.list-job a{
    display: block;
    border: 1px solid #eeeeee;
    position: relative;
    padding: 26px;
}
.list-job{
    padding: 60px 0;
}
.list-job b{
    width: 30px;
    height: 30px;
    background: url(/Public/Images/home/phpcms/zh-cn/n1.png) no-repeat 50%;
    text-align: center;
    position: absolute;
    right: 30px;
    top: 24px;
}
.list-job a:hover{
    background-color: #f00;
    color: #fff;
    border-color: #f00;
}
.list-job .slick-dots em{
    display: inline-block;width: 33px;height: 33px;
    text-align: center;
    border: 1px solid #e5e5e5;
    line-height: 33px;
    cursor: pointer;
    color: #666;
}
.list-job .slick-dots{text-align: center;margin-top: 20px;}
.list-job .slick-dots li{
    display: inline-block;
    margin: 0 10px;
}
.list-job .slick-dots .slick-active em{
    background-color: #f00;
    color: #fff;
}
.slick-slider *{
    outline: none;
}
.list-job .con{
    height: 74px;
    overflow: hidden;
}

.recruitment-plan h3{
    font-size: 16px;
    font-weight: bold;
}
.recruitment-plan .con{
    padding: 20px 0;
    margin-bottom: 20px;
}
.recruitment-plan .con p{
    color: #666;
    line-height: 1.6;
}
.apply-now{text-align: right;}
.apply-now a{
    display: inline-block;
    padding-left: 30px;
    background: url(/Public/Images/home/phpcms/zh-cn/ic_7.png) no-repeat left 50%;
    cursor: pointer;
}
.pop-pad{
    padding:0 60px;
    background-color: #fff;
}

.pop{
    position: fixed;
    background: #fff;zoom:1;z-index: 9999;overflow: hidden;zoom:1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.8);
    display: none;
    z-index: 666666;
}
.pop .pop-con{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 520px;
    width: 60%;
    background-color: #fff;
}

#fancybox-frame{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;left: 0;
    overflow: auto;
}

.x-btn{
    position: absolute;
    width: 50px;
    height: 40px;
    background: #fff url(/Public/Images/home/phpcms/zh-cn/x-btn.png) no-repeat 50% 50%;
    right: 20px;
    top: 20px;
    cursor: pointer;z-index: 666;
}





/*begin*/
.apply-form .inp {
   width: 100%;
   border: none;
   background: #fff;
   color: #666;
   font-size: 12px;
   padding: 0 5px;
}

.apply-form .inp-label {width: 120px;float: left;line-height: 35px;color: #a0a0a0;font-weight: bold;}
.apply-form .form-box i{position: relative;top:.2em;width: 10px;display: inline-block;font-style: normal;}
.apply-form .inp-text {height: 35px;}
.apply-form .inp-textarea {height: 320px;padding: 5px;}
.apply-form .inp-box {margin: 0 0 0 120px;position: relative;}
.apply-form li {
    padding: 13px 0;
   border-bottom: 1px solid #e5e5e5;
}
.apply-form .z-tip{
    top: 10px;
}
.apply-form .sub{
    background-color: #e70012;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 14px;
    border: none;
    font-family:"微软雅黑","Microsoft Yahei";
    margin-top: 46px;
    cursor: pointer;
}
.apply-form .sub:hover{
    background-color: #d60919;
}
.apply-form .inp-file{
    margin-top: 10px;
    height: auto;
}
.apply-form{display: none;}
.apply-form{
    background-color: #fff;
    position: fixed;top: 0;left: 0;width: 100%;
    height: 100%;
}

.form-tip{
    background-color: #fff;
    text-align: center;
    width: 568px;
    padding: 80px 0;
}
.form-tip h3{
    font-size: 28px;
    display: inline-block;
    margin-bottom: 50px;
    padding-left: 94px;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: left 0;
    font-weight: bold;
    height: 68px;
    line-height: 68px;
}

.f-success h3{
    background-image: url(/Public/Images/home/phpcms/zh-cn/ok.png);
    color: #242424;
}
.f-error h3{
    color: #ff1515;
    background-image: url(/Public/Images/home/phpcms/zh-cn/wrong.png);
}
.form-tip a{
    height: 36px;
    width: 95px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
}
.f-success a{
    background-color: #242424;
}
.f-error a{
    background-color: #ff1515;

}

.form-tip a:hover{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}


.z-tip {
    line-height: 20px;
    position: absolute;
    left: -100px;
    top: 16px;
    color: #fff;
    background-color: #f1433c;
    white-space: nowrap;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    font-size: 12px;
}

.z-tip u {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    margin-left: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; 
    border-right:5px solid #f1433c; 
    font-size: 12px;
}



.show-tip .z-tip{
    left: 10px;
    visibility: visible;
    opacity: 1;
}



.arrow-left {
    width: 0; 
    height: 0; 
   
}

a.anchor {
    display: block;
    position: relative;
    top: -20px;
    visibility: hidden;
}
 .technology-slider .slick-track{
    margin: 0 auto;
} 

/*新增*/

.txt-u1 h3{
	font-size: 35px;
	margin-bottom: 20px;
	font-weight: bold;
}

.txt-u1{
	overflow: hidden;
	color: #666;
}
.txt-u1 p{
	line-height: 2;
}
.white-text{
	color: #fff;
}
.mn-row1,
.pic-txt .pic,
.bg-cover{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.t-table{
	display: table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.t-cell{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.mn-row1{
	overflow: hidden;
	padding: 13.3% 0 17.3% 0;
}
.mn-row2{
	overflow: hidden;
	padding: 13.3% 0 18.3% 0;
	background-size: 57% auto;
	-webkit-background-size: 57% auto;
	background-position: right 100%;
	background-repeat: no-repeat;
}
.mn-row1 .txt-u1{
	float: right;
}

.mn-row2 .txt-u1{
	float: left;
	width: 41%;
}
.mn-row2 img{vertical-align: bottom;width: 100%;}
.wrap{
	padding: 0 7%;
	overflow: hidden;
}
.mn-row2 .wrap{
	padding: 0 15%;
}
.mn-row1 .txt-u1{
	width: 48%;
	max-width: 591px;
}
.mn-row2 .txt-u1{
	width: 40%;
	max-width: 393px;
}
.pic-txt{
	position: relative;
	overflow: hidden;
	line-height: 2;
}
.pic-txt .pic{
	padding-top: 31.6%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.pic-txt .img img{
	width: 100%;
	vertical-align: bottom;
}
.pic-txt .img,
.pic-txt .pic,
.pic-txt .txt{
	width: 50%;
}
.pic-txt .img,
.pic-txt .pic{
	float: left;
}
.pic-txt .txt{
	position: absolute;
	top: 0;
	height: 100%;
}
.txt-right .txt{
	right: 0;
}
.txt-right .pic{
	float: left;
}
.txt-left .img,
.txt-left .pic{
	float: right;
}
.txt-left .txt{
	left: 0;
}
.mn-pic-txt .txt-right{
	background-color: #e0e1e5;
}
.mn-pic-txt .txt-left{
	background-color: #000;
}
.pic-txt p{
	margin: 0 auto;
	margin-bottom: 10px;
}
.mn-pic-txt .txt-right p{
	width: 50%;
	max-width: 560px;
	color: #666;
}

.mn-pic-txt .txt-left p{
	width: 50%;
	max-width: 404px;
}
.tech-hd{
	text-align: center;
	padding: 60px 0 100px 0;
	font-size: 0;
	overflow: auto;
	white-space: nowrap;
}
.tech-hd a{
	display: inline-block;
	width: 170px;
	text-align: center;
	position: relative;
	color: #666;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eee;
	margin-right: -1px;
	font-size: 14px;
	color: #c2c2c2;
}
.tech-hd .ico{
	display: block;
	height: 70px;
	line-height: 70px;
	opacity: .2;
	margin-bottom: 10px;
	vertical-align: middle;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.tech-hd a:after{
	content: '';
	position: absolute;
	left: 10px;
	right: 10px;
	background-color: #fff;
	box-shadow: 0px 4px 4px -1px rgba(0,0,0,.1);
	top: -50px;
	bottom: -30px;
	z-index: 0;
	display: none;
}
.tech-hd a{
    padding: 0 10px;
    vertical-align: top;
}
.tech-hd span,
.tech-hd p{
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	position: relative;
	z-index: 50;
    white-space: normal;
}
.tech-hd .on:after{
	display: block;
}
.tech-hd a:hover,
.tech-hd .on{
	color: #382e2c;
}
.tech-hd a:hover .ico,
.tech-hd .on .ico{
	opacity: 1;
}

.rapid-proto .pic-txt{
	background-color: #000;
}
.rapid-proto .img{
	width: 53.5%;
}
.rapid-proto .txt{
	width: 46.5%;
}
.rapid-proto p{
	padding: 0 18% 0 20%;
}
.rapid-proto .pic{
	padding-top: 37%;
}
.rapid-proto .t-r1-box{
	margin-top: 6%;
	margin-bottom: 2.5%;
}
.t-r1{
	font-weight: bold;
	color: #000;
	text-align: center;
	font-size: 30px;
	margin: 26px 0;
}

.t-r1-box{
	text-align: center;
}
.t-r1-box p{
	color: #666;
	line-height: 1.7;
}
.rtp-box .img,
.rapid-proto img{
	width: 100%;
}
.big-img-wrap{overflow: hidden;}

.rapid-proto .big-img{
	margin-bottom: 7%;
}
.rtp-box .t-r1{
	margin: 7% 0;
}
.rtp-box{
	overflow: hidden;
	margin-bottom: 7%;
}

.rtp-list .txt{
	background-color: #000;
	color: #fff;
	font-weight: bold;
	padding: 6%;
	font-size: 15px;
	line-height: 2;
}
.rtp-list .txt p{
}

.rtp-list b{
	line-height: 1;
	font-size: 80px;
	display: inline-block;
	margin: 10px 0;
}
.rtp-list .s3 b{
	margin-bottom: 20px;
}
.rtp-list li{
	float: left;
	width: 33.3333%;
	position: relative;
}
.rtp-list .img{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.rtp-list .s1 .img{
	/*padding-top: 70%;*/
	height: 280px;
}
.rtp-list .s2 .img{
	/*padding-top: 92%;*/
	height: 368px;
}
.rtp-list .s3 .img{
	/*padding-top: 48%;*/
	height: 192px;
}
.rtp-list .s1 .txt{
	height: 278px;
}

.rtp-list .s2 .txt{
	height: 190px;
}

.rtp-list .s3 .txt{
	height: 366px;
}

.rtp-list .s2 .img{
	position: absolute;
	top: 100%;
}

.grain-ban{
	position: relative;
	padding-top: 37%;
}
.grain-ban .txt-u1{
	width: 50%;
	max-width: 530px;
	position: absolute;
	top: 23%;
	right: 11.5%;
}

.grain-ban h3{
	font-size: 30px;
	margin-bottom: 30px;
}
.grain-list .grain-hd{
	background-color: #000;
	color: #fff;
	font-size: 0;
}
.grain-list h3{
	font-weight: bold;
	color: #fff;
	font-size: 26px;
}
.grain-list .img{
	padding-top: 50%;
}

.grain-list h3,
.grain-list .img{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.grain-list{
	float: left;
	width: 50%;
	padding: 0 6px;
}
.grain-list-box{
	overflow: hidden;
	margin: 0 -6px;
}
.grain-tag li{
	float: left;
	width: 33.33333%;
	height: 120px;
	background-color: #000;
	text-align: center;
}
.grain-tag a{
	box-shadow: 0px 0px 0px 1px #fff;
	display: table;
	color: #fff;
	width: 100%;
	height: 100%;
	font-size: 13px;
	text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.grain-tag a:hover{
	background-image: url(/Public/Images/home/phpcms/zh-cn/gr_bg.jpg);
	color: #000;
}

.grain-tag span{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.grain-tag{
	overflow: hidden;
	padding-top: 1px;
	margin-right: -1px;
}

.grain-box .t-r1-box{
	margin: 5% 0 4.6% 0;
}
.grain-adv{
	margin-top: 7%;
	clear: both;
	padding: 5% 0 6% 0;
	overflow: hidden;
	background:#000 url(/Public/Images/home/phpcms/zh-cn/av_bg.jpg) no-repeat 50% top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.grain-adv h3{
	font-size: 30px;color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 7%;
}
.list-adv span{
	height: 100px;
	line-height: 100px;
	display: block;
}
.list-adv span img{
	vertical-align: middle;
}
.list-adv p{
	margin-top: 36px;
	margin-bottom: 20px;
	font-size: 20px;
}

.list-adv li{
	float: left;
	width: 25%;
	text-align: center;
	color: #fff;
}
.transfor-ban .txt-u1{
	position: absolute;
	width: 37%;
	max-width: 702px;
	left: 50%;
	top: 16%;
}
.transfor-ban{
	position: relative;
	height: 650px;
}
.transfor-ban h3{
	line-height: 1.5;
	margin-bottom: 35px;
}
.transfor-ban p{
	margin-top: 10px;
}
.transfor-table{
	width: 100%;
	font-size: 16px;
	clear: both;
}
.transfor-table td{
	height: 70px;
	text-align: center;
	border: 1px solid #f0f0f0;
}
.transfor-table-box{
	padding: 4% 0;
}
.transfor-table img{vertical-align: bottom;}
.transfor-table-box p{
	color: #999;
	margin-top: 40px;
}






/*******************************
    -------[=lxj2]-------
********************************/
.row1-layer{
    margin-bottom: 5%;
    overflow: hidden;
}
.row1-layer .t-r1{
    padding-top: 27px;
    padding-bottom: 25px;
}
.row1-layer .t-r1,
.row2-layer .t-r1,
.row3-layer .t-r1,
.row4-layer .t-r1{
    color: #242323;
}
.row2-layer .t-r1{
    padding-top: 25px;
    padding-bottom: 34px;
}
.row3-layer .t-r1{
    padding-top: 7.2%;
    padding-bottom: 2.7%;
}
.row4-layer .t-r1{
    padding-top: 7%;
    padding-bottom: 1.5%;
}
.layer-box{
    height: 620px;
    overflow: hidden;
    position: relative;
}
.layer-box .txt-l{
    float: left;
}
.layer-box .txt-r{
    float: right;
}
.layer-box .txt-l,
.layer-box .txt-r{
    width: 23%;
    height: 100%;
    background-color: #eeeeee;
    padding: 7.9% 20px 20px 20px;
    color: #666;
    line-height: 2.8;    
}
.layer-box .imgtxt-box{
    float: left;
    width: 54%;
    height: 100%;
}
.layer-box .imgtxt{
    height: 50%;
}
.layer-box .imgtxt .pic{
    float: left;
    height: 100%;
    padding-top: 0;
    width: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.layer-box .imgtxt .txt{
    float: left;
    position: relative;
    background-color: #000000;
    width: 50%;
    height: 100%;
}
.layer-box .imgtxt .txt p{
    max-width: 230px;
    width: 74%;
    margin: 0 auto;
    line-height: 2.8;
}
.layer-box .pic-right .pic{
    float: right;
}

.row2-layer{
    overflow: hidden;
}
.row2-layer .txt-black{
    background-color: #000000;
    padding:3% 0;
    line-height: 35px;
    color: #fff;
    overflow: hidden;
    display: table;
    width: 100%;
}
.row2-layer .txt-black dl{
    display: table-cell;
    width: 33.3333%;
}
.row2-layer .txt-black dl dd{
    vertical-align: middle;
    width: 70%;
    margin: 0 auto;
}
.row2-layer .txt-black dl:first-child dd{
    padding-left: 10%;
}
.row2-layer .txt-pic{
    width: 50%;
    float: left;
}
.row2-layer .txt-pic .pic{
    padding-top: 39%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.row2-layer .txt-pic .txt{
    text-align: center;
    background-color: #e0e1e5;
    color: #666666;
    /*height: 102px;*/
    /*line-height: 102px;*/
    padding: 7% 0;
}
.row3-layer{
    overflow: hidden;
}
.row3-layer .txt-black{
    background-color: #1b1b1b;
    line-height: 40px;
    color: #fff;
    padding: 60px 20px 60px 50px;
    width: 41%;
    height: 606px;
    float: left;
}
.row3-layer .box{
    overflow: hidden;
    height: 606px;
}
.row3-layer .box .txt-pic{
    height: 50%;
}
.row3-layer .box .txt-pic .pic,
.row3-layer .box .txt-pic .txt{
    float: left;
    width: 50%;
}
.row3-layer .box .txt-pic .pic{
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.row3-layer .box .txt-pic .txt{
    height: 100%;
    background-color: #e0e1e5;
    text-align: center;
    color: #666;
}
.row3-layer .box .txt-pic .txt .t-table{
    display: table;
    vertical-align: middle;
}
.row3-layer .box .txt-pic .txt .t-cell{
    display: table-cell;
}
.row3-layer .box .pic-right .pic{
    float: right;
}
.row4-layer{
    overflow: hidden;
    margin-bottom: 6%;
}
.row4-layer .box{
    padding-top: 45%;
    position: relative;
}
.row4-layer .pic{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 58.6%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.row4-layer .txt{
    position: absolute;
    right: 0;
    top: 0;
    width: 41.4%;
    height: 100%;
    background-color: #1b1b1b;
    color: #fff;
    line-height: 40px;
    padding: 80px 70px;
}

.hua-pic-txt{
    margin-top: -60px;
}
.hua-pic-txt .txt1,
.hua-pic-txt .txt2{
    background-color: #0f0f0f;
}
.hua-pic-txt .txt-right .txt h3{
    width: 60%;
    max-width: 400px;
    color: #fff;
    margin: 0 auto;
    padding-bottom: 43px;
    position: relative;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}
.hua-pic-txt .txt-right .txt h3:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 40px;
    height: 4px;
    background-color: #fff;
}
.hua-pic-txt .txt-right p{
    color: #fff;
    width: 60%;
    max-width: 400px;
}
.hua-pic-txt .pic{
    padding-top: 35%;
}
.hua-pic-txt .txt2 .pic{
	padding-top: 37%;
}
.hua-pic-txt .txt4 .pic,
.hua-pic-txt .txt3 .pic{
	padding-top: 35.5%;
}
.hua-pic-txt .txt-left p{
    max-width: 415px;
    width: 45%;
    /*margin-bottom: 0;*/
}
.hua-pic-txt .txt3{
    background-color: #ffffff;
    color: #666;
}
.hua-pic-txt .txt3 p,
.hua-pic-txt .txt4 p{
    color: #666;
}
.hua-pic-txt .txt4{
    background-color: #e0e1e5;
}
.hua-box{
    overflow: hidden;
    padding-bottom: 7%;
}
.hua-box .t-r1{
    color: #242323;
    padding-top: 4.6%;
    padding-bottom: .6%;
}
.hua-box .pic-right{
    width: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.hua-box .imgtxt-box{
    overflow: hidden;
}
.hua-box .imgtxt{
    position: relative;
    overflow: hidden;
}
.hua-box .imgtxt .pic{
    padding-top: 33.1%;
    width: 63%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.hua-box .imgtxt .txt{
    position: absolute;
    top: 0;
    height: 100%;
    line-height: 25px;
    width: 37%;
    background-color: #eeeeee;
    padding: 0 30px;
    color: #242323;
}
.hua-box .txt-left .txt{
    left: 0;
}
.hua-box .txt-left .pic{
    float: right;
}
.hua-box .txt-right .txt{
    right: 0;
    background-color: #000000;
    color: #fff;
}
.hua-box .txt-left .txt h3{
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    position: relative;
    padding-bottom: 30px;
}
.hua-box .txt-left .txt h3:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 40px;
    height: 4px;
    background-color: #000000;
}

.laser-pic-txt .pic-txt .pic{
    padding-top: 37%;
}
.laser-pic-txt h3{
    font-size: 30px;
    line-height: 30px;
    margin: 0 auto;
    margin-bottom: 1.33em;
    font-weight: bold;
    color: #666;
}
.laser-pic-txt .laser1 h3{
    text-align: center;
    color: #fff;
}
.laser-pic-txt p{
    margin-bottom: 0;
    color: #666;
}
.laser-pic-txt .laser1 p{
    max-width: 710px;
    width: 74%;
    margin-bottom: 0;
    color: #fff;
}
.laser-pic-txt .laser2 p,
.laser-pic-txt .laser2 h3{
    /*width: 41%;*/
    width: 593px;
}
.laser-pic-txt .laser3 p,
.laser-pic-txt .laser3 h3{
	width: 550px;
}
.laser-pic-txt .laser4 p,
.laser-pic-txt .laser4 h3{
    width: 55%;
}
.laser-pic-txt .laser5 p,
.laser-pic-txt .laser5 h3{
    /*width: 36%;*/
    width: 245px;
}
.laser-pic-txt .laser1 .txt,
.laser-pic-txt .laser4 .txt{
    background-color: #1b1b1b;
}
.laser-pic-txt .laser3 .txt{
    background-color: #ebebec;
}
.laser-pic-txt .laser4 .txt p,
.laser-pic-txt .laser4 .txt h3{
    color: #fff;
}
.laser-pic-txt .laser5 .txt{
    background-color: #eaeaea;
}
.laser5{
	margin-bottom: 7%;
}
.laser-pic-txt .laser2 .pic{
	-webkit-background-size: contain;
	background-size: contain;
	background-position: right bottom;
}
.laser-box{
    padding-top: 48.5%;
    text-align: center;
    position: relative;
    margin-top: 3%;
    color: #666;
}
.laser-box h3{
    position: absolute;
    left: 0;
    top: 50px;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    color: #333;
}
.laser-box p{
    width: 330px;
    position: absolute;
    left: 50%;
    top: 100px;
    line-height: 25px;
    margin-left: -145px;
    text-align: left;
}
.h135{
    height: 135px;
    overflow: hidden;
    clear: both;
}
.seamless-pic-txt{
	margin-bottom: 7%;
}

.seamless-pic-txt .txt-right,
.seamless-pic-txt .txt-left{
    background-color: #1b1b1b;
    color: #fff;
}
.seamless-pic-txt .txt-right p{
    color: #fff;
}
.seamless-pic-txt .pic{
    padding-top: 37%;
}

.shell-box dl{
    text-align: center;
    margin-bottom: 8.8%;
}
.shell-box dl dt{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    margin-bottom: 45px;
}

.shell-pic-txt .txt-right{
    background-color: #1b1b1b;
    color: #fff;
}
.shell-pic-txt .txt-right .txt p{
	width: 80%;
    color: #fff;
}
.shell-pic-txt .txt-right .txt h3{
	width: 80%;
    font-size: 30px;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 20px;
}
.shell-pic-txt .pic{
    padding-top: 36%;
}
.shell-pic-txt{
	margin-bottom: 7%;
}

.chem-pic-txt dl,
.chem-box dl,
.seamless-pic-txt dl{
    width: 34%;
    margin: 0 auto;
    color: #666;
    line-height: 25px;
}
.micro-texture dt,
.chem-pic-txt dl dt,
.chem-box dl dt,
.seamless-pic-txt dl dt{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}
.micro-texture dt{font-size: 35px;}
.chem-pic-txt dl{
	width: 35%;
	transform: translateX(9%);
}
.chem-pic-txt .txt-right{
	background-color: #f0f0f0;
}
.chem-pic-txt .pic{
    padding-top: 37%;
}
.chem-box{
    padding-top: 11.3%;
    padding-bottom: 3.8%;
}
.chem-box dl{
    width: 38%;
}
.chem-box dl dt{
    text-align: center;
    margin-bottom: 27px;
}
.seamless-pic-txt dl{
    color: #fff;
	margin: 0 auto;
}
.seamless-pic-txt dl dt{
    margin-bottom: 35px;
    color: #fff;
    font-size: 35px;
}
.seamless-row1{
	padding-top: 37%;
	position: relative;
}
.seamless-row1 .txt-u1 {
    width: 50%;
    max-width: 570px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 9%;
}
.seamless-pic-txt .txt-left dl{
	width: 388px;
}
.seamless-pic-txt .txt-right dl{
	width: 555px;
}

.hua-crafts{
	position: relative;
	padding-right: 300px;
}
.hua-crafts .pic-right{
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
}

.micro-texture .wrap{
	width: 87%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.micro-texture .pic{
	padding-top: 0;
}

.micro-texture .txt-right .pic{
	float: left;
}

.micro-texture .txt-left .pic{
	float: right;
}
.micro-texture  .txt{
	bottom: auto;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
}
.micro-texture img{
	vertical-align: bottom;
}
.micro-texture .txt-right .txt{
	width: 37%;
	padding-right: 5%;
}
.micro-texture .txt-right{
	background-color: #242424;	
}
.micro-texture .txt-left *{
	color: #666 !important;
}
.micro-texture .txt-left{
	background-color: #ededed;
}
.micro-texture .txt-right *{
	color: #fff;
}
.micro-texture .pic-txt .wrap{
	padding: 7% 0;
}

.micro-texture .txt-left .txt{
	padding-left: 12%;
}
.micro-texture .txt-left .pic{
	text-align: right;
}
.micro-texture *{
	 word-wrap: break-word;
	 word-break: break-word;
}
.micro-texture p{margin-bottom: 0;
	/*white-space: normal;*/
}

/*11.9首页底部tab*/
.add-tab a{
	display: inline-block;
	padding: 4px 10px;
	color: #666;
	border: 1px solid #666;
	margin-right: 6px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	margin-bottom: 6px;
}
.add-tab a:hover,
.add-tab a.on{
	background-color: #fff;
	border-color: #fff;
}
.i-contact .tit-i span:after{
	display: none;
}
.img_box span.hover,
.img_box span:hover{
	background: url(/Public/Images/home/phpcms/zh-cn/icon_map.png) center top no-repeat !important;
	font-size: 14px !important;
}
.img_box span:after{
	background-color: rgba(231, 0, 18, .3);
   border-radius: 32px;
   border: 1px solid rgba(231, 0, 18, 1);
   
   content: "";
   position: absolute;
   top: 0;
   left: -12px;
   right: 0;
   bottom: 0;
   width: 64px;
   height: 64px;
   margin: auto;
   -webkit-transform: scale(0.65);
   transform: scale(0.65);
   animation-name: circle-anim;
   animation-iteration-count: infinite;
   animation-duration: 1.2s;
   -webkit-animation-name: circle-anim;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-duration: 1.2s;
   display: none;
}
.img_box span.hover:after,
.img_box span:hover:after{
	display: block;
}
.m-lan{text-align: center;}
.m-lan a{
	display: inline-block;
	width: 50%;
	text-align: center;
}