@charset "utf-8";
body,form,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,p,hr,input,em{margin:0;padding:0;list-style:none;-webkit-text-size-adjust:none; vertical-align: middle; font-weight:normal;}
body{ font-size:14px; color:#000; min-width:1170px; background: #fff; font-family:'\5FAE\8F6F\96C5\9ED1','Nanum Gothic','-apple-system';}
html, body{min-width: 1170px;}
h1,h2,h3,h4,h5,h6{font-size:100%}
table,img,iframe{border:none}ul{list-style:none}
a{ color:#000; text-decoration:none;outline:none;}
a:hover {color:#000;text-decoration:none;}
a:active {color:#000;text-decoration:none;}
ol,ul {list-style:none;}
fieldset,img {border:0;}
i,em{ font-style:normal;}
.left{ float:left;}
.right{ float:right;}
.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;}
.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;}

.banner{width: 100%; overflow: hidden; position: relative;}
.banner img{position: absolute; left: 50%;}

/*part1*/
.part1-L{ width:600px; height:450px; overflow:hidden; position:relative; }
.part1-L .hd{ height:10px; overflow:hidden; position:absolute; right:5px; bottom:20px; z-index:1; }
.part1-L .hd ul{ overflow:hidden; zoom:1; float:left;  }
.part1-L .hd ul li{ float:left; margin-right:9px;  width:10px; height:10px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%; }
.part1-L .hd ul li.on{ background:#4571c1; }
.part1-L .bd{ position:relative; height:100%; z-index:0;}
.part1-L .bd li{ zoom:1; vertical-align:middle; }
.part1-L .bd li img{  display:block; object-fit: cover;}
.part1-L .bd li span{ width: 560px; height: 50px; border-top: 3px solid #fff; line-height: 50px; padding: 0 20px; overflow: hidden; color: #fff; font-size: 20px; position: absolute; bottom: 0; left: 0; background: url(png_hy20170816.png) repeat;}

.part1-L .prev,
.part1-L .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background: url(slider-arrow_hy_20170816.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.part1-L .next{ left:auto; right:3%; background-position:8px 5px; }
.part1-L .prev:hover,
.part1-L .next:hover{ filter:alpha(opacity=100);opacity:1; }
.part1-L .prevStop{ display:none; }
.part1-L .nextStop{ display:none; }

.part1-R{width: 520px; height:450px; overflow:hidden;}
.part1-R .tit{width: 465px; padding: 0 25px 0 30px; height: 50px; background: #4571c1; color: #fff; border-radius: 10px; overflow: hidden;}
.part1-R .tit span{line-height: 50px; float: left; font-size: 30px;}
.part1-R .tit a{float: right; color: #fff; margin-top: 25px;}
.part1-R .title{border-bottom: 5px dashed #e0e0e0; padding: 20px 0;}
.part1-R .title a{ color: #0040b4; font-size: 20px; font-weight: bold; display: block; margin-bottom: 19px;}
.part1-R .title p{ color: #0040b4; font-size: 16px; line-height: 22px; text-indent: 2em; overflow: hidden;}
.part1-R-list{padding: 10px 0;}
.part1-R-list li{background: url(icon1_hy20170816.png) no-repeat left center; height: 40px; line-height: 40px; font-size: 20px; margin-left: 20px; padding-left: 20px;}


/*part2*/
.part2 .tit{ text-align: center; position: relative;}
.part2 .tit span{font-size: 45px; color: #0040b4;}
.part2 .tit i{ width: 430px; height: 5px; background: #0040b4; position: absolute; z-index: 1;}
.part2 .tit i.part2-tit1{ left: 0; top: 12px;}
.part2 .tit i.part2-tit2{ right: 0; bottom: 8px;}
.part2 .bm{ overflow: hidden;}
.part2-bmlist{width: 1190px; overflow: hidden;}
.part2-pic { width: 280px; height: 510px; overflow: hidden; position: relative; box-sizing: content-box; float: left; margin-right: 17px;}
.part2-pic img{ object-fit: cover;}
.part2-pic:after, .part2-pic:before { display: block; content: ''; }
.part2-pic:before { background: url(png2_hy20170816.png) repeat; height: 40px; padding: 25px 0; z-index: 2; }
.part2-pic:before, .part2-more, .part2-name { position: absolute; width: 100%; +width: 280px; +margin-left: 0; z-index: 3; bottom: 0; left: 0; transition: all 1s; }
.part2-pic:hover:before { background: url(png3_hy20170816.png) repeat; height: 100% }
.part2-pic:hover .part2-name { bottom: -90px; opacity: 0; +opacity: 1; +bottom: 0;}
.part2-pic:hover .part2-more { bottom: 0; opacity: 1; +display: none;}
.part2-name { position: absolute; width: 250px; +width: 270px; height: 70px; font-size: 20px; z-index: 3; bottom: 0; left: 0; transition: all 1s; +height: 60px; +background: url(png2_hy20170816.png) repeat; +margin-left: 0; }
.part2-name, .part2-more { color: #FFF; margin-left: 15px; +margin-left: 0; +padding-left: 15px; opacity: 1 }
.part2-more { font-size: 18px; line-height: 34px; width: 215px; height: 100%; padding: 50px 20px\9\0; height: 420px\9\0; padding-left: 20px; bottom: -100%; opacity: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
.ie10 .part2-more {display: block; padding: 50px 20px; height: 390px;}


/*part3*/
.part3{ overflow:hidden;}
.part3 .bm{overflow: hidden;}
.part3 .tit{width: 1115px; padding: 0 25px 0 30px; height: 50px; background: #4571c1; color: #fff; border-radius: 10px; overflow: hidden;}
.part3 .tit span{line-height: 50px; float: left; font-size: 30px;}
.part3 .tit a{float: right; color: #fff; margin-top: 25px;}
.part3-L{width: 520px; overflow: hidden;}
.part3-L .title{border-bottom: 5px dashed #e0e0e0; padding: 20px 0;}
.part3-L .title a{ color: #0040b4; font-size: 20px; font-weight: bold; display: block; margin-bottom: 19px;}
.part3-L .title p{ color: #0040b4; font-size: 16px; line-height: 22px; text-indent: 2em; overflow: hidden;}

.part3-R{width: 540px; overflow: hidden;}
.part3-pic{width: 540px; height: 230px;}
.part3-pic img{object-fit: cover;}
.part3-tit{width: 540px; height: 50px; line-height: 50px; background: #e6e6e6; text-align: center;}
.part3-tit a{color: #4571c1; font-size: 20px;}
.part3-con{height: 80px; padding: 20px 0; line-height: 24px; overflow: hidden; color: #4571c1; text-indent: 2em; font-size: 16px;}