html, body { width: 100%; height: 100%; min-width:1170px; font-family:'\5FAE\8F6F\96C5\9ED1','Nanum Gothic','-apple-system';}
i,em{ font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mr30{ margin-right:30px;}
.w1170{ width: 1170px; margin-left: auto; margin-right: auto;}
.trans{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;}
.trans:hover{transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04);-webkit-transform:scale(1.04,1.04);transition:1s}
.smy_ctrl { position:relative; min-height:50px; cursor:move; overflow:hidden;}


.section .mt20 { margin: 0; }
.top{bavkground:#fff;height:30px;line-height:30px;text-align:center;}
.foot { z-index: 101; }
.section, .sectionWrapper { width: 100%; min-width: 1000px; height: 100%; position: relative; }
article .txthide { text-indent: -999999em; overflow: hidden; line-height: 0; font-size: 0px; display: none; }
.sectionWrapper { width: 100%; min-width: 1000px; margin: 0 auto; overflow: hidden;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%")
}
.sectionBtndiv { width: 100%; position: absolute; bottom: auto; left: 0px; text-align: center; z-index: 10; }
.sectionBtnsub { width: 13%; margin: 0 auto; text-align: center; display: block; max-width: 195px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>195?"195px":"13%");
}
.sectionBtnsub img { width: 100%; }
.sectionbg { width: 100%; height: 100%; max-width: 1920px; margin: 0 auto; position: relative; z-index: 1;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1920?"1920px":"100%");
}
.section1, .section2, .section3, .section4, .sectionbg5 {
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: bottom center;
	background-repeat: no-repeat;
}
.section1 { background: #419dea; }
.section2 { background-color: #f2f3f3; }
.section3 { background: #eff6fc; }
.section4 { background: #eaedef; }
.section5 { background: #eff8fc; }
.section6 { background: #f6f6f6; }
.secitonbottombg { width: 100%; text-align: center; position: relative; z-index: 1; }
.section1 .secitonbottombg { position: absolute; top: 0; left: 0; }
.section1 .secitonbottombg .part-bg{min-height: 300px!important;}
.section1 .secitonbottombg .part-bg img { width: 100%; max-width: 100%; height: 100%; max-height: 100%; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1622px":"100%");}
.section1 .secitonbottombg .part1-text1{position: absolute; top: 140px; left: 20%;}
.section1 .secitonbottombg .part1-text2{position: absolute; top: 320px; left: 50%;}
.section1 .secitonbottombg .part1-text3{ width: 524px; position: absolute; top: 590px; left: 50%; margin-left: -262px;}

/*section2 begin*/
.part2-title{ width: 960px; position: absolute; top: 80px; left: 50%; margin-left: -480px;}
.part2-title a{color: #0075c1; font-size: 42px; font-weight: bold; display: inline-block;}
.part2-title .text{position: relative;}
.part2-title .text i{width: 50px; height: 50px; position: absolute; background: url(../sub/icon_20171024.png) no-repeat;}
.part2-title .text i.icon1{top: -30px; left: -65px; background-position: 0 0;}
.part2-title .text i.icon2{bottom: -30px; right: -65px; background-position: -50px 0;}
.part2-title p{ padding: 20px; font-size: 16px; color: #000; text-align: left; text-indent: 2em; line-height: 26px; border-top: 1px dashed #a3a3a3; border-bottom: 1px dashed #a3a3a3; margin-top: 50px;}

.tempWrap{width: 100%!important;}
.part2-slide{ width:1090px; height:430px; overflow:hidden; position: absolute; top: 400px; left: 50%; margin-left: -545px;}
.part2-slide .bd{ position:relative; height:100%; z-index:0;   }
.part2-slide .bd li{ width: 1090px!important; height: 430px; zoom:1; vertical-align:middle; background: #fff; overflow: hidden;}
.part2-slide .bd img{ display:block; }
.part2-slide-R{ width: 290px; text-align: left; padding: 50px;}
.part2-slide-R .title{color: #0075c1; font-size: 22px; font-weight: bold; line-height: 34px;}
.part2-slide-R .con{font-size: 16px; line-height: 26px; margin-top: 40px;}
.part2-slide .prev,
.part2-slide .next{ position:absolute; right: 210px; bottom: 30px; margin-top:-25px; display:block; width:28px; height:28px; background: url(../sub/icon_20171024.png) -5px -59px no-repeat; }
.part2-slide .next{ left:auto; right:150px; background-position:-65px -59px; }
.part2-slide .prev:hover,
.part2-slide .next:hover{ filter:alpha(opacity=70);opacity:0.7; }
.part2-slide .prevStop{ display:none; }
.part2-slide .nextStop{ display:none; }
/*section2 end*/

/*section3 begin*/
.part3{ width: 1170px; height: 690px; position: absolute; left: 50%; margin-left: -585px; top: 13%; overflow: hidden;}
.part3-box{position: relative;}
.part3-box .tit{position: absolute; z-index: 99; left: 498px; top: 253px; width: 185px; height: 185px; background: url(../sub/circular_hy20171024.png) no-repeat;}
.part3-box .tit a{color: #0075c1; font-size: 50px; width: 148px; line-height: 65px; display: block; margin: 20px 0 0 15px; +margin: 20px 0 0 -4px;}
.part3-box .bm ul{overflow: hidden; width: 1210px;}
.part3-box .bm li{width: 565px; height: 330px; overflow: hidden; float: left; margin: 0 40px 30px 0;}
.part3-box .bm li span{height: 50px; line-height: 50px; padding: 0 30px 0 70px; text-align: left; display: block; background: #0075c1; font-size: 22px; color: #fff; font-weight: bold;}
/*section3 end*/

/*section4 begin*/
.main-tit4{position: absolute; width: 100%; height: 144px; top: 4%; text-align: center;}
/*.main-tit4 a{position: relative;}*/
.main-tit4 img{ width: 1920px!important; height: 144px; margin-left: -960px; +margin-left: -1800px; position: absolute; left: 50%; z-index: 0; }

.part4{ width: 1170px; height: 650px; position: absolute; left: 50%; margin-left: -585px; top: 19%; overflow: hidden;}
.part4 .bm ul{overflow: hidden; width: 1176px;}
.part4 .bm li{ width: 380px; height: 280px; overflow: hidden; border: 1px solid #b5b5b5; float: left; margin: 15px 10px 15px 0; position: relative;}
.part4 .bm li a{width: 380px; height: 280px; display: block;}
.part4 .bm li a img{ display: block;}
.part4 .bm li a span{position: absolute; width: 80%; padding: 0 10%; height: 35px; line-height: 35px; left: 0; bottom: 0; display: block; background: rgba(0,0,0,.3); color: #fff; font-size: 20px;}
/*section4 end*/


/*section5 begin*/
.main-tit5{position: absolute; width: 100%; height: 144px; top: 2%; text-align: center;}
/*.main-tit5 a{position: relative;}*/
.main-tit5 img{ width: 1920px!important; height: 144px; margin-left: -960px; +margin-left: -1800px; position: absolute; left: 50%; z-index: 0;}

.part5{ width: 1170px; height: 700px; position: absolute; left: 50%; margin-left: -585px; top: 50%; margin-top: -350px;}
.part5-bar{ width: 1920px; height: 700px; position: absolute; top: 19%; left: 50%; margin-left: -960px; z-index: 99; background: url(../sub/tiao_hy20171025.png) no-repeat bottom center;}

.part5 .bm{height: 700px; overflow: hidden; position: relative;}
.part5 .bm li.smy_show1{position: absolute; z-index: 99; bottom: 130px; left: 0;}
.part5 .bm li.smy_show2{position: absolute; z-index: 99; bottom: 43px; left: 294px;}
.part5 .bm li.smy_show3{position: absolute; z-index: 99; bottom: 235px; left: 590px;}
.part5 .bm li.smy_show4{position: absolute; z-index: 99; bottom: 180px; left: 885px;}
.part5 .bm li img{ display: block;}
.part5 .smy_show{width: 280px; height: 490px; position: relative; float: left;}
.part5 .smy_show .shadow{ position: absolute; top: 0; left: 0; width: 220px; height: 290px; padding: 200px 30px 0 30px; background: url(../sub/png_hy20171024.png) repeat; z-index:2; display:none; }
.part5 .smy_show .shadow a{ color: #fff; font-size: 18px; line-height: 26px; display: block; height: 100%;}

/*section5 end*/


/*section6 begin*/
.part6{ width: 1170px; height: 490px; position: absolute; top: 26%; left: 50%; margin-left: -585px;}

.part6-scroll{ position:relative; height: 490px; width: 100%;  /*width:450px;  overflow:hidden; border:1px solid #ccc; */  }
.part6-scroll .hd .prev{ display:block;  width:49px; height:104px; overflow:hidden; position: absolute; left: -65px; bottom: 42%;
	 cursor:pointer; background: url(../sub/icon_20171024.png) no-repeat; background-position:0 -91px; }
.part6-scroll .hd .next{ display:block;  width:49px; height:104px; overflow:hidden; position: absolute; right: -65px; bottom: 42%;
	 cursor:pointer; background: url(../sub/icon_20171024.png) no-repeat; background-position:-52px -91px; }
.part6-scroll .hd .prevStop{ background-position:-60px 0; }
.part6-scroll .hd .nextStop{ background-position:-60px -50px; }
.part6-scroll .bd{}
.part6-scroll .bd ul{ overflow:hidden; zoom:1; width: 1180px; }
.part6-scroll .bd ul li{ width: 280px; height: 490px; float:left; margin-right: 16px; _display:inline; overflow:hidden; text-align:center;  }
.part6-scroll .bd ul li .pic{ text-align:center; }
.part6-scroll .bd ul li .pic img{ display:block;}
.part6 .smy_show{width: 280px; height: 490px; position: relative; float: left;}
.part6 .smy_show .shadow{ position: absolute; top: 0; left: 0; width: 220px; height: 290px; padding: 200px 30px 0 30px; background: url(../sub/png_hy20171024.png) repeat; z-index:2; display:none; }
.part6 .smy_show .shadow a{ color: #fff; font-size: 18px; line-height: 26px; display: block; height: 100%;}
/*section6 end*/


.part7{ width: 1170px; height: 730px; position: absolute; top: 10%; left: 50%; margin-left: -585px;}
.part7-box{width: 520px;}
.part7-box-T{border-bottom: 2px dashed #ababab; text-align: left; padding: 20px 30px;}
.part7-box-T a{font-size: 20px; line-height: 30px; font-weight: bold; color: #000;}
.part7-box-T p{margin-top: 25px; font-size: 16px; line-height: 25px; text-indent: 2em;}
.part7-box li{ padding: 20px 10px; border-bottom: 2px dashed #ababab; text-align: left; line-height: 25px;}
.part7-box li a{font-size: 20px; color: #000; display: block;}

.part7-C{width: 95px; height: 730px; background: url(../sub/part7con_hy_20170111.png) no-repeat center top; position: relative;}
.part7-C a{font-size: 40px; color: #0075c1; font-weight: bold; width: 50px; display: inline-block; line-height: 45px;}
.part7-C-tit1{position: absolute; top: 45px; left: 18px; z-index: 1;}
.part7-C-tit2{position: absolute; top: 444px; right: 18px; z-index: 1;}


/*return begin*/
.side-pannel{ position:fixed; right:20px; z-index:99}
.side-bar{ bottom:130px;}
.side-bar a{ display:block; cursor:pointer; width:40px; height:40px; background-image:url(../sub/mo_turn_hy20171024.png); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; color:#676767; text-align:center;}
/*return end*/




.section2 .secitonbottombg .part-bg img, .section5 .secitonbottombg .part-bg img, .section6 .secitonbottombg .part-bg img 
{ width: 100%;/* max-width: 1000px;*/ _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1000px":"70%");}
.section3 .secitonbottombg img, .section4 .secitonbottombg img, .section7 .secitonbottombg img 
{width: 100%;/* max-width: 1128px;*/ _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1128px":"79%");}

.section1 .dload { position: absolute; top: 60%; left: 0; height: 40%; width: 100%; text-align: center; }
.section1 .iph_dload { position: absolute; top: 60%; left: 0; height: 18%; width: 100%; text-align: center; }
.section1 .iph_dload img, .section1 .andr_dload img { height: 100%; width: auto; }
.section1 .andr_dload { position: absolute; top: 85%; left: 0; height: 18%; width: 100%; text-align: center; }
/*.section6 .secitonbottombg a { position: absolute; left: 0; bottom: 5%; height: 15%; width: 100%; z-index: 99; }
.section6 .secitonbottombg a img { height: 100%; width: auto; }*/
/*回到顶部*/
.arrow_down { position: absolute; bottom: 0; left: 0; z-index: 100; }
#arrow_up { display: none; position: fixed; bottom: 100px; right: 50px; width: 90px; height: 90px; z-index: 60;
	_position: absolute;
 _right:expression(eval(document.documentElement.scrollright+1000));
 _top:expression(eval(document.documentElement.scrollTop+700));
}