/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {margin:0;padding:0;}
body{ color:#333; font-size:14px;  font-family:"Source Han Sans CN", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, sans-serif; background: #fff;}
ul,li,dl,dt,dd,ol { list-style: none;} 
img,fieldset{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th,samp,i {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
.nodispaly{ display:none}
.line{line-height:50px;}
.lineer{line-height:40px;}
.FK{color: #999;}
.F14{font-size: 14px;}
.fl,.Fl {float: left}
.fr,.Fr {float: right}
.ofH{overflow:hidden;}
.taC{text-align:center;}
.taL{text-align:left;}
.taR{text-align:right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none;}
a:hover {color:#f18e43; text-decoration:none; }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; outline: none}
input, textarea, select { outline: none; }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], button, select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }
textarea { overflow: auto; vertical-align: top; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }
.container{max-width:1320px;margin:0 auto;}
.layouts{max-width:100%;margin:0 auto;}
/*图片放大*/
.zom-img img{transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s;}
.zom-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; border:0;display: inline-block;}
/*头部导航*/

header{background: #fff;position: fixed;left: 0px;top: 0px;width: 100%;z-index: 100;box-shadow: 0 2px 6px rgb(0 0 0 / 22%);}
header .top{height:95px;z-index: 1000;}
header .top .box{max-width:1320px;margin:0 auto;}
header .top h1{ width: 400px; float: left;margin-top: 15px;}
header .top h1 img{width: 100%;}
header.on{background:#fff;}
header .top .t_cat{float: right; width: 68%;}
header .top .nav{width:calc(100% - 110px);display: block; }
header .top .nav ul{text-align: center;}
header .top .nav ul li{ z-index: 100;float: left;position: relative;width: 12.25%}
header .top .nav ul li p{font-size: 16px;text-align: center;}
header .top .nav ul li p a{display: block;line-height: 95px;color: #111;}
header .top .nav ul li:hover p a{display: block;text-decoration: none;color: #1c2952;}
header .top .nav ul li p a.current{color: #1c2952;}
header .top .nav ul li p:hover:before{content: "";position: absolute;bottom: 0;left: 14%;z-index: 0;width: 70%;height: 2px; background: #1c2952;}
header .top .nav ul li dl{position: absolute;left: 0px;top: 95px;background: #FFF;width:100%;visibility: hidden;opacity: 0;text-align: left;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
header .top .nav ul li:hover dl{visibility: visible;opacity: 1;}
header .top .nav ul li dd{font-size: 14px;}
header .top .nav ul li dd a{display: block;padding:8px 0;color: #333; line-height: 24px; text-align: center;}
header .top .nav ul li dd a:hover{display: block;text-decoration: none;color: #fff;background: #1c2952;}
header .top .nav ul li dd:last-child{border-bottom: none;}


header .top .top_r{ width:88px;  float: right; margin-top: 30px;}
header .top .top_r .lag{width: 60px;}
header .top .top_r .lag li{float: left;text-align: center;position: relative;}
header .top .top_r .lag li i{width: 60px;height: 30px;line-height: 30px;display: block; }
header .top .top_r .lag li i img{margin-right: 6px;}
header .top .top_r .lag li a{display: block;}
header .top .top_r .lag li:hover a{display: block;text-decoration: none;color:#1c2952;}
header .top .top_r .lag li .jt {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #1c2952;position: absolute;left: 25px;top: -10px;}
header .top .top_r .lag li .ybox{position: absolute;left: 0px;top: 60px;width: 120%;box-shadow:0 0 5px rgba(0,0,0,0.1);visibility: hidden;opacity: 0;transition: all 0.3s;}
header .top .top_r .lag li:hover .ybox{visibility: visible;opacity: 1;top: 55px;}
header .top .top_r .lag li .ybox dl{line-height: 32px;background: #1c2952;}
header .top .top_r .lag li .ybox a{color: #FFF;}
header .top .top_r .lag li .ybox a:hover{color: #1c2952;text-decoration: none;background: #fff;}


header .top .top_r .search_an{float: left;width: 50px;text-align: center;position: relative;z-index: 1000;}
header .top .top_r .search_an i{width: 50px;color: #666;font-size: 20px;height: 30px;line-height: 30px;display: block;cursor: pointer;}
header .top .top_r .search{position: absolute;right: 0px;top: 65px;width: 250px;display: none;}
header .top .top_r .search .input_txt{width: 200px;height: 42px;border:1px solid #DDD;float: left;border-right: none;outline: medium;padding-left:10px;box-sizing: border-box;font-size: 13px;}
header .top .top_r .search .input_btn{width: 50px;height: 42px;border:1px solid #DDD;float: right;border-left: none;outline: medium;background:#FFF url(http://www.ypkegroup.com/Data/ypkegroup/template/cn/images/insearch.png) no-repeat center;background-size: 20px;cursor: pointer;}



.sp_header,.sjj_nav{display: none}

header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .m-btn { display: none; width:50px; height:50px; line-height:50px; cursor:pointer; float:right;font-size: 14px;color:#0961a4;text-align: center;}
header .m-btn .box {position: relative; font-size:15px;}


.body-wrap { width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}

.foot{background: #292929 url(../image/footbj.jpg) center center no-repeat;padding:0 0 15px; overflow: hidden;}
.foot .box{max-width:1320px;margin:0 auto;}
.foot .box .ft-xt { display: block; width: 100%; height: 5px; background: #f18e43;animation: linear light2 1s;}
.foot .box .t_c{float: left;width: 43%; padding-top: 45px;}
.foot .box .t_c dl{float: left;width:25%;color: #FFF;}
.foot .box .t_c dt{font-size: 18px;margin-bottom: 15px; text-transform: uppercase;}
.foot .box .t_c dd{line-height:24px;padding-bottom: 10px;}
.foot .box .t_c dd a{color: #999;font-size: 14px; }
.foot .box .t_c dd a:hover{color: #f18e43;}

.foot .box .t_l{float: left;width: 40%; padding-top: 45px;}
.foot .box .t_l .info-lxwm { float: left; width:100%;}
.foot .box .t_l .info-lxwm h4 { margin-bottom: 40px;}
.foot .box .t_l .info-lxwm h4 a { font-size: 18px; color: #fff;}
.foot .box .t_l .info-lxwm .lxwm-list p { padding: 15px 0; border-top: 1px solid #383939; display: block; font-size: 14px; color: #999;}
.foot .box .t_l .info-lxwm .lxwm-list p em { font-size: 20px; color: #e67817; font-family: "DIN Medium"; font-weight: bold;}
.foot .box .t_l .info-lxwm .lxwm-list p em { font-size: 18px; display: inline-block; margin-right: 8px; padding-right: 8px; border-right: 1px solid #383939;}
.foot .box .t_l .info-lxwm .lxwm-list p em img{max-width: 20px}
.foot .box .t_l .info-lxwm .lxwm-list p span {display: inline-block;vertical-align: top;width: 90%;}
.foot .box .t_l .info-lxwm .lxwm-list p:first-child { padding-top: 0; border: none;} 

.foot .box .info-code { float: right; padding-top: 45px;}
.foot .box .info-code .cpic { margin-bottom: 22px; padding: 10px; background: #fff;width: 120px; text-align: center;}
.foot .box .info-code .cpic img { display: block; max-width: 100%;}

.foot .box .foot_b{padding-top: 20px;color: #999; border-top: 1px solid #383939; margin-top: 25px; overflow: hidden; }
.foot .box .foot_b .copyright{text-align: center; line-height: 27px; width: 100%;margin: 0 auto; overflow: hidden;}


/*浮动ＱＱ*/
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 50px;height: 203px;z-index: 6666; display: none;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 0;width: 62px;}
.sideBar-wrapper ul li.relQq{top: 51px;width: 126px;transition: all .4s;}
.sideBar-wrapper ul li.relDh{top: 102px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 153px;width: 62px;}
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #1c2952;opacity: .87;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;height: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: -144px;left: -144px;background: url('http://www.ypkegroup.com/Data/ypkegroup/template/cn/images/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}