@charset "gbk";
/* CSS Document */
*{ font-style:normal; padding:0; margin:0; border:0;}
body{ font: 12px/24px "Î¢ÈíÑÅºÚ"; behavior: url(/images/csshover.htc); color:#5e5e5e;background:#fff;}
input,button,select,textarea{outline:none}
a{ text-decoration:none; color:#464646; cursor:pointer;}
a:hover{color:#09C;}
img{border:none;}
textarea{resize:none;}
input{border:none;background:none}
li{list-style:none;}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1}
body{font-size:12px}
::before,::after,a,button,span,input,textarea,.jxbtn{-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.fl{float: left;}
.fr{float: right;}

.ban_ysgg1{width:100%;height: 400px;overflow: hidden;background: url(../images/ban_ysgg1.jpg) no-repeat center;}
.ban_ysgg2{width:100%;height: 476px;overflow: hidden;background: url(../images/ban_ysgg2.jpg) no-repeat center;}

.ysgg_top{height: 523px;background: #CCE0FD url(../images/ysgg_tbg.jpg) no-repeat center;}
.ysgg_main{width: 1100px;margin:0 auto;overflow: hidden;padding-top: 64px;}
.ysgg_t1{width: 234px;margin-left: 32px;}
.ysgg_t11{width: 234px; height: 246px; overflow: hidden;position: relative;margin-bottom: 38px;}
.ysgg_t11 .ysgg_tc{transition: none}
.ysgg_t11 .ysgg_tc li{width: 234px;height: 246px;position: relative}
.ysgg_t11 .ysgg_tbtn{width: 100%;position: absolute; z-index: 2; text-align: center; left: 0; bottom:10px;}
.ysgg_t11 .ysgg_tbtn li{width: 9px;height: 9px;display: inline-block;overflow: hidden;text-indent: 9999px;background: #F2970E;border-radius: 50%; margin: 0 5px}
.ysgg_t11 .ysgg_tbtn li.on{ background:#FA4009;}
.ysgg_t12,.ysgg_t13{width: 235px;height: 50px;line-height:50px;background:url(../images/ysgg_t12.jpg) no-repeat;font-size: 24px;color: #fff;margin-bottom: 22px;text-indent: 44px; cursor: pointer;}
.ysgg_t13{background:url(../images/ysgg_t13.jpg) no-repeat}
.ysgg_t2{width: 390px;margin-left: 48px;}
.ysgg_t2 h2{font-size: 24px;font-weight: normal;overflow: hidden;}
.ysgg_t2 h2 i{float: left;width: 29px;height: 29px;background: url(../images/sgg_t21.jpg) no-repeat;}
.ysgg_t2 h2 a{color: #434343;border-bottom: 1px solid #F2970E;line-height: 25px;float: left;width:290px;padding:0 0 3px 6px;}
.ysgg_t2 p{font-size: 16px;color: #434343;line-height: 30px;text-indent: 2em;margin: 15px 0 26px;}
.ysgg_t2 p a{color: #f33904;}
.ysgg_t2 ul li{overflow: hidden;line-height: 30px;border-bottom: 1px dashed #7E7E7E;padding: 3px 0;font-size: 18px;}
.ysgg_t2 ul li span{color: #313131;float: left;background: url(../images/ysgg_t22.jpg) no-repeat left center;padding-left: 8px;}
.ysgg_t2 ul li a{float: right;color: #959595;}
.ysgg_t3{width: 336px;margin-left: 44px;}
.ysgg_t31{width: 316px;position: relative;margin-bottom: 20px;}
.ysgg_t31 img{display: block;}
.ysgg_t31 span{display: block;width: 100%;line-height: 36px;font-size: 18px;color: #fff;text-align: center;background: rgba(0,0,0,0.8);position: absolute;left: 0;bottom: 0;}
.ysgg_t32{overflow: hidden;}
.ysgg_t32 a{width: 92px;height: 92px;float: left;margin: 20px 20px 0 0;background: #A9A9A9;border-radius: 50%;position: relative;text-align: center;}
.ysgg_t32 a img{display: block;margin: 22px auto 0;}
.ysgg_t32 a span{width: 92px;height: 92px;background: #F53B08;font-size: 22px;color: #fff;line-height: 26px;border-radius: 50%;position: absolute;left: 0;top: 0;transform: scale(0);-webkit-transform: scale(0);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ysgg_t32 a span i{display: block;margin-top: 20px;}
.ysgg_t32 a:hover span{transform: scale(1);-webkit-transform: scale(1);}

.ysgg1{background: #CCE0FD;padding: 86px 0 60px;}
.ys_tit{text-align: center;margin-bottom: 45px;}
.ys_tit div{display: inline-block;position: relative;}
.ys_tit h2{font-size: 48px;color: #1f2e55;line-height: 60px;font-weight: normal;position: relative;background: #CCE0FD;padding: 0 26px;}
.ys_tit span{display:block;font-size: 14px;color: #707070;letter-spacing:7px;position: relative;background: #CCE0FD;}
.ys_tit div::before{content: "";width: 116%;height: 44px;border: 1px solid #9B9EA2;position: absolute;left: -60px;top: 26px;}
.ysgg11{width: 920px;font-size: 16px;color: #535353;line-height: 30px;text-indent: 2em;margin: 0 auto 50px;}
.ysgg1 ul{width: 1172px;margin: 0 auto;overflow: hidden;}
.ysgg1 ul li{width: 233px;float: left;margin: 0 30px;position: relative;height: 260px;}
.ysgg1 ul li img,.ysgg21c ul li img,.ysgg31 li img,.ysgg33c ul li img{display: block;}
.ysgg1 ul li p{background: url(../images/ysgg15.jpg) no-repeat bottom center;position: absolute;left: 0;top: 175px;height: 86px;}
.ysgg1 ul li span{display: block;width: 220px;height: 54px;line-height: 54px;text-align: center;background: #fff;border: 5px solid #245087;font-size: 20px;color: #313131;cursor: pointer;}
.ysgg1 ul li:hover span{background: #245087;color: #fff;}
.ysgg16{width: 1260px;height: 450px;background: url(../images/ysgg16.jpg) no-repeat;margin: 0 auto;}
.ysgg161{padding:138px 170px 0 470px;}
.ysgg161 i{display: block;font-size: 20px;color: #4e9cc8;line-height: 30px;font-style: italic;}
.ysgg161 p{font-size: 16px;color: #535353;line-height: 30px;text-indent: 2em;}
.ysgg161 a{display: block;width: 363px;height: 53px;line-height: 53px;text-align: center;font-size: 24px;color: #fff;background: url(../images/ysgg17.png) no-repeat;margin: 20px 0 0 130px;}
.ysgg2{background: url(../images/ysgg2b.jpg) no-repeat center;height: 1055px;}
.ysgg2 .ys_tit,.ysgg4 .ys_tit{padding-top: 210px;}
.ysgg2 .ys_tit h2,.ysgg4 .ys_tit h2{color: #fff;background: #1D2B51;}
.ysgg2 .ys_tit span,.ysgg4 .ys_tit span{background: #1D2B51;}
.ysgg2 .ysgg11,.ysgg4 .ysgg11{color: #fff;}
.ysgg2c{width: 1100px;margin: 0 auto;overflow: hidden;}
.ysgg22{width: 640px;height: 281px;background: url(../images/ysgg21.jpg) no-repeat;line-height: 30px;}
.ysgg22 h3{font-weight: normal;padding:70px 0 15px 156px;font-size: 24px;color: #54a3ce;}
.ysgg22 span{display: block;font-size: 16px;color: #fff;text-indent: 2em;padding: 0 150px 0 68px;}
.ysgg21{width: 460px;position: relative;height: 282px;}
.ysgg21c{width: 415px;height: 282px;float: right;}
.ysgg21c ul li{width: 415px;height: 282px;position: relative;}
.ysgg21c ul li span{width: 100%;height: 102px;background: rgba(0,0,0,0.5);font-size: 16px;color: #fff;position: absolute;left: 0;bottom: 0;text-indent: 2em;}
.ysgg21c ul li span i{display: block;padding: 26px 20px 0 20px;}
.ysgg21 em{display: block;width: 238px;height: 38px;background: #54A2CC;line-height: 38px;font-size: 20px;color: #fff;border-top-right-radius: 30px;border-bottom-right-radius: 30px;position: absolute;left: 0;top: 20px;}
.ysgg21 span.ysgg2p,.ysgg21 span.ysgg2r{width: 45px;height: 45px;display: block;position: absolute;left: 0;cursor: pointer;}
.ysgg21 span.ysgg2p{background: url(../images/ysgg2p.jpg) no-repeat;bottom: 58px;}
.ysgg21 span.ysgg2r{background: url(../images/ysgg2r.jpg) no-repeat;bottom: 0;}
.ysgg23{text-align: center;width: 960px;margin: 60px auto;}
.ysgg23 div{width: 360px;height: 50px;display: inline-block;background: url(../images/ysgg26.jpg) no-repeat;text-align: center;margin: 0 58px;color: #fff;font-size: 24px;line-height: 50px;cursor: pointer;}
.ysgg23 div span{width: 192px;display: inline-block;}
.ysgg23 div em{width: 168px;display: inline-block;}
.ysgg3{background:#CCE0FD url(../images/ysgg3b.jpg) no-repeat top center;padding: 86px 0 50px;}
.ysgg31{width: 1158px;overflow: hidden;margin: 0 auto;}
.ysgg31 li{width: 330px;height: 237px;float: left;position: relative;margin: 0 28px;text-align: center;cursor: pointer;}
.ysgg31 li span{display: block;width: 312px;height: 60px;background: rgba(0,0,0,0.7);position: absolute;left: 9px;bottom: 21px;}
.ysgg31 li span i{display: block;font-size: 20px;color: #fff;line-height: 26px;margin-top: 4px;}
.ysgg31 li:hover span{background: #54A2CC;}
.ysgg32{width: 1100px;height: 347px;background: url(../images/ysgg34.jpg) no-repeat left center;margin: 80px auto 60px;}
.ysgg321{width: 740px;height: 252px;background: url(../images/ysgg35.jpg) no-repeat;float: right;margin-top: 48px;}
.ysgg321 p{font-size: 20px;color: #fff;line-height: 34px;margin: 54px 30px 0 30px;}
.ysgg321 p span{font-size: 24px;}
.ysgg321 a{display: block;width: 272px;height: 50px;line-height:50px;border-radius: 30px;font-size: 24px;color: #fff;text-align: center;background: -webkit-linear-gradient(left,#EC5D06,#EF5707 25%,#F44A08 50%,#F84108 75%,#FA3D09);box-shadow: 1px 3px 4px #DB8A7B;margin: 40px auto 0;}
.ysgg33{width: 1100px;height: 307px;background: url(../images/ysgg3b1.jpg) no-repeat;margin: 0 auto;position: relative;}
.ysgg33 h3{font-size: 24px;color: #fff;line-height: 40px;font-weight: normal;margin-left: 30px;}
.ysgg33 span.ysgg3p,.ysgg33 span.ysgg3r{width: 48px;height: 48px;position: absolute;display: block;top: 106px;cursor: pointer;}
.ysgg33 span.ysgg3p{background: url(../images/ysgg3p.jpg) no-repeat;left: 17px;}
.ysgg33 span.ysgg3r{background: url(../images/ysgg3r.jpg) no-repeat;right: 0;}
.ysgg33c{width: 960px;margin: 22px auto 0;}
.ysgg33c ul li{width: 210px;height: 140px;float: left;margin: 0 15px;position: relative;overflow: hidden;}
.ys33c{color:#fff;background:rgba(0,0,0,0.8);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.ysgg33c ul li:hover .ys33c{background:rgba(0,0,0,.8);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.ys33c,.ys33c > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.ys331{font-size:20px;font-weight:normal;text-align:center;color:#fff;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.ys332{width:54px;height:1px;background:#fff;display:block;position:absolute;top:-48%;left:78px;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.ys333{font-size:16px;color:#fff line-height:30px;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden;opacity:0}
.ysgg33c ul li:hover .ys333{top:50%;opacity:1;}
.ysgg33c ul li:hover .ys332{top:40%;opacity:1;}
.ysgg33c ul li:hover .ys331{top:15%;opacity:1;}
.ysgg4{background: url(../images/ysgg4b.jpg) no-repeat center;height: 824px;}
.ysgg4c{width: 1100px;margin: 0 auto;overflow: hidden;}
.ysgg4c .ys4li{width: 294px;height: 284px;float: left;text-align: center;color: #fff;position: relative;}
.ysgg41{background: url(../images/ysgg41.jpg) no-repeat;}
.ysgg42{background: url(../images/ysgg42.jpg) no-repeat;margin: 0 100px 0 118px;}
.ysgg43{background: url(../images/ysgg43.jpg) no-repeat;}
.ysgg4c .ys4li p{font-size: 18px;line-height: 30px;margin-top: 158px;}
.ysgg4c .ys4li a{display: block;width: 248px;height: 50px;font-size: 24px;color: #fff;text-align: center;line-height: 50px;background: -webkit-linear-gradient(left,#EC5D06,#EF5707 25%,#F44A08 50%,#F84108 75%,#FA3D09);position: absolute;left: 23px;bottom: 0;border-radius: 30px;}







