@charset "utf-8";
/* CSS Document */
@media(max-width:1440px){
	.ab_ban2_text h1 {
    font-size: 3em;
    margin-top:3%;
    color: #000000;
    font-weight: normal;
}
	
	}
@media(max-width:1100px){
	*{   font-family:Microsoft YaHei;}
	body,dl,dd{ margin:0;font-size:1em;color:#666; }
	.header{ width:90%; padding-top:0.5em; padding-bottom:0.5em; height:auto; overflow:auto; position:relative;}
	.nav{display:none;}
	.menu{ display:block; }
	.menu img{ margin-top:0px; display:block; max-width:100%; }
	.logo{ float:left; width:16%; }
	.logo img{ width:100%;}
	.lang{ font-size:0.8em;  margin-top:0px; margin-left:0px; width:6em; height:2em; line-height:2em; vertical-align:middle; top:50%; margin-top:-1em; position:absolute; right:7%;}
	.lang a{ font-size:0.8em;}
	
	.ab_ban_text h1 {
    font-size: 2em;
    color: #fff;margin-top: 1em;
    margin-bottom: 0.1em;
}
.ab_ban {
    width: 100%;
    height: auto;
    background: rgb(0,0,0);
    position: relative;
    overflow: hidden;
    margin-bottom: 2em;
}
.ab_ban_text {
    width: 100%;
    height: auto;
    position: absolute;
    top:0;
    margin-top: 0em;
    z-index: 2;
    color: #fff;
    text-align: center;
}
.ab_ban_text p {
    color: #fff; font-size:1em;
}
.mid{ width:90%; height:auto;}
.text { font-size:0.8em;}
.text img{ max-width:100%;}	
.list1{ width:21%;}
.list1 h1{ font-size:1em;}
.list1 p{ font-size:0.6em;}
.foot2 { font-size:0.8em; text-align:center; line-height:2em;    margin-top:2em;
    padding-top:1em;}

.foot{ padding-top:2em; padding-bottom:2em;}

.list2 li .n_txt{ width:90%;    font-size: 0.8em;
    line-height: 1.8em;
    color: #999;
    text-indent: 2em;
    margin-bottom: 1em;}
.list2 li .n_title{  width:90%;}
.list2 li .n_link { font-size:0.6em;
    display: block;
    width:10em;
    height: 2em;
    border: 1px solid #ff9f3a;
    margin-left: auto;
    margin-right: auto;
    line-height: 2em;
    color: #ff9f3a;
}
.list2 li .n_title a {
    font-size: 1em;
	}
.list2 li .n_time {
    width: 90%; font-size:0.6em}
.pagelist {
    width: 100%;
    height: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
    line-height:2em;}
	.con {
    width: 100%;
    height: auto;
    padding-bottom: 2em;}	
	.ab_ban2_text h1 {
    font-size:1.6em;margin-top: 2em;}
	.ab_ban2_text p {
    font-size: 1em;
    line-height: 1.8em;
}
.support_t{
	     font-size:2em;
    text-align: center;
    color: #2b2b2b;
    margin-bottom:1em;
	}
.section2 {
    width: 100%;
    height: auto;
    float: left;
    padding-top:2em;
    padding-bottom: 2em;}
.list9 .list9_text {
    position: absolute;
    top:10%;
    width: 100%;
    background: url(../images/pro35.png) no-repeat;
    background-size: cover;
    height: auto;
    line-height:2em;
    vertical-align: middle;
    text-indent: 2em;
    color: #fff;
    font-size: 1.6em;
}
.prolist {
    width: 100%;
    height: auto;
    padding-top: 1em;
    padding-bottom:1em;}
.pic01 {
    position: absolute;
    top: 28%;
    left: -10%;
    z-index: 2; width:130%;
}
.pic02 {width:130%;
    position: absolute;
    top:26%;
    left: -10%;
    z-index: 1;
}
.box h1 {
    font-size: 1.2em; margin-top:0.6em; margin-bottom:0.6em;
    color: #232323;
}
.box p {
    font-size:0.5em;
    color: #585858;
}
.link { display:inline-block;
    font-size:0.4em;
    color: #32989c;
    margin: 2em;
}
.link img{ height:100%;}
.section {
    text-align: center;
    font: 3em "Microsoft Yahei";}
.pic03 { width:90%; margin-top:12%;}
.pic04 { width:90%;}
.pic05 { width:100%;}
.part3 .box p {
    color: rgba(255,255,255,0.6);
    font-size: 0.4em;
    line-height:1.5em;
}
.part4 .imgsContainer { overflow:hidden; height:auto; position:relative; padding-top:20%;}
.part4 .imgsContainer img {
    max-width:100%;
}
.pic06 { position:relative;}
.pic07{ max-width:100%; top:13%;}
.part4 .box p {
    font-size:0.4em;
    line-height:1.5em;
}
.part4 .box {
    float: right;
    width: 50%;
    margin-top: 10%;
}
.part5 img{ max-width:90%;}
.part6 img{max-width:90%;}
.topnav {
    width: 100%;
    height: 3em;
    margin: 0 auto;
    position: fixed;
    
    line-height:3em;}
	.topnav_column a {
    margin-left:2em; font-size:0.6em;
    color: #757575;
}
.topnav_logo {
    vertical-align: middle;
    display: none; max-height:100%;
}
.pro_box_text h1 {
    font-weight: normal;
    font-size:2.5em;
    color: #303030;
}
.pro_box_text p {
    font-size: 1em;
    color: #6b6b6b;
    line-height:2em;
    margin-bottom:1em;
}
.style1 .style2 {
    font-weight: normal;
    color: #2399a0;
    font-size:2em;
}
.pro_box_text .style1 {
    color: #8b8b8b;
    font-size:1em; }
	.part6 .pro_box_text .style1 .style2 {
    font-size: 2em;
}
.part6 .pro_box_text .style1 {
    width: 20%;
}
.list7_r {
    width: 80%;
    height: auto;
    float: right;
    font-size: 0.9em;
    line-height: 2em;
    color: #686868;
    position: relative;
}
.list7_l {
    width: 17%;
    height: auto;
    float: left;
    font-size: 1.3em;
    color: #464646;
}
.list7_r img {
    display: block;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.position1 {
    position: absolute;
    top: 61%;
    left: 3%;
}
.position2 {
    position: absolute;
    bottom: 0%;
    left: 15%;
}
.position3 {
    position: absolute;
    top: 48%;
    right: 13%;
}
.position4 {
    position: absolute;
    top: 41%;
    left: 1%;
}
.position6 {
    position: absolute;
    top: 50%;
    left: 3%;
}
.position7 {
    position: absolute;
    top: 27%;
    right: 14%;
}
.position9 {
    position: absolute;
    top: 0%;
    right: 37%;
}
.position10 {
    position: absolute;
    bottom: -3%;
    right: 46%;
}
.style3 {
    font-size: 3em;
    text-align: center;
    color: #303030;
}
.list7 {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #ccc;
    padding-top: 3em;
    padding-bottom: 3em;
}
.part02-1{ position:relative;}
.part02-1 .pro_box_img img{ max-width:110%;}
.part02-1 .pro_box_img{ bottom:0;}
.part02-1 .pro_box_img {
    width: 40%;
    height: auto;
    text-align: center;
    position:absolute;
    right:0; bottom:0;
}
.part02-2 .pro_box_img {
    width: 50%;
    height: auto;
    text-align: center;
    margin-top: 3em;
    position: relative;
    float: left;
}
.part02-2 .pro_box_img img{ max-width:100%;}
.part02-2 .pro_box_text2 h1 { margin-top:0; margin-bottom:0;
    font-size: 1.5em;
    font-weight: normal;
    font-weight: normal;
    line-height: 2em;
    vertical-align: middle;
}
.part02-2 .pro_box_text2 h1 img{ max-width:10%; margin-right:1em;}
.part02-2 .pro_box_text2 p {
    line-height: 2em;
    font-size: 1em;
    color: #939393;
    padding-left:15%;
}
.part02-2 .pro_box_text2 {
    width: 45%;
    height: 18em;
    margin-top:3em;
}
.part02-3 .pro_box_img img{ max-width:100%;}
.part01-2 .pro_box_text .style1 .style2 {
    font-size: 1.6em;
}
.part01-3 .pro_box_text2 .style4 h1 {
    font-size: 1.3em;
}
.part01-3 .pro_box_text2 .style4{ font-size:0.8em; padding-right:0;}
.part01-2 .pro_box_text .style1{ width:20%;}
.part-03 .pro_box_text {
    opacity: 0.3;
    float: none;
    width: 80%; margin-left:auto; margin-right:auto;
    height: auto;
    text-align: center;
    margin-bottom: 2%;
    color: #fff;
    z-index: 2;
    position: relative;
}
.part04-1 .pro_box_img img{ max-width:100%;}


	}
@media(max-width:1024px){
	
	
	
	}
@media(max-width:769px){.fd {
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 2s0px;
    border: 3px solid #9f9f9f;
    margin-top: 20px;
}
	.part03-2 .pro_box_text h1 {
    font-weight: normal;
    color: #3e3e3e;
    line-height: 2em;
    margin-bottom:1em;
}
.part03-2 .pro_box_text {
    width: 100%;
    height: auto;
    text-align:center;
    z-index: 2;
    position: relative;
    float: right;
    padding-bottom: 2em;
}
.part03-2 .pro_box_img {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: -15%;
    text-align: center;
    margin-right: 0%;
    position: relative;
    z-index: 1;
}
.part03-2 .pro_box_img img{ max-width:120%;}
.part03-3 .pro_box_text {
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 2;
    position: relative;
    float: left;
    padding-bottom:2em;
}
.part03-3 .pro_box_text h1 {
    font-weight: normal;
    color: #3e3e3e;
    line-height:2em;
    margin-bottom:1em;
}
.part03-3 .pro_box_img {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-right: 45%;
    position: relative;
    z-index: 1;
}
.part03-3 .pic03-3-1 {
    position: relative;
    float: left; max-width:100%;
    margin-top: 2em;
}
.part03-3 .pic03-3-2 {
    position: absolute;
    left: 0;max-width:100%;
    top: 7em;
}
.part03-3 .pic03-3-3 {
    position: relative;
    float: right;max-width:100%; margin-top:3em;
    z-index: 2;
}
.part03-3 .pic03-3-4 {
    position: relative;
    position: absolute;
    right: -2em;max-width:100%;
    bottom: -10px;
    z-index: 1;
}
.part-01 .pro_box_text h1 {
    font-size:2em;
    color: #232323;
}
.part-01 .pro_box_text p {
    font-size:0.8em;
    line-height: 2em;
    color: #585858;
}
.link {
    display: inline-block;
    font-size: 0.4em;
    color: #32989c;
    margin: 1em;
}
.part-02 .pro_box_text h1 {
    font-size:2em;
    color: #232323;
}
.part-02 .pro_box_text p {
    font-size:0.8em;
    color: #585858;
}
.part-03 .pro_box_text h1 {
    font-size:2em;
    color: #fff;
}
.part-03 .pro_box_text p {
    color: rgba(255,255,255,0.6);
    font-size: 0.8em;
    line-height: 2em;
}
.part-03 .pro_box_text {
    opacity: 0.3;
    float:left; margin-left:10%; 
    width: 80%;
    height: auto;
    text-align: center;
    margin-bottom: 2%;
    color: #fff;
    z-index: 2;
    position: relative;
}
.part-04 .pro_box_text h1 {
    font-size:2em;
    color: #232323;
}
.part-04 .pro_box_text p {
    font-size:0.8em;
    line-height:2em;
}
.part-04 .pro_box_text {
    float: left;
    width: 100%;
    text-align: center;
}
.part-04 .pro_box_img {
    float: right;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 10%;
    position: relative; margin-bottom:-15%;
}

	}
@media(max-width:640px){
	.part3 .box p {
    color: rgba(255,255,255,0.6);
    font-size: 0.3em;
    line-height: 1.5em;
}
.part4 .box p {
    font-size: 0.3em;
    line-height: 1.5em;
}
	.part3 .imgsContainer {
    z-index: 1;
    -webkit-transition: margin-top 2s,opacity 2s;
    float: left;
    width: 100%;
    height: auto;
   bottom: 0;
    position:absolute;
    opacity: 0.5;
}
	.part4 .box {
    float: left;
    width: 80%; padding-left:10%;
    margin-top: 10%;
}
.part4 .imgsContainer {
    overflow: hidden; float: left;
    height: 50%;
    position: relative;
    padding-top: 0%; width:100%;
}
.foot2 .f_l{ float:none;}
.foot2 .f_r{ float:none;}
.ab_ban_text h1 {
    font-size: 1em;
    color: #fff;margin-top: 0.2em;
    margin-bottom: 0.1em;
}
.ab_ban {
    width: 100%;
    height: auto;
    background: rgb(0,0,0);
    position: relative;
    overflow: hidden;
    margin-bottom: 2em;
}
.ab_ban img {
    display: block;
    width: 138%;
    height: auto;
    opacity: 0.5;
    position: relative;
    float: left;
}


.ab_ban_text {
    width: 90%; margin-left:5%; 
    height: auto;
    position: absolute;
    top:0;
    margin-top: 0em;
    z-index: 2;
    color: #fff;
    text-align: center;
}
.ab_ban_text p {
    color: #fff; font-size:0.8em; line-height:1.6em; vertical-align:middle;
}
.list5{ width:80%; margin-left:10%; }
.list5 li{ width:100%;}
.lang{ right:15%;}
.logo {
    float: left;
    width: 38%;
}
.list2 li {

    padding-top: 2em;
    padding-bottom: 2em;}
.title {
  
    margin-bottom: 1em;
}
.title_top .title_back a {
    width: 6em;
    display: inline-block;
    border: 1px solid #ccc;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: -1em;
    background: #fff;
    cursor: pointer;
}	
.title_top .title_top_title {
    font-weight:normal;
    font-size: 1.2em;
    color: #399;
    width:90%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    text-align: center;
    margin-bottom:0.6em;
    line-height: 1.6em;
}
.title_top .title_top_time {
    width: 100%;
    height: auto;
    text-align: center;
    color: #ccc;
    margin-bottom: 1em; font-size:0.6em;
}
.prolist a {
    display: inline-block;
    font-size: 1em;
    width: 31.3333%;
    text-align: center;
    margin-left: 0%;
    margin-right: 0%;
    color: #000;
}
.part1 .box {
    float: left;
    width: 100%;
    position: relative;
    top: 10%;
}
.part1 .imgsContainer {
    float: left;
    width: 80%; margin-left:10%;
    height: 50%;
    position: relative;
}
.pro_box_text h1 {
    font-weight: normal;
    font-size: 1.3em;
    color: #303030;
}
.pro_box {
    min-height: 100%;
    float: left;
    width: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    overflow: hidden;
}
.pro_box_text p {
    font-size: 0.8em;
    color: #6b6b6b;
    line-height: 2em;
    margin-bottom: 1em;
}
.box h1 {
    font-size: 0.5em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    color: #232323;
}
.part2 .box {
    float: left;
    width: 100%;
    margin-top: 30%;
    height: auto;
    text-align: center;
    margin-bottom: 2%;
}
.part3 .box {
    float: left;
    width: 80%; margin-left:10%;
    margin-top: 20%;
    height: auto;
    text-align: center;
    margin-bottom: 2%;
    color: #fff;
    z-index: 2;
    position: relative;
}
.part4 .box {
    float: left;
    width: 80%; padding-left:10%;
    margin-top: 10%;
}
.part4 .imgsContainer {
    overflow: hidden; float: left;
    height: 50%;
    position: relative;
    padding-top: 0%; width:100%;
}
.fd {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 30px;
    border: 3px solid #9f9f9f;
    margin-top: 10px;
}
.box p {
    font-size: 0.35em;
    color: #585858;
}
.style1 .style2 {
    font-weight: normal;
    color: #2399a0;
    font-size: 1.4em;
}
.pro_box_text .style1 {
    color: #8b8b8b;
    font-size: 0.8em;width: 31%;
}
.part01-1 .pro_box_img {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 1em;
    position: relative;
}
.t{ display:none;}
.part01-2 .pro_box_text .style1 {
    width: 22%;
}
.part01-2 .pro_box_text .style1 .style2 {
    font-size: 1.2em;
}
.part01-2 .pro_box_img {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top:1em;
    position: relative;
}
.part01-3 .pro_box_text2 {
    width: 25%;
    height: auto;
    position: absolute;
    top: 0;
     left: 0%; 
    border-right: 1px solid #a7a5a5;
    text-align: left;
}
.part01-3 .pro_box_text2 .style4 {
    font-size: 0.4em;
    padding-right: 0;
	    display: block;
    border-bottom: 1px solid #a7a5a5;
   
    padding-top:0.6em;
    padding-bottom: 0.4em;
    line-height: 1.2em;
}
.part01-3 .pro_box_img .img_box {
    float: right;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 75%;
    margin-top: 1em;
}
.pic09 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
}
.pic10 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
}
.part03-1 .pro_box_text {
    width: 100%;
    height: auto;
    text-align: left;
    padding-bottom: 2em;
}
.part03-1 .pro_box_img {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: -7em;
    position:relative;
    right:auto;
    top: auto;
}
.part03-1 .pro_box_img img{ max-width:126%;}
.part03-1 .pro_box_text h1 {
    font-weight: normal;
    font-size:1.4em;
    color: #3e3e3e;
    line-height:2em;
    margin-bottom:2em;
}
.t{ display:none;}
.part03-2 .pro_box_text h1 {
    font-weight: normal;
    color: #3e3e3e;
    line-height: 2em;
    margin-bottom:1em;
}
.part03-2 .pro_box_text {
    width: 100%;
    height: auto;
    text-align:center;
    z-index: 2;
    position: relative;
    float: right;
    padding-bottom: 2em;
}
.part03-2 .pro_box_img {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: -15%;
    text-align: center;
    margin-right: 0%;
    position: relative;
    z-index: 1;
}
.part03-2 .pro_box_img img{ max-width:120%;}
.part03-2 .pro_box_img .pic03-2-1{max-width:45%;    position: absolute;
    top: 9px;
    right: 105px;}
	.part03-2 .pro_box_img .pic03-2-2{max-width:45%;    position: absolute;
    top: 76px;
    right: 105px;}
.part03-3 .pro_box_text {
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 2;
    position: relative;
    float: left;
    padding-bottom:2em;
}
.part03-3 .pro_box_text h1 {
    font-weight: normal;
    color: #3e3e3e;
    line-height:2em;
    margin-bottom:1em;
}
.part03-3 .pro_box_img {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-right: 45%;
    position: relative;
    z-index: 1;
}
.part03-3 .pic03-3-1 {
    position: relative;
    float: left; max-width:100%;
    margin-top: 2em;
}
.part03-3 .pic03-3-2 {
    position: absolute;
    left: 0;max-width:100%;
    top: 7em;
}
.part03-3 .pic03-3-3 {
    position: relative;
    float: right;max-width:100%; margin-top:3em;
    z-index: 2;
}
.part03-3 .pic03-3-4 {
    position: relative;
    position: absolute;
    right: -2em;max-width:100%;
    bottom: -10px;
    z-index: 1;
}
.part-01 .pro_box_text h1 {
    font-size:2em;
    color: #232323;
}
.part-01 .pro_box_text p {
    font-size:0.8em;
    line-height: 2em;
    color: #585858;
}
.link {
    display: inline-block;
    font-size: 0.3em;
    color: #32989c;
    margin: 0.6em;
}
.part-02 .pro_box_text h1 {
    font-size:2em;
    color: #232323;
}
.part-02 .pro_box_text p {
    font-size:0.8em;
    color: #585858;
}
.part-03 .pro_box_text h1 {
    font-size:2em;
    color: #fff;
}
.part-03 .pro_box_text p {
    color: rgba(255,255,255,0.6);
    font-size: 0.8em;
    line-height: 2em;
}
.part-03 .pro_box_text {
    opacity: 0.3;
    float:left; margin-left:10%; 
    width: 80%;
    height: auto;
    text-align: center;
    margin-bottom: 2%;
    color: #fff;
    z-index: 2;
    position: relative;
}
.part-04 .pro_box_text h1 {
    font-size:2em;
    color: #232323;
}
.part-04 .pro_box_text p {
    font-size:0.8em;
    line-height:2em;
}
.part-04 .pro_box_text {
    float: left;
    width: 100%;
    text-align: center;
}
.part-04 .pro_box_img {
    float: right;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 10%;
    position: relative; margin-bottom:-15%;
}
.fd {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 30px;
    border: 3px solid #9f9f9f;
    margin-top: 10px;
}
.pic06 {
    position: relative;
    margin-top: 10%;
    margin-left: 6%;
    z-index: 2;
    max-width: 90%;
}
.part04-1 .pro_box_img img{ max-width:100%;}
.part04-1 .pro_box_text h1 {
    font-weight: normal;
    color: #3e3e3e;
    line-height:2em;
    margin-bottom:1em;
}
.part04-1 .pro_box_img {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-right: 45%;
    position: relative;
    z-index: 1;
    margin-top: 1em;
}
.part04-2 .pro_box_text h1 {
    font-weight: normal;
    color: #3e3e3e;
    line-height:2em;
    margin-bottom:1em;
}
.part04-2 .pro_box_img {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-right: 45%;
    position: relative;
    z-index: 1;
    margin-top: 1em;
}
.part04-2 .pic04-2-2 {
    position: relative;
    z-index: 2; max-width:100%;
}
.part04-2 .pic04-2-3 {
    position: relative;
    z-index: 1;
    margin-top: -52%;max-width:100%;
}
.part05-1 .pic05-1-1 {
    position: relative;
    z-index: 3;
    float: right;
    margin-right: -20%; 
    margin-top: -10%; max-width:100%;
}
.part05-1 .pic05-1-2 {
    position: absolute;
    top: -6%;
    z-index: 2;
    right: -20%; max-width:100%;
}

.part05-1 .pro_box_text h1 {
    font-weight: normal;
    color: #3e3e3e;
    line-height:2em;
    margin-bottom: 1em;
}
.part05-2 .pro_box_text h1 {
    font-weight: normal;
    color: #3e3e3e;
      line-height:2em;
    margin-bottom: 1em;
}
.part05-2 .pro_box_text {
    width: 100%;
    height: auto;
    float: right;
    text-align:center;
}
.part05-2 .pic05-2-1 {
    position: relative;
    z-index: 3;
    float: left;
    margin-left: 0%;
    margin-top: -10%;max-width:100%;
}
.part05-2 .pic05-2-2 {
    position: absolute;
    top: -10%;
    z-index: 2;
    left: 1%;max-width:100%;
}
.part05-2 .pro_box_img { margin-bottom:-10%;
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 0%;
    position: relative;
    z-index: 1;
}
.part05-3 .pro_box_text h1 {
    font-weight: normal;
    color: #3e3e3e;
     line-height:2em;
    margin-bottom: 1em;
}
.part02-1 .pro_box_text {
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
}
.pro_box_img {
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
}
.part02-1 .pro_box_text h1{ font-size:2em; margin:0; line-height:2em; margin-top:1em;}
.part02-1 .pro_box_text h2{ font-size:1.6em;margin:0; font-weight:normal; }
.part02-2 .pro_box_img {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 3em;
    position: relative;
    float: left;
}
.part02-2 .pro_box_text2 {
    width: 100%;
    height: auto;
    margin-top: 1em;
}
.part02-2 .pro_box_text2 h1 { font-size:1.2em;}
.part02-3 .pro_box_text {
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
}
.part02-3 .pro_box_img {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 0px;
    position: relative;
    float: right;
}
.part02-3 .pro_box_img img{ max-width:75%; max-height:100%;}
.part02-3 .pic02-3-3 {
    position: absolute;
    top: 0;
    left: 19px;
}
.part02-3 .pic02-3-2 {
    position: absolute;
    top: 0;
    left:23px;
}
.part02-4 .pic02-4-1 {
    position: relative;
    z-index: 2; max-width:100%;
}
.part02-4 .pic02-4-2 {
    position: absolute;
    bottom: -20px;
    z-index: 1;max-width:100%;
}
.part02-5 .pic02-5-1 {
    position: relative;
    z-index: 2;max-width:100%;
}
.part02-5 .pic02-5-2 {
    position: absolute;
    bottom: -10%;
    z-index: 1;
    left: 1%;max-width:100%;
}
.part02-5 .pro_box_text2 h1 {
    font-size:1.2em;
    color: #2f2f2f;
    font-weight: bold;
}
.part02-5 .pro_box_text2 {
    width: 45%;
    height: auto;
    text-align: left;
    margin-top:3em;
    position: relative;
    font-size: 0.8em;
    line-height:1.8em;
}
.part02-5 .pic02-5-3 {
    position: relative;
    z-index: 2;max-width:100%;
}
.part02-5 .pro_box_img {
    width: 50%;
    height: auto;
    text-align: center;
    margin-top:1em;
    position: relative;
}
.list7_l {
    width: 17%;
    height: auto;
    float: left;
    font-size: 0.8em; font-weight:bold;
    color: #464646;
}
.style3 {
    font-size: 2em;
    text-align: center;
    color: #303030;
}
.list7_r {
    width: 80%;
    height: auto;
    float: right;
    font-size: 0.6em;
    line-height: 2em;
    color: #686868;
    position: relative;
}
.col2 {
    width: 45%; padding-right:5%; 
}
.position1 {
    position: absolute;
    top: 49%;
    left: -3%;
}
.position2 {
    position: absolute;
    bottom: -17%;
    left: 12%;
}
.position3 {
    position: absolute;
    top: 49%;
    right: 1%;
}
.position4 {
    position: absolute;
    top: 27%;
    left: 0%;
}
.list7_r img {
    display: block;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.position5 {
    position: absolute;
    top: 30%;
    right: 0%;
}
.position6 {
    position: absolute;
    top: 11%;
    left: 3%;
}
.position7 {
    position: absolute;
    top: 14%;
    right: 14%;
}
.position8 {
    position: absolute;
    bottom: 36%;
    right: 3%;
}
.position9 {
    position: absolute;
    top: -17%;
    right: 35%;
}
.position10 {
    position: absolute;
    bottom: -20%;
    right: 40%;
}
.ab_ban2_text h1 {
    font-size: 1em;
    margin-top: 1em;
}
.ab_ban2_text p {
    font-size: 0.6em;
    line-height: 1.6em;
}
.list6 li {
    height: auto;
    text-align: center;
    float: left;
    font-size: 0.6em;
}
.list6 .col6{ width:33.33%;}
.ab_ban2 img {
    display: block;
    width: 150%;
    height: auto;
    float:none; margin-left:-23%; 
}
.list9 .list9_text {
    position: absolute;
    top: 10%;
    width: 100%;
    background: url(../images/pro35.png) no-repeat;
    background-size: cover;
    height: auto;
    line-height: 2em;
    vertical-align: middle;
    text-indent: 1em;
    color: #fff;
    font-size: 0.6em;
}
.space {
    margin-bottom: 2%;
}
.list6 li img {
    max-width: 80%; margin-left:auto; margin-right:auto;
}
.list4_3 {
    font-size: 14px;
    color: #969696;
    width:95%;
    float: left;
    padding-right: 5%;
}
.content-left{ width:100%;}
.content-right {
   width:100%;
}
	}