html, body { width: 100%; height: 100%; min-width:1200px; 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;}
.w1200{ width: 1200px; 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;}
.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;  z-index: 10; }
.sectionBtnsub { width: 13%; margin: 0 auto; 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: #fff; }
.section2 { background-color: #f2f3f3; }
.section3 { background: #eff6fc; }
.section4 { background: #eaedef; }
.section5 { background: #eff8fc; }
.section6 { background: #f6f6f6; }
.secitonbottombg { width: 100%; 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: 1%; left: 20%;}
.section1 .secitonbottombg .part1-text2{position: absolute; top: 10%; left: 10%;}
.section1 .secitonbottombg .part1-text3{position: absolute; top: 19%; right: 6%;}
.section1 .secitonbottombg .part1-text4{position: absolute; top: 46%; left: 28%; width: 555px; color: #eb9f0d; font-size: 20px; line-height: 34px; text-indent: 2em;}
/*section2 begin*/
.part2{width: 1100px;position: absolute;top: 7%;left: 50%;margin-left: -600px;z-index: 1;}
.part2-box{margin-top: 25px;}
.part2-box .bm{text-align: left;margin-top: 25px;}
.part2-box .bm span{font-size: 18px;color: #eb9f0d;}
.part2-box .bm span a{font-size: 24px;color: #eb9f0d;}
.part2-box .bm span a:hover{text-decoration: underline;}
/*section2 end*/

/*section3 begin*/
.part3{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 10%; z-index: 1; overflow: hidden;}
.part3-box1{width: 1100px; margin: 0 auto; margin-top: 30px;}
.part3-box1 .tit{margin: 30px 0;}
.part3-box1 .bm span{font-size: 18px;color: #ad0e02;line-height: 32px;}
/*section3 end*/

/*section4 begin*/
.part4{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 10%; z-index: 1;}
.part4 .bm{ height: 380px; overflow: hidden; background: url(xtcx_hy20181109.png) no-repeat;}
.part4 .bm ul{overflow: hidden; height: 146px;}
.part4 .bm ul.list1{margin-top: 13px;}
.part4 .bm ul.list2{margin-left: 131px; margin-top: 70px;}
.part4 .bm ul.list1 li{ height: 146px; float: left; text-align: center; margin: 0 87px; }
.part4 .bm ul.list2 li{ height: 146px; float: left; text-align: center; margin: 0 94px; }
.part4 .bm ul li a{font-size: 24px; color: #fca714; display: inline-block; width: 125px; margin-top: 35px;}
.part4 .phone{font-size: 26px; color: #000; font-weight: bold; text-align: right; padding-right: 100px; margin-top: 30px;}
.part4 .more{font-size: 16px; color: #000; text-align: right; padding-right: 100px; margin-top: 30px;}
.part4 .download{ text-align: center;}
.part4 .download a{color: #fff; font-size: 30px; font-style: oblique; display: inline-block; width: 250px; height: 68px; line-height: 68px; background: #4e0000; border-radius: 10px;}
/*section4 end*/


/*section5 begin*/
.part5{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 10%; z-index: 1; overflow: hidden;}
.part5 .video{width: 656px; height: 366px; border: 3px solid #050c1f; margin-left: auto; margin-right: auto; margin-top: 20px;}

.part5 .box-list{margin-top: 40px;}
.part5 .box-list ul{ overflow: hidden; margin-left: 35px;}
.part5 .box-list li{ width: 215px; height: 200px; float: left; margin-right: 15px;}
.part5 .box-list li a{display: block;}
.part5 .box-list li a img{display: block;}
.part5 .box-list li a span{height: 50px; display: block; line-height: 50px; text-align: center; font-size: 20px; color: #333;}
/*section5 end*/

/*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_hy20181109.png); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; color:#676767; text-align:center;}
/*return end*/

.section1 .dload { position: absolute; top: 60%; left: 0; height: 40%; width: 100%; }
.section1 .iph_dload { position: absolute; top: 60%; left: 0; height: 18%; width: 100%;}
.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%; }
/*.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 { width: 38px; position: absolute; left: 50%; margin-left: -16px; bottom: 10%; z-index: 100; cursor: pointer;}
.arrow_txt {width: 300px; height: 45px; line-height: 45px; text-align: center; font-size: 20px; background: rgba(0,0,0,.5); border-radius: 30px; position: absolute; left: 50%; margin-left: -150px; bottom: 3%; z-index: 100; color: #fff;}
#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));
}
.part-bg{height: 100vh;}
.part-bg img{ width: 100%; height: 100%;}


@media only screen and (min-width:1200px) and (max-width: 1400px) {
	.secitonbottombg .part1-text1 img, .secitonbottombg .part1-text2 img, .secitonbottombg .part1-text3 img{width: 80%;}
	.section1 .secitonbottombg .part1-text3{right: -3%;}
	.section1 .secitonbottombg .part1-text4{top: 56%;}
	.part2{top: 0;}
	.part3{top: 1%;}
	.part4{top: 4%;}
	.part5{top: 3%;}
}

@media only screen and (min-width:1000px) and (max-width: 1200px) {
	.part-bg{width: 100vw;}
	.secitonbottombg .part1-text1 img, .secitonbottombg .part1-text2 img, .secitonbottombg .part1-text3 img{width: 60%;}
	.section1 .secitonbottombg .part-bg img{width: 100vw;}
	.section1 .secitonbottombg .part1-text3{right: -3%;}
	.section1 .secitonbottombg .part1-text4{top: 56%; left: 18%; width: 460px; font-size: 14px;}
	.part2{top: 0;}
	.part2-box{margin-top: 0;}
	.part2-box .tit img{width: 80%;}
	.part2-box .bm span{font-size: 16px;}
	.part3{top: 1%;}
	.part3-box1 .tit{margin: 0;}
	.part3-box1 .bm span{font-size: 14px; line-height: 20px;}
	.part4{top: 4%;}
	.part4 .bm{background-size: 80%; height: auto;}
	.part4 .bm ul.list1 li{height: 110px; margin: 0 58px;}
	.part4 .bm ul li a{font-size: 18px;}
	.part4 .bm ul.list2{margin-left: 100px; margin-top: 14px;}
	.part4 .bm ul.list2 li{margin: 0 64px;}
	.part4 .phone{padding-right: 250px; font-size: 18px;}
	.part4 .more{padding-right: 250px;}
	
	.part5{top: 3%;}
	.part5 .video{width: 470px; height: 230px;}
	.part5 .video img{width: 470px; height: 230px;}
	.part5 .box-list li{width: 180px; height: 120px;}
	.part5 .box-list li img{width: 180px; height: 120px;}
}