/*重置*/
*{   font-family:Microsoft YaHei;}
body,dl,dd{ margin:0;font-size:14px;color:#666; }
img{  border:none;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none; color:#848484;}
a:hover{ color:#32989c;}

.f_l{ float:left;}
.f_r{ float:right;}


.col2{ width:50%;}
.col3{ width:33.33333%;}
.col4{ width:25%;}
.col5{ width:20%;}
.col6{ width:16.66666%;}
.col7{ width:14.285714%;}
.col8{ width:12.5%;}
/*页眉*/
.top{ background:#000; width:100%; height:auto;}
.fixed{position:fixed; top:0; z-index:11111; }
.header{width:1100px; height:50px;  margin:0 auto; padding-top:15px; padding-bottom:15px;}
.header *{ color:#fff;  vertical-align:middle;}
.logo{ float:left;  }

.nav{ float:right;line-height:50px;}
.nav li{ float:left;}
.nav li a{ color:#fff; opacity:0.8; font-size:16px; display:block; padding-left:16px; padding-right:16px;}
.nav li a:hover{ opacity:1;}
.mid{ width:1100px; margin-left:auto; margin-right:auto;}
.menu{ float:right; display:none; margin-left:1em; position:relative;}
.menu img{ margin-top:10px;}
.xl_nav{ border-radius:5px; position:absolute; display:none; height:auto; overflow:hidden; right:0; top:40px; width:100%; text-align:center; overflow:hidden; z-index:9999999; background:rgba(0,0,0,0.7);}
.xl_nav li{ 
    border-bottom: 1px solid  rgba(255,255,255,0.2);
    line-height: 3em; }
	.xl_nav li a{ color:rgba(255,255,255,0.8)}
.menu a{padding-left:5px; padding-right:5px; display:block; color:#b5b5b5;}
.menu a:hover{ background-color:rgba(0,0,0,0.6); color:#fff; }

.lang{ width:80px; height:30px;color:#ccc; line-height:30px; border-radius:5px; background:rgb(255,255,255); float:right; text-align:center; margin-top:10px; margin-left:20px;}
.lang a{ color:#9c9c9c;}
.lang a:hover{ color:#000;}


.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff; position:relative;}
.bg1{ background:#fff; background-size:cover;}
.bg2{ background:#f7f7f7; background-size:cover;}
.bg3{ background:#414141;}
.bg4{ background:#fff; background-size:cover;}
.bg6{ background:url(../images/bg_3.jpg) center center no-repeat; background-size:cover;}
.bg5{ background:#fff;}
.bg7{ background:#f5f5f5;}
.bg8{ background:#fafafa;}

.wrap{ width:100%; height:100%; position:relative; overflow:hidden;}
.part1 .imgsContainer{ float:right; width:50%; height:100%; position:relative;}
.part1 .box{ float:left; width:50%; position:absolute; top:20%;}
.box h1{ font-size:45px; color:#232323;}
.box p{ font-size:30px; color:#585858;}
.link{ font-size:20px; color:#32989c; margin:2em;}
.link:hover{ text-decoration:underline;}
.link img{ vertical-align:middle;}

.pic01{ position:absolute; top:20%; left:0; z-index:2; transition:top 2s; }
.pic02{ position:absolute; top:10%; left:0; z-index:1;transition:top 2s; }
.part1:hover .pic01{ top:15%;}

.part1:hover .pic02{ top:15%;}

.part2 .imgsContainer{ width:100%; height:auto; position:relative;       
    bottom: 10%;
    position: absolute;}
.part2 .box{ float:left; width:100%; margin-top:10%;height:auto;  text-align:center; margin-bottom:2%;}
.pic03{ display:block; margin-top:1%; /*-webkit-transition:margin-top 2s;*/ z-index:2; margin-left:auto; margin-right:auto; max-width:80%;}
.pic04{  display:block; margin-top:0.8%;-webkit-transition:margin-top 2s,margin-bottom 2s; left:0; z-index:1;margin-left:auto; margin-right:auto;max-width:80%;margin-bottom:0%;}

.part2:hover .pic04{ margin-top:4.8%; margin-bottom:-1%;}

.part3 .box{float:left; width:100%; margin-top:10%;height:auto;  text-align:center; margin-bottom:2%; color:#fff; z-index:2; position:relative;}
.part3 .box h1{ color:#fff;}
.part3 .box p{ color:rgba(255,255,255,0.6); font-size:22px; line-height:30px;}
.part3 .imgsContainer{ z-index:1;-webkit-transition:margin-top 2s,opacity 2s;  float:left; width:100%; height:auto; margin-top:-15%;position:relative; opacity:0.5;}
.pic05{}
.part3:hover .imgsContainer{margin-top:-10%; opacity:1;}
.part4{ overflow:hidden;}
.part4 .box{ float:right; width:40%; margin-top:5%; margin-right:10%;}
.part4 .imgsContainer{float:left; width:50%; height:auto; overflow:hidden; padding-top:4%; transition:padding-top 2s; position:relative;}
.part4 .box p{  font-size:22px; line-height:30px;}
.part4:hover .imgsContainer{padding-top:10%;}



.fd{ display:inline-block; width:165px; height:165px; border-radius:50%; overflow:hidden; margin-left:30px; border:3px solid #9f9f9f; margin-top:40px;}
.fd img{ width:100%; height:100%;transition:width 2s,height 2s; margin-left:auto; margin-right:auto; }
.fd:hover img{ width:200px; height:200px; }
.pic06{position:relative; margin-top:10%; margin-left:0%; z-index:2; max-width:90%;}
.pic07{position:absolute; top:10%; left:2%;max-width:90%; z-index:1;}

.foot{ float:left; width:100%; height:auto; background:#f2f2f2; padding-top:60px; padding-bottom:60px; position:relative; z-index:99999; overflow:hidden;}
.list1{ float:left; width:21%; height:auto; padding-left:2%; padding-right:2%; text-align:center;}
.list1 h1{ font-size:18px; color:#3c3c3c; font-weight:normal; }
.list1 p{ color:#858585; line-height:20px;}

.foot2{ width:100%; height:auto; float:left;border-top:1px solid #b4b4b4; color:#808080; margin-top:60px; padding-top:10px;}
.foot2 a{color:#808080; margin-left:5px; margin-right:5px; }
.f_l{ float:left;}
.f_r{ float:right;}
.pro_box{ min-height:100%; float:left; width:100%; padding-top:4%; padding-bottom:4%;    overflow: hidden;}

.pro_box_text h1{ font-weight:normal; font-size:35px; color:#303030;}
.pro_box_text p{ font-size:15px; color:#6b6b6b; line-height:25px; margin-bottom:15px;}
.style1 .style2{ font-weight:normal; color:#2399a0; font-size:60px;}
.pro_box_text .style1{ color:#8b8b8b; font-size:1.0em; width:20%; display:inline-block;}
.line{ border-left:1px solid #CCC; }


.part5 .pro_box_text,.part6 .pro_box_text,.part7 .pro_box_text{ width:100%; height:auto; text-align:center;}
.part5 .pro_box_img,.part6 .pro_box_img,.part7 .pro_box_img{ width:100%; height:auto; text-align:center; margin-top:60px; position:relative;}
.part6 .pro_box_text .style1{width:15%;}
.part6 .pro_box_text .style1 .style2{ font-size:36px;}
.part5 .pro_box_img_1{ width:80%; height:auto; margin-left:auto; margin-right:auto;}
.part5 .pic03-4-1{ width:55.25%; float:left;margin-left:0%; transition:margin-left 2s; }
.part5 .pic03-4-2{width:44.75%;float:right;margin-right:0%; transition:margin-right 2s;}
.part5 .pic03-4-3{float:left;width:55.25%; transition:margin-left 2s,opacity 2s; opacity:1; }
.part5 .pic03-4-4{float:right;width:44.75%;transition:margin-right 2s,opacity 2s; opacity:1;}
.part5:hover .pic03-4-1{ margin-left:-6%;}
.part5:hover .pic03-4-2{ margin-right:-6%;}
.part5:hover .pic03-4-3{ margin-left:-6%; opacity:0.5;}
.part5:hover .pic03-4-4{ margin-right:-6%;opacity:0.5;}

.pic08{  margin-left:auto; margin-right:auto; margin-top:10px;}
.pic09{ margin-left:auto; margin-right:auto;margin-top:30px;}
.pic10{ margin-left:auto; margin-right:auto;margin-top:30px;}

.style4{ line-height:30px; }
.style4 h1{ font-size:36px; color:#3ba0a6; font-weight:normal; margin:0px;}
.position11{ position:absolute; left:15%; top:0px;}
.position12{ position:absolute; left:15%;top:60px;}
.position13{ position:absolute; left:15%;top:90px;}

.part8 .pro_box_text2{ width:20%;}

.topnav{ width:100%; height:55px; margin:0 auto; position:fixed; top:80px; line-height:55px; vertical-align:middle; background:rgba(250,250,250,0.9); border-bottom:1px solid #E3E3E3; z-index:999;}
.topnav_logo{  vertical-align:middle; display:none;}
.topnav_column{ float:right;}
.topnav_column a{ margin-left:30px; color:#757575;}
.topnav_column a:hover{ color:#333;}

.ab_ban{ width:100%; height:auto; background:rgb(0,0,0); position:relative; overflow:hidden; margin-bottom:60px; }
.ab_ban img{ display:block; width:100%; height:auto; opacity:0.5;position:relative; float:left; }
.ab_ban_text{ width:100%; height:auto; position:absolute; top:50%; margin-top:-75px; z-index:2; color:#fff; text-align:center;  }
.ab_ban_text h1{ font-size:48px; color:#fff; margin-bottom:20px;}
.ab_ban_text p{ color:#fff;}
.ab_ban_text a{ color:#fff; margin-left:10px; margin-right:10px;}

.con{ width:100%; height:auto; padding-bottom:40px;}
.list2{ width:100%; height:auto;}
.list2 li{ width:100%; height:auto; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #dadada; text-align:center;}
.list2 li:hover{ background:#f7f7f7;}
.list2 li .n_time{ width:1100px;margin-left:auto; margin-right:auto; height:auto; color:#b9b9b9;}
.list2 li .n_title{  width:1100px;margin-left:auto; margin-right:auto; height:auto; margin-top:10px; margin-bottom:20px;  }
.list2 li .n_title a{font-size:16px;color:#292929;}
.list2 li .n_title a:hover{ color:#3CC;}
.list2 li .n_txt{ width:1100px;margin-left:auto; margin-right:auto; height:auto; font-size:14px; line-height:25px; color:#999; text-indent:2em; margin-bottom:15px; text-align:left;}
.list2 li .n_link{ display:block; width:150px; height:30px; border:1px solid #ff9f3a; margin-left:auto; margin-right:auto; line-height:30px; color:#ff9f3a;}
.list2 li:hover .n_title a{color:#3CC;}
.list2 li:hover .n_link{}

.title{  width:100%; height:auto; text-align:center; margin-bottom:30px; position:relative; overflow:hidden;}
.title span{ width:200px; display:block; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; background:#fff;  font-size:26px; color:#32989c; z-index:3; position:relative;   }
.line2{ width:100%;  height:1px; background:#e2e2e2; position:absolute; top:45%; z-index:1; }
.line3{ width:60px;  height:2px; background:#fbb800;margin-left:auto; margin-right:auto; margin-top:15px; z-index:2; }


.pagelist{ width:100%; height:auto; margin-top:40px; margin-bottom:40px; text-align:center; line-height:25px;vertical-align:middle;}
.pagelist .pagelist_btn{ width:25px; height:25px; display:inline-block; background:#CCC; border-radius:50%; text-align:center; line-height:25px; font-size:16px; margin-left:20px; margin-right:20px; }
.pagelist .pagelist_btn:hover{ background:#399; color:#fff;}

.text{ line-height:25px; }
.text p{ margin-bottom:10px;}

.list4{ float:left;  width:100%; height:auto; float:left; box-sizing:border-box;border-bottom:1px solid #CCC;overflow:hidden;  border-right:1px solid #fff;}
.list4:nth-child(odd){ border-right:1px solid #ccc; }
.list4_1,.list4_2,.list4_3,.list4_4{ float:left; width:100%; height:auto; line-height:25px; margin-bottom:15px; overflow:hidden;}
.list4_1{ margin-top:30px;}
.list4_1 span:first-child{ font-size:24px; font-weight:bold; color:#0ab2d2; margin-right:20px;}
.list4_1 span:last-child{ font-size:12px; color:#c1c1c1;}
.list4_2{ font-size:14px; color:#666;}
.list4_2 table tr td:first-child{ width:50%; line-height:20px; padding-top:10px; padding-bottom:10px;}
.list4_3{ font-size:14px; color:#969696; width:45%; float:left; padding-right:5%;}
.list4_3 .title2{ font-weight:bold; color:#777;font-size:14px;  }
.list4_4{ color:#0ab2d2; font-size:16px; margin-bottom:30px;}
.list4:hover{ background:#f6f6f6;}

.list5{ width:100%; height:auto; float:left;}
.list5 li{ width:31.333%; padding:1%; float:left; height:auto; position:relative; margin-bottom:30px;}
.list5 li .list5_imgbox{ width:100%; height:auto; float:left; background:#000;}
.list5 li .list5_img{ float:left; width:100%; height:100%; display:block;}
.list5 li .list5_arrow{height:auto; position:absolute; top:50%; margin-top:-43px; left:50%; margin-left:-43px; }
.list5 li .list5_text{width:100%; height:auto; float:left; margin-top:15px; line-height:25px; vertical-align:middle; text-align:center;}
.list5 li:hover{background:#e9e9e9; }
.list5 li:hover .list5_img{ opacity:0.4;}

.title_top{ width:100%; height:auto; text-align:center; margin-bottom:40px;overflow: hidden;}
.title_top .title_top_title{ font-weight:bold; font-size:20px;color:#399; width:1100; margin-left:auto; margin-right:auto; height:auto; text-align:center; margin-bottom:10px; line-height:40px;}

.title_top .title_top_time{width:100%; height:auto; text-align:center; color:#ccc; margin-bottom:25px;}
.title_top .title_back{width:100%; height:auto; text-align:center; position:relative;}
 .title_top .title_back a{ width:6em; display:block; border:1px solid #ccc; padding-top:0.2em; padding-bottom:0.2em; background:#fff; cursor:pointer; position:relative; z-index:2; margin-left:auto; margin-right:auto;}
  .title_top .title_back a:hover{color:#ff9f3a; border:1px solid #ff9f3a;}
.title_top  .line2{ width:100%;  height:1px; background:#e2e2e2; position:absolute; top:50%; margin-top:-0.5px; z-index:1; }
  
 /*技术支持页面*/ 
.ab_ban2{ width:100%; height:auto; position:relative; overflow:hidden;}
.ab_ban2 img{ display:block; width:100%; height:auto; float:left;}
.ab_ban2_text{ position:absolute; top:0; width:100%;  text-align:center;}
.ab_ban2_text h1{ font-size:48px; margin-top:80px; color:#000000; font-weight:normal;}
.ab_ban2_text p{ font-size:18px; line-height:30px;}

.section2{ width:100%; height:auto; float:left; padding-top:80px; padding-bottom:80px; border-bottom:1px solid #ccc;}
.support_t{ float:left; width:100%; height:auto; font-size:48px; text-align:center; color:#2b2b2b; margin-bottom:50px;}
.support_con{ float:left; width:100%; height:auto;}
.list6{ width:100%; height:auto; float:left;}
.list6 li{  height:auto; text-align:center; float:left; font-size:18px;}
.list6 li img{ max-width:100%;}
.list9{ width:48%; height:auto; position:relative; }
.list9 img{ display:block; width:100%; height:auto;}
.list9 .list9_text{ position:absolute; top:60px; width:100%; background:url(../images/pro35.png) no-repeat; background-size:cover; height:auto; line-height:30px; padding-top:10px; padding-bottom:10px; vertical-align:middle; text-indent:2em; color:#fff; font-size:20px;}
.space{ margin-bottom:20px;}
.support_t .xz{ font-size:16px;}

.list7{ width:100%; height:auto; float:left; border-bottom:1px solid #ccc; padding-top:70px; padding-bottom:70px;}
.list7_l{ width:17%; height:auto; float:left; font-size:24px; color:#464646;}
.list7_r{ width:80%; height:auto; float:right; font-size:16px; line-height:30px; color:#686868; position:relative;}
.list7_r img{ display:block; max-width:90%; margin-left:auto; margin-right:auto;}
.style3{ font-size:48px; text-align:center; color:#303030;}
.before{ width:100%; height:80px; float:left;}

.position1{ position:absolute; top:247px; left:-4px;}
.position2{ position:absolute; bottom:9px; left:163px;}
.position3{ position:absolute; top:200px; right:133px;}
.position4{ position:absolute; top:115px; left:21px;}
.position5{ position:absolute; top:115px; right:14px;}
.position6{ position:absolute; top:55px; left:27px;}
.position7{ position:absolute; top:31px; right:112px;}
.position8{ position:absolute; bottom:40px; right:37px;}
.position9{ position:absolute; top:0px; right:327px;}
.position10{ position:absolute; bottom:-8px; right:405px;}

/**/

.part-01 .pro_box_text h1 {
    font-size: 45px;
    color: #232323;
}
.part-01 .pro_box_text p {
    font-size: 30px; line-height:45px;
    color: #585858;
}
.part-01 .pro_box_img{ float:right; width:50%; height:100%;position:relative;}
.part-01 .pro_box_text{ float:left; width:50%; height:auto; text-align:center; }
.part-01 .pro_box_img .pic01{  position:relative;
    top:0; transition:margin-top 2s,margin-bottom 2s;margin-top:0; margin-bottom:5%;
    left:auto;
     }
.part-01 .pro_box_img .pic02{ position:absolute;  left:0; z-index:1; opacity:1;transition:opacity 2s;}

.part-01:hover .pic01{ margin-top:-15%;margin-bottom:20%;}
.part-01:hover .pic02{ opacity:0.5;}

/**/
.part-02 .pro_box_text h1 {
    font-size:45px;
    color: #232323;
}
.part-02 .pro_box_text p {
    font-size: 30px;
    color: #585858;
}
.part-02 .pro_box_img{ width:100%; height:auto; position:relative; text-align:center;  }
.part-02 .pro_box_text{s  width:100%; height:auto;  text-align:center; margin-bottom:2%;}
.part-02 .pro_box_img .pic03{  z-index:2;margin-top:10%; transition:margin-top 2s,margin-bottom 2s; margin-bottom:5%; margin-left:auto; margin-right:auto; max-width:80%;}
.part-02 .pro_box_img .pic04{   left:0;margin-top:5%; opacity:1; z-index:1;margin-left:auto; margin-right:auto;max-width:80%;transition:opacity 2s; }
.part-02:hover .pic03{ margin-top:5%;margin-bottom:10%;}
.part-02:hover .pic04{ opacity:0.2;}

/**/


.part-03 .pro_box_text h1 {
    font-size: 45px;
    color: #232323;
}
.part-03 .pro_box_text p {
    font-size: 30px;
    color: #585858;
}
.part-03 .pro_box_text{float:left; opacity:0.4; margin-top:5%;transition:opacity 2s,margin-top 2s,margin-bottom 2s; width:100%; height:auto;  text-align:center; margin-bottom:2%; color:#fff; z-index:2; position:relative;}
.part-03 .pro_box_text h1{ color:#fff;}
.part-03 .pro_box_text p{ color:rgba(255,255,255,0.6); font-size:24px; line-height:30px;}
.part-03 .pro_box_img{     margin-bottom: -15%; margin-top:0; opacity:0.5; transition:opacity 2s;z-index:1; float:left; width:100%; height:auto; position:relative;}
.pic05{}
.part-03:hover .pro_box_img{ opacity:1;}
.part-03:hover .pro_box_text{ opacity:1; margin-top:10%;margin-bottom:-3%;}
/**/
@-webkit-keyframes d_part_04_1{
	from{ opacity:0.3;margin-top:10%;}
to{ opacity:1;margin-top:0%;}
	}
@-webkit-keyframes d_part_04_2{
	from{ opacity:0.3;margin-top:0%;}
to{ opacity:1;margin-top:5%;}
	}
.dh-part-04-1{animation:d_part_04_1 2s 0.3s ease both;}
.dh-part-04-2{animation:d_part_04_2 2s 0.1s ease both;}
.part-04 .pro_box_text h1 {
    font-size: 45px;
    color: #232323;
}
.part-04 .pro_box_text p {
    font-size: 36px;
    color: #585858;
}
.part-04 .pro_box_text{ float:right; width:50%;  text-align:center;}
.part-04 .pro_box_img{float:left; width:50%; height:auto; overflow:hidden; padding-top:10%; position:relative; margin-bottom:-15%;}
.part-04 .pro_box_text p{  font-size:24px; line-height:30px;}
/**/
.part01-1 .pro_box_img img{ max-width:90%;}
.part01-1 .pro_box_text{ width:100%; height:auto; text-align:center;}
.part01-1 .pro_box_img{ width:100%; height:auto; text-align:center; margin-top:60px; position:relative;}
<!---->
.part01-2 .pro_box_img img{ max-width:90%;}
.part01-2 .pro_box_text{ width:100%; height:auto; text-align:center;}
.part01-2 .pro_box_img{ width:100%; height:auto; text-align:center; margin-top:60px; position:relative;}
.part01-2 .pro_box_text .style1{width:15%;}
.part01-2 .pro_box_text .style1 .style2{ font-size:2em;}
<!---->
.part01-3 .pro_box_img img{ max-width:90%;}
.part01-3 .pro_box_text{ width:100%; height:auto; text-align:center;}
.part01-3 .pro_box_img{ width:100%;  height:auto; text-align:center; margin-top:60px; position:relative;}
.part01-3 .pro_box_img .img_box{ float:right; margin-left:auto; margin-right:auto; position:relative; width:75%; margin-top:60px; }
.part01-3 .pro_box_text2{ width:15%;  height:auto; position:absolute; top:0; left:10%; border-right:1px solid #a7a5a5; text-align:left;  }
.part01-3 .pro_box_text2 .style4{ display:block; border-bottom:1px solid #a7a5a5;padding-right:3em; padding-top:1.3em; padding-bottom:1.3em; line-height:1.2em;}
 .part01-3 .pro_box_text2 .style4 h1{ font-size:1.8em;}


<!---->
.part01-4 .pro_box_img img{ max-width:90%;}
.part01-4 .pro_box_text{ width:100%; height:auto; text-align:center;}
.part01-4 .pro_box_img{ width:100%; height:auto; text-align:center; margin-top:60px; position:relative;}
<!---->
.part02-1 .pro_box_text{width:55%; height:auto; text-align:left; float:left;}
.part02-1 .pro_box_img{ width:40%;   height:auto;text-align:center; position:relative; float:right;}
<!---->
.part02-2 .pro_box_text{width:100%; height:auto; text-align:center; float:left;}
.part02-2 .pro_box_img{ width:50%; height:auto; text-align:center; margin-top:60px; position:relative; float:left;}
.part02-2 .pro_box_text2{ width:45%;height:283px; margin-top:60px;}
.part02-2 .pro_box_text2 h1{ font-size:24px;  font-weight:bold; line-height:28px; vertical-align:middle; }
.part02-2 .pro_box_text2 h1 img{ vertical-align:middle; margin-right:30px; float:left;}
.part02-2 .pro_box_text2 p{ line-height:30px; font-size:16px; color:#939393; padding-left:107px;}
.part02-2 .pic02-2-2{ display:block; transition:display 2s;}
.part02-2 .pic02-2-1{ display:none; transition:display 2s;}
.part02-2 .pro_box_img:hover .pic02-2-2{ display:none;}
.part02-2 .pro_box_img:hover .pic02-2-1{ display:block;}
<!---->
.part02-3 .pro_box_text{width:50%; height:auto; text-align:left; float:left;}
.part02-3 .pro_box_img{ width:45%; height:auto; text-align:center; margin-top:0px; position:relative; float:right;}
.part02-3 .pic02-3-1{margin-left:auto; margin-right:auto; margin-top:10px;}
.part02-3 .pic02-3-2{position:absolute; top:0; left:5%;}
.part02-3 .pic02-3-3{position:absolute; top:0; left:4%; transition:left 2s;}
.part02-3:hover .pic02-3-3{ left:25%;}
<!---->
.part02-4 .pro_box_text{ width:100%; height:auto; text-align:center;}
.part02-4 .pro_box_img{ width:100%; height:auto; text-align:center; margin-top:60px; position:relative; transition:margin-top 2s;}
.part02-4  .pic02-4-1{ position:relative; z-index:2;}
.part02-4  .pic02-4-2{ position:absolute; bottom:-69px; z-index:1;}
.dang{ width:200px; height:2em; margin-left:auto; margin-right:auto; border-radius:5px; border:1px solid #00a0e9; text-align:center; font-size:20px; vertical-align:middle; line-height:2em; margin-top:30px; position:relative; z-index:3; margin-bottom:2em; }
.d_left{ display:block; width:50%; height:2em; float:left;color:#00a0e9; cursor:pointer;}
.d_right{ display:block; width:50%; height:2em; float:left;color:#00a0e9; cursor:pointer;}
.d_left:hover{background:#00a0e9; color:#fff;}
.act{ background:#00a0e9; color:#fff;}
.dis{ display:none;}
.part02-4 .pro_box_text2{ font-size:16px; line-height:30px; }
.part02-4:hover .pro_box_img{margin-top:90px;}

<!---->
.part02-5 .pro_box_text{ width:100%; height:auto; text-align:center;}
.part02-5 .pro_box_img{ width:50%; height:auto; text-align:center; margin-top:60px; position:relative;}
.part02-5 .pro_box_text2{ width:45%; height:auto; text-align:left; margin-top:60px; position:relative; font-size:16px; line-height:35px;}
.part02-5 .pro_box_text2 h1{ font-size:30px; color:#2f2f2f;font-weight:normal;}
.part02-5 .pic02-5-1{ position:relative; z-index:1;}
.part02-5 .pic02-5-2{ position:absolute; bottom:-62px; z-index:2; left:39px;}
.part02-5 .pic02-5-3{ position:relative; z-index:2;}
.part02-5 .text2-02-5-1{ height:414px;}
.part02-5 .text2-02-5-2{ height:400px;}
<!---->
.part03-1{ position:relative; overflow:hidden;}
.part03-1 .pro_box_text{ width:50%; height:auto; text-align:left; padding-bottom:200px;}
.part03-1 .pro_box_text h1{ font-weight: normal; font-size: 36px;color: #3e3e3e; line-height:45px; margin-bottom:70px;}
.part03-1 .pro_box_img{ width:60%; height:auto; text-align:center; margin-top:60px; position:absolute; right:-25%; top:-10%; transition:top 2s,right 2s;}
.part03-1:hover .pro_box_img{top:0;right:-15%;}
<!---->
.part03-2{ position:relative; overflow:hidden;}
.part03-2 .pro_box_text{ width:100%; height:auto; text-align:right; z-index:2; position:relative; float:right; padding-bottom:60px;}
.part03-2 .pro_box_text h1{ font-weight: normal;  color: #3e3e3e; line-height:60px; margin-bottom:70px;}
.part03-2 .pro_box_img{ float:left; width:60%; height:auto; margin-bottom:-185px; text-align:center; margin-right:45%; position:relative; z-index:1;}
.part03-2 .pro_box_img img{ float:right;}
.part03-2 .pic03-2-2{ position:absolute; bottom:31px; right:423px; display:none;}
.part03-2 .pic03-2-1{ position:absolute; top:35px; right:423px;display:none;}
.part03-2:hover .pic03-2-1,.part03-2:hover .pic03-2-2{ display:block;}

<!---->
.part03-3{ position:relative; overflow:hidden;}
.part03-3 .pro_box_text{ width:100%; height:auto; text-align:center; z-index:2; position:relative; float:left; padding-bottom:60px;}
.part03-3 .pro_box_text h1{ font-weight: normal;  color: #3e3e3e; line-height:60px; margin-bottom:70px;}
.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; margin-top:10%; transition:margin-top 2s;}
.part03-3 .pic03-3-2{ position:absolute;opacity:1; left:0; bottom:44px;transition:opacity 2s; }
.part03-3 .pic03-3-3{ position:relative; float:right; z-index:2;margin-right:0%;transition:margin-right 2s; }
.part03-3 .pic03-3-4{ position:relative;position:absolute; right:-15%;bottom:-10px; z-index:1;transition:right 2s; }
.part03-3:hover .pic03-3-1{ margin-top:5%;}
.part03-3:hover .pic03-3-2{ opacity:0.5;}
.part03-3:hover .pic03-3-3{ margin-right:-10%;}
.part03-3:hover .pic03-3-4{right:-20%;}

<!---->
.part03-4 .pic03-3-1{ position:relative;}
.part03-4 .pic03-3-2{ position:absolute; left:0; }
.part03-4 .pic03-3-3{ position:relative;}
.part03-4 .pic03-3-4{ position:relative;position:absolute; right:0; }

<!---->
.part04-1 .pro_box_text{ width:100%; height:auto;float:left; text-align:center;}
.part04-1 .pro_box_text h1{ font-weight: normal;  color: #3e3e3e; line-height:60px; margin-bottom:70px;}
.part04-1 .pro_box_img{ float:left; width:100%; height:auto; text-align:center; margin-right:45%; position:relative; z-index:1; margin-top:5em;}
.part04-1 .pic03-3-3{ position:relative;}
.part04-1 .pic03-3-4{ position:relative;position:absolute; right:0; }

<!---->
.part04-2{position:relative; overflow:hidden;}
.part04-2 .pro_box_text{ width:100%; height:auto;float:left; text-align:center;}
.part04-2 .pro_box_text h1{ font-weight: normal;  color: #3e3e3e; line-height:60px; margin-bottom:70px;}
.part04-2 .pro_box_img{ float:left; width:100%; height:auto; text-align:center; margin-right:45%; position:relative; z-index:1; margin-top:5em;}
.part04-2 .pic04-2-1{ position:absolute; top:-50%; left:-25%; width:50%;}
.part04-2 .pic04-2-2{ position:relative;  z-index:2; }
.part04-2 .pic04-2-3{ position:relative; z-index:1; margin-top:-42%; }
<!---->
.part05-1{position:relative; overflow:hidden;}
.part05-1 .pro_box_text{ position:relative; z-index:1; width:50%; height:auto;float:left; text-align:left; margin-top:-40%;}
.part05-1 .pro_box_text h1{ font-weight: normal;  color: #3e3e3e; line-height:60px; margin-bottom:70px;}
.part05-1 .pro_box_img{ float:left; width:100%; height:auto; text-align:center; margin-right:45%; position:relative; z-index:2; }
.part05-1 .pic05-1-2{ position:absolute; top:-8%; z-index:2; right:-20%; }
.part05-1 .pic05-1-1{ position:relative; z-index:3; float:right; margin-right:-20%; margin-top:-10%;  }
<!---->
.part05-2{position:relative; overflow:hidden;}
.part05-2 .pro_box_text{ width:100%; height:auto;float:right; text-align:right;}
.part05-2 .pro_box_text h1{ font-weight: normal;  color: #3e3e3e; line-height:60px; margin-bottom:70px;}
.part05-2 .pro_box_img{ float:left; width:100%; height:auto; text-align:center; margin-top:-10%; position:relative; z-index:1; }
.part05-2 .pic05-2-2{ position:absolute; top:-5%; z-index:2; left:-20%; }
.part05-2 .pic05-2-1{ position:relative; z-index:3; float:left; margin-left:-20%; margin-top:-10%;  }
<!---->
.part05-3{position:relative; overflow:hidden;}
.part05-3 .pro_box_text{ width:100%; height:auto;float:right; text-align:center;}
.part05-3 .pro_box_text h1{ font-weight: normal;  color: #3e3e3e; line-height:60px; margin-bottom:70px;}
.part05-3 .pro_box_img{ float:left; width:100%; height:auto; text-align:center; position:relative; z-index:1; }
.part05-3 .pic05-3-1{margin-left:auto; margin-right:auto; display:block;width:100%; }
.part05-3 .pic05-3-2{ margin-top:-5%; margin-left:auto; margin-right:auto;display:block; width:100%;}
<!---->
.prolist{ width:100%; height:auto; padding-top:1.5em; padding-bottom:1.5em; text-align:justify; background:rgba(242,242,242,0.7); overflow:hidden; text-align:center;}
.prolist a{ display:inline-block; font-size:1em; width:13.3333%; text-align:center; margin-left:3%; margin-right:3%; color:#000; }
.prolist a img{ max-width:100%;}

.time-line { text-align:left; background:#fdfdfd; padding:40px 15% 40px 15%; margin-top:60px


}
.year {
    margin-top: 55px;
}
.year strong {
    color: #424242;
    font-size: 24px;
    margin-bottom: 35px;
    display: block;
}
.year .month {
    padding-left: 25px;
    color: #b0b0b0;
    position: relative;
    padding-bottom: 40px;
    border-left: 1px solid #e0e0e0;
    margin-left: 62px;
}
.year .month em { font-size:16px; text-align:right;
    font-style: normal;
    width: 68px;
    position: absolute;
    left: -63px;
    top: -5px;
}
.year .month .text {
    margin-left: 20px;
    margin-top: -20px;
   
}
.year .month em i {
    display: inline-block;
    width: 10px; float:right; margin-top:9px;
    height: 10px;
    border-radius: 5px;
    margin-left: 8px;
}
.dosh_1 {
    background: #ff6700;
}
.year .month .text p {
    color: #757575;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 10px;
}
.year .month .text p span {
    display: inline-block;
    width: 70px;
}

.content-content { height:auto; width:100%;
    border-bottom: 1px solid #e2e2e2;
    padding: 54px 0px 54px 0px; float:left;
}
.content-left{    float: left;
    width: 50%;
    padding-right: 38px;
    box-sizing: border-box;
}
.content-left h1{  line-height: 32px;
    font-size: 23px;
    font-weight: 600;
    color: #4d4d4d;}
.content-left .content-txt{font-size: 16px;
    line-height: 22px;
    color: #4d4d4d;
    font-weight: 400;}
.content-left .content-txt2{    line-height: 22px;font-size: 14px;
    color: #999;}

.content-right{    float: right;
    width: 50%;}
.content-right img{ border-radius:5px; border:1px solid #e4e4e4; max-width:100%; max-height:auto;}
	.content-line{ height:1px; 
    display: block;
    width: 120px;
    margin-top: 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e2e2e2;}