@charset "utf-8";

/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;outline:0;font-smoothing: antialiased;font-smooth:always;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
sub,sup {position: relative;font-size:75%;line-height: 0;vertical-align: baseline;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn,em{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
img{display:block;border:0 none;}
h1,h2,h3,h4,h5,h6{font-size: 1em;}
h1,h2,h3,h4,h5,h6,em,strong{font-weight:bold;}
pre,code,kbd,samp{font-family:inherit;}
small,sub,sub{font-size:1em;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
input,label,button,select,textarea,keygen,legend{display:inline-block;font-size: inherit;font-family:inherit;vertical-align:top;*zoom:1;}
button,input[type=submit],input[type=image],input[type=reset]{cursor: pointer;border: 0 none;font-family: inherit;}
option{display:block;}
a, a:link, a:visited {text-decoration:none;outline:0 none;}
a:active { star:expression(this.onFocus = this.blur()); }
::selection,::-moz-selection{background: transparent;}
/* tag reset end */  
/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{clear:both;*zoom:1;}
.f-cl{clear:left;}
.f-cr {clear:right;}
.f-ib{display:inline-block;*zoom:1;}
.f-fl{float:left;display: inline-block;*display:inline}
.f-fr{float:right;display: inline-block;*display:inline}
.f-posr{position:relative;left:0;top:0;z-index:10;}
.f-posa{position:absolute;left:0;top:0;z-index:10;}
.f-ovh{overflow:hidden;}

.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}

.f-th{width:0;height: 0;font: 0/1 normal;}
/* function end */
/*ui*/
.t{-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.m-list{width: 105%;margin-bottom: 20px;overflow: hidden;}
.m-list li img{width: 100%;}
.m-list li:hover{box-shadow:5px 5px 0 0 #ddd}
.m-list li:hover,.m-list li{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
html,body{overflow-x:hidden;}
img{max-width:100%;}
.pos{position:absolute;}
/*grid*/
.g-widthmin{width: 100%;min-width:1200px;max-width:1920px;margin: 0 auto;overflow: hidden;}
.g-width{display:block;width:1240px;min-width:1000px;padding-left: 160px;margin: 0 auto;-webkit-perspective:100px;perspective:100px;}
/*grid end*/

.loadBox{position: fixed;left: 0;top: 0;z-index: 101;width: 100%;height: 100%;background: #fff;}

/*top*/
.banner{width:100%;overflow:hidden;position:relative;}
.top_text{left:13.5%;top:27%;width:32.8125%}
.top_t01{width:58.73%;}
.top_line{margin:6% 0 5%;width:32.063%}
.top_t03{margin:3.5% 0 0;width:46.3492%}

/*top end*/

.p1{margin:6% 0 8%;width:100%;padding-top:5%;overflow:hidden;}
.t01{float:left;width:43%;margin-right:6%;}
.p1_text{float:left;width:30%;position:relative;}
.p1_e01{width:122%;top:-80px;left:-12%}
.p1_t02{margin:10% 0;}
.p1_t03{margin:0 0 5%;}

.p2{width:100%;background:#f5f5f5;height:760px;}
.t02{float:right;margin:-80px 0 0;width:36.35%;}
.p2_text{width:40%;float:left;margin:10% 0 0 10%;position:relative;}
.p2_e01{width:90.9%;position:relative;}
.p2_t01{top:48%;right:10%;width:35.5%;}
.p2_t02{float:right;margin:2% 0 0;width:51%;}

.p3{width:100%;margin:8% 0 0; overflow:hidden;position:relative;}
.p3_tip{width:1160px;margin:0 auto;overflow:hidden;}
.p3_tip span{float:left;height:302px;position:relative;}
.p3_tip span:nth-child(1){width:312px;}
.p3_tip span:nth-child(2){width:360px;margin:0 40px 0 85px;}
.p3_tip span:nth-child(3){width:260px;}
.p3_t01_f01{right:-10px;top:75px;}
.p3_t01_f02{top:75px;right:98px;}
.p3_t01_f03{top:75px;left:112px;}
.p3_t01_f04{top:75px;left:75px;}
.p3_t01_pic{top:90px;right:-55px;}
.p3_t02_f01{right:62px;top:75px;}
.p3_t02_f02{top:75px;right:165px;}
.p3_t02_f03{top:75px;left:95px;}
.p3_t02_f04{top:75px;left:60px;}
.p3_t02_pic{top:70px;right:5px;}

.p3_t03_f01{right:-35px;top:75px;}
.p3_t03_f02{top:75px;right:80px;}
.p3_t03_f03{top:75px;left:95px;}
.p3_t03_f04{top:75px;left:62px;}
.p3_t03_pic{top:25px;right:-100px;}

.draw{float:right;width:86.45%;}
.p3_text{bottom:0;left:18%;width:35.94%;background:#fff;height:20%;z-index:100;padding:3% 0 0;}
.p3_e01{width:89%;position:relative;float:right;}
.p3_t01{top:48%;left:10%;width:37.398%}
.p3_t02{margin:3% 0 0 19.5%;float:left;width:66.67%;}

.p4{width:100%;height:1060px;position:relative;}
.p4_e01{float:right;width:47.9%;}
.t03{width:56.35%;left:0;bottom:6%;}
.p4_text{width:30.2%;left:56.35%;bottom:0;height:53.5%;background:#eee;}
.p4_e02{position:relative;margin:14% 0 5%;}
.p4_t01{top:48%;left:9%;}
.p4_t02{margin:0 0 0 9%;float:left;}

.p5{width:100%;margin:8% 0;}
.p5_box{width:100%;overflow:hidden;margin:0 0 5%;}
.p5_text{width:43.2%;float:left;}
.p5_e01{width:94.578%;position:relative;}
.p5_t01{top:48%;right:10%;width:29.518%}
.p5_t02{margin:3% 3% 0 0;float:right;width:41%}
.p5_pic{width:76.04%;float:right;}
.p5_img{width:44.8%;float:left;overflow:hidden;}
.p5_img img{width:33.333%;float:left;}

.bottom{background:#3a3a3a;overflow:hidden;padding:10% 0;margin:-3% 0 0;}
.bottom_text{width:1000px;margin:0 auto;}
.bottom_t01{margin:0 0 3%;}

.swiper-button-next, .swiper-button-prev{width:25px;height:45px;
background:url(../images/btn.png) no-repeat 0 0;
background-size:50px 90px;
}
.swiper-button-prev{background-position:0 -45px;left:15px;}
.swiper-button-prev.swiper-button-disabled{background-position:0px 0px;}
.swiper-button-next{background-position:-25px -45px;right:15px;}
.swiper-button-next.swiper-button-disabled{background-position:-25px 0;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{
  opacity:1;
}

@media screen  and (max-width: 1680px) {
	.g-width{width: 1100px;}
	.p2{height:670px;}
    .p4{height:940px;}
}

@media screen  and (max-width: 1440px) {
	.g-width{width: 1000px;}
	.p2{height:580px;}
    .p4{height:840px;}
}

/*animation*/
@-webkit-keyframes fadeInRightSlowly {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20%,0,0);
        transform: translate3d(20%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightSlowly {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20%,0,0);
        transform: translate3d(20%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightSlowly{
    -webkit-animation-name: fadeInRightSlowly;
    animation-name: fadeInRightSlowly
}

@-webkit-keyframes mtWidth {
    0% {
        opacity: 0;
        width: 0;
    }

    to {
        opacity: 1;
        width: 100%;-webkit-transform: none;
        transform: none
    }
}

@keyframes mtWidth {
        0% {
        opacity: 0;
        width: 0;
    }

    to {
        opacity: 1;
        width: 100%;-webkit-transform: none;
        transform: none
    }
}

.mtWidth {
    -webkit-animation-name: mtWidth;
    animation-name: mtWidth
}

@-webkit-keyframes scaleIn {
  0% {
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transform: scale3d(1.3,1.3,.1);
    transform: scale3d(1.3,1.3,.1)
  }
  100% {
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes scaleIn {
  0% {
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transform: scale3d(1.3,1.3,.1);
    transform: scale3d(1.3,1.3,.1)
  }
  100% {
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn
}

/*animation end*/