/*
* @Author: GYF
* @Date:   2017-11-16 16:42:44
* @Last Modified by:   GYF
* @Last Modified time: 2017-11-17 10:32:43
*/
/* wrap start */
.hkong-wrap{width: 100%;min-width: 1200px;overflow: hidden;padding-bottom: 60px;}
.hkong-container{width: 1200px;margin: 0 auto;position: relative;height: 100%}
/* wrap end */
/* banner start */
.hkong-banner{width: 100%;height: 504px;background: #1767da url(../images/20171116yfimg0.jpg) no-repeat center top;}
.hkong-title{font-size: 48px;padding-top: 165px;}
.hkong-text{font-size: 30px;}
.gfc0{color: #fc0}
.hkong-text .gfc0 span{font-size: 45px;}
/* banner end */
/* nav start */
.hkong-nav{width: 100%;height: 80px;background-color: #095bd0}
.hkong-navbox{width: 934px;margin: 0 auto;height: 100%;}
.hkong-navbox .hkong-navli{width: 194px;height: 50px;border: 1px solid #fff;border-radius: 25px;margin-top: 15px;line-height: 50px;overflow: hidden;}
.hkong-navbox .hkong-navli a{display: block;width: 100%;height: 100%;color: #fff}
.hkong-navbox .hkong-navli img{margin-right: 10px;vertical-align: middle;will-change: transform;
    -webkit-transition: all .5s ease-out;
       -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
}
.hkong-navarrow{width: 50px;height: 100%;line-height: 94px;}
.hkong-navbox .hkong-navli a:hover img{-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);}
/* nav end */
/* title start */
.hkong-itemtitlebox{padding-top: 48px;}
.hkong-itemtitle{padding-left: 70px;padding-right: 70px;color: #0b55c0;font-size: 35px;display: inline-block;position: relative;}
.hkong-itemtitle::before {content: '';width: 60px;height: 10px;position: absolute;background: url(../images/20171116yfimg6.png);left: 0;top: 50%;margin-top: -5px;}
.hkong-itemtitle::after {content: '';width: 60px;height: 10px;position: absolute;background: url(../images/20171116yfimg6.png);right: 0;top: 50%;margin-top: -5px;}
.hkong-itemtext{}
/* title end */
/* peizhi start */
.hkong-peizhi{background: #f5f5f5;padding-bottom: 62px}
.hkong-peizhibox{height: 357px;background: url(../images/20171116yfimg7.jpg);padding-left: 590px;margin-top: 10px;}
.hkong-peizhibox h3{font-weight: bold;padding-top: 66px;margin-bottom: 15px;}
.hkong-peizhibox p{line-height: 24px;color: #333}
.hkong-peizhiprice{color: #ff6c00}
.hkong-peizhiprice span{font-size: 20px;font-weight: bold}
.hkong-peizhibtn{display: block;width: 126px;height: 36px;background: #ff9000;line-height: 36px;margin-top: 8px;}
.hkong-peizhibtn:hover{color: #fff;-webkit-animation: s-btn .3s ease-in-out;-moz-animation: s-btn .3s ease-in-out;-ms-animation: s-btn .3s ease-in-out;-o-animation: s-btn .3s ease-in-out;animation: s-btn .3s ease-in-out;}
@-webkit-keyframes s-btn{
    0%{margin-left: 0;}
    10%{margin-left: -10px;}
    30%{margin-left: 10px;}
    50%{margin-left: -5px;}
    70%{margin-left: 5px;}
    90%{margin-left: -3px;}
    100%{margin-left: 0px;}
}
@-moz-keyframes s-btn{
    0%{margin-left: 0;}
    10%{margin-left: -10px;}
    30%{margin-left: 10px;}
    50%{margin-left: -5px;}
    70%{margin-left: 5px;}
    90%{margin-left: -3px;}
    100%{margin-left: 0px;}
}
@-o-keyframes s-btn{
    0%{margin-left: 0;}
    10%{margin-left: -10px;}
    30%{margin-left: 10px;}
    50%{margin-left: -5px;}
    70%{margin-left: 5px;}
    90%{margin-left: -3px;}
    100%{margin-left: 0px;}
}
@keyframes s-btn{
    0%{margin-left: 0;}
    10%{margin-left: -10px;}
    30%{margin-left: 10px;}
    50%{margin-left: -5px;}
    70%{margin-left: 5px;}
    90%{margin-left: -3px;}
    100%{margin-left: 0px;}
}
/* peizhi end */
/* youshi start */
.hk-otheryos{margin-top: 20px;}
.hk-otheryos li{width: 388px;height: 198px;background: #f5f5f5;border: 1px solid #f5f5f5;margin-left: 15px;}
.hk-otheryos li:hover{border-color: #0b55c0}
.hk-otheryos li:first-child{margin-left: 0}
.hk-otheryoslitb{height: 116px;padding-top: 10px;position: relative;}
.hk-otheryoslitb img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.hk-otheryostit{font-weight: bold}
.hk-otheryostxt{padding: 0 20px;}
/* youshi end */
/* huodong start */
.hk-otherhd{margin-top: 20px;padding: 50px 26px;background: #f5f5f5}
.hk-otherhd li{margin: 0 16px;background: #0b55c0;position: relative;padding-left: 40px;width: 310px;height: 110px;padding-top: 28px;cursor: pointer;}
.hk-otherhd li img{position: absolute;top: 0;bottom: 0;right: 60px;margin: auto 0;will-change: transform;
    -webkit-transition: all .5s ease-out;
       -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;}
.hk-otherhd li:hover img{-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);}
.hk-otherhdtit{font-weight: bold;}
.hk-otherhdtxt{color: #fbc02a;margin-top: 6px;margin-bottom: 10px}
.hk-otherhdlink{color: #b0b0b0;}
.hk-otherhdlink:hover{color: #b0b0b0;text-decoration: underline;}
/* huodong end */
/* rule start */
.hk-otherrule{margin-top: 30px;line-height: 24px;}
/* rule end */