﻿
.head-lang{position: relative;text-align: center;margin-top: 30px;float:right;z-index:999999;margin-right: 20px;}
 
.head-lang span{display: block;width: 95px;line-height: 16px;
 background: url("../images/i0.png") no-repeat center;font-size: 13px;padding: 0 0px 0 10px;color: #000;cursor: pointer;}
.head-lang ul{ position: absolute;top:16px;padding-top: 10px;left: 0; display: none;right: 0;border-top: none;}
.head-lang li a{display:block; line-height:36px;color:#666;background: #fff;}
.head-lang li a:hover{background: #9D2328;color:#fff;}

@media (max-width:991px)
{
.head-lang{margin-top: 17px;	}
}

@media (max-width:370px)
{
.head-lang{margin-right: 0px;}
}

/*--------header start--------*/
.klypad-top{padding-top: 50px; width: 100%;background-color: #FFFFFF;}
.klyfix-top{position: fixed;width: 100%;left: 0;top: 0; z-index: 100;box-shadow: 0 2px 8px rgba(0,0,0,.3);background-color: #FFFFFF;}
.klyheader{height: 50px;background-color: #FFFFFF;}
h1{float: left;position:relative; margin-right: 2%;}
h1 embed{display: block;height: 40px;margin-top: 5px;width:153px;height:40px;border:none;padding:0; cursor:pointer;}
h1 a {width:100%;height:100%; display:block;position:absolute;left:0; top:0; z-index:2;}

.klynav-btn {width: 30px;height: 25px; margin-top: 11px; float: right;}
.klynav-btn .bar {position: relative; display: block; width: 28px; height: 3px; margin: 7px auto; background-color: #9D2328; transition: 0.3s;}
.klynav-btn span:nth-child(1) { margin-top: 0;}
.klynav-btn span:nth-child(3) { margin-bottom: 0;}
.klynav-btn.cur .bar:nth-of-type(1) {transform: translateY(9.5px) rotate(45deg);}
.klynav-btn.cur .bar:nth-of-type(2) {opacity: 0;}
.klynav-btn.cur .bar:nth-of-type(3) { transform: translateY(-10.5px) rotate(-45deg);}

.klynav {width: 100%; position: absolute; top: 50px; left: 0; z-index: 150; background-color: #fff; display: none;}
.klynav ul { border-top: 1px solid #d9d9d9; }
.klynav li { border-bottom: 1px solid #d9d9d9;}
.klynav li > a { display: block;height: 45px;line-height: 45px;padding: 0 15px;font-size:15px; position:relative;}
.klynav li:first-child > a:after { display:none; }
.klynav li > a:after{ content:''; display:block; background-image:url(../images/problem2.png); background-repeat:no-repeat; background-size:20px 13px; display:block; position:absolute; right:10px; top:20px;width:20px; height:13px; transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.klynav li > a.cur:after{ transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

.klynavbg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40; background-color: rgba(0,0,0,.7); display: none;}
.klysearch-wrap{ position:absolute; width:100%; top:51px; left:0; z-index:200; display:none;}
.klysearch-wrap dl{ background:#fff; height:46px;}
.klysearch-wrap dl dd{width:20%;float:left;}
.klysearch-wrap dl dd input{background-color:#9D2328; width:100%;height:46px; cursor:pointer; color:#fff; }
.klysearch-wrap dl dd.inputtextwrap01{ width:80%;}
.klysearch-wrap dl dd.inputtextwrap01 input{ width:100%; height:46px; background:none; padding-left:20px; cursor:initial; color:#333;}
.klysearch-btn,.klylanguage{width: 28px;height: 28px;margin-top: 11px;margin-right: 12px;float: right;}
.klysearch-btn {background-image: url(../images/search.png);background-color: #9D2328;background-repeat: no-repeat; background-position: center center; border-radius: 50%;}
.klylanguage{color: #9D2328;background-image: url(../images/language.png);background-position: right 14px;background-repeat: no-repeat;padding-right: 15px;line-height: 30px;font-size: 16px;width: 33px;}

@media (max-width: 768px){
	.klypad-top{padding-top: 26px; width: 100%;background-color: #FFFFFF;}
}

@media (min-width: 768px){

}
@media (min-width: 992px)
{

	klypad-top{padding-top: 78;}
	/*.klyfix-top{position: static;}*/
	.klyheader{height: 78px;padding: 0;position: relative;}
	h1 embed{height: 50px;margin-right: 18px; margin-top: 15px;}
	
    h1 embed  {width:200px;height:auto;}
	.klysearch-btn{width: 35px;height: 35px;}
	.klysearch-btn,.klylanguage{margin-top: 24px;}
	.klylanguage{font-size: 20px;padding-right: 20px;width: auto;line-height: 35px;background-position-y: 17px;}
	.klynav-btn{display: none;}
	.klysearch-wrap dl dd.inputtextwrap01 input{height: 46px; border: 1px solid #D9D9D9;padding-right: 10px;}
	.klynav{display: block;position: static;}
	.klynav ul{border-top: none;}
	.klynav ul li{float: left; overflow: hidden;position: relative;z-index:9; border-bottom: 0px solid #d9d9d9;}
	.klynav ul li a{height: 78px; display: block;  line-height: 78px;text-align: center;font-size: 14px; }
    
    .klynav ul li p{width:100%;height:78px;position:absolute;left:0;top:78px;z-index:-1;background:#9D2328;transition:all .2s ease;}
	.klynav ul li:hover a,.klynav ul li.cur a{color: #fff;}
	.klynav ul li.cur p,.klynav ul li:hover p{top:0;transition:all .2s ease;}
    

	.klysearch-wrap {width: 325px; height: 48px; position: absolute; right: 0px;left: auto; top: 78px; display: none; z-index: 201;}

}	

@media (max-width: 1174px) 
{
.klynav ul li a{padding: 0 10px;}	
}
@media (max-width:1098px)
{
.klynav ul li a{padding: 0 10px;}	
}


@media (max-width:1024px){
.klysearch-btn{display: none;}
}

@media (max-width:991px){
.klysearch-btn{display: block;}
}
/*--------header end--------*/

/*footer*/

.footer { background: #221F1F;  padding-top: 20px;   overflow: hidden; width: 100%; display: block;}
.footer .imgtst{width: 100%; display: block;}
.footer .imgtst img{max-width: 100%;}
.footer .left{float: left;width: 50%;position: relative; display: block;}
.footer .left .leftimg{width: 100%; margin: 15px 0;}
.footer .left .leftimg img{max-width: 100%;}
.footer .left .textb{width: 100%; color: #CB9D3B;display: block; }
.footer .left .textb a{ padding: 0 15px; color: #CB9D3B; font-size: 14px;}
.footer .left .textb a:hover{color:#CB9D3B ;}
.footer .left .textb a:first-child{ padding-left: 0;}
.footer .left p{line-height: 33px;font-size: 14px;display: block;color: #CB9D3B;}
.footer .left p a{font-size: 14px;display: block;color: #CB9D3B;}
.footer .left p a:hover {color:#CB9D3B ;}

.footer .right{float: right;width: 38%;position: relative; display: block; padding-top:4%; }

.footer .right .tond{ padding-left: 5%;text-align:left;  height: 33px; width: 100%; overflow: hidden; display: block; line-height: 33px; color: #CB9D3B; font-size: 18px; margin-bottom: 10px;}


.footer .right .dov{width:200px; height: 33px; line-height: 33px; border: solid 1px #CB9D3B;border-radius:10px; margin-right: 15px; float: right; margin-bottom: 10px;}
.footer .right .dov a{ font-size: 14px; color: #CB9D3B; padding: 0 15px;}
.footer .right .dov:hover{border: solid 1px #CB9D3B;}
.footer .right .dov:hover a{color:#CB9D3B ;}

@media (max-width:950px) {	.footer .left{width: 100%;}
.footer .right{width: 100%; padding-top: 2%; margin-bottom: 20px; }
.footer .right .tond{padding-left:0; text-align:left;  height: 33px; width: 100%; overflow: hidden; display: block; line-height: 33px; color: #CB9D3B; font-size: 18px; margin-bottom: 10px;}
.footer .right .dov{width:auto;height: 33px; line-height: 33px; border: solid 1px #CB9D3B;border-radius:10px; margin-right: 15px; float: left; margin-bottom: 10px;}

}


@media (max-width:700px) {
	.footer .left .leftimg{display: none;}
	.footer .imgtst{display: none;}
	.footer .left{width: 100%;}
.footer .right{width: 100%; padding-top: 2%; margin-bottom: 20px; }
.footer .left .textb a{ padding: 0 5px; font-size: 14px;}
.footer .left p {font-size: 14px;}
.footer .left p a{font-size: 14px;}
.footer .right .dov a{ font-size: 14px;padding: 0 10px;}
}



/*footer*/


/*图片*/

/*内页banner*/
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

.inside-con { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.inside-banner { position: relative; overflow: hidden; z-index: 0; }
.inside-banner img { display: block; position: relative;height: 300px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.inside-banner .inbanner-title { text-align: center; color: #fff; font-size: 26px; line-height: 40px; }

/*图片*/
@media  (max-width:500px) {	
.inside-banner img {height: 150px;}

 }

/*二级菜单*/

.m-inside-subnav { background: #E5EDF8; }
.channel-title { text-align: left; padding-top: 15px; padding-bottom: 15px; font-size: 18px; position: relative; color: #666; }
.channel-title:after { content: ""; position: absolute; top: 20px; right: 0; width: 12px; height: 12px; border-right: 2px solid #666; border-top: 2px solid #666; border-left: 0; border-bottom: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.channel-title.cur:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 24px; }
.subnav { display: none; }
.subnav li { border-bottom: 1px solid #ccc; display: block; font-size: 14px; }
.subnav li a { padding: 16px 0; display: block; color: #737373; }


@media (min-width: 1024px) {
	 .inside-banner img { left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; height: auto; width: 100%; }
  .inside-banner .inbanner-title { font-size: 40px; }
 
 .m-inside-subnav { padding-top: 0; }
  .channel-title { display: none; }
  .subnav { display: block; font-size: 0; text-align: center; }
  .subnav li { display: inline-block; padding: 0 1%; border-bottom: 0; }
  .subnav li a { border-bottom: 3px solid transparent; }
  .subnav li:hover, .subnav li.cur { background: #103770; color: #fff; }
  .subnav li:hover a, .subnav li.cur a{color: #fff; }
}
@media (min-width: 1260px){
.subnav li { padding: 0 1%; }

}
@media (max-width: 1033px){
.subnav li { font-size: 14px; }
.channel-title{font-size: 16px;}

}

/*二级菜单*/






/*分页*/
.leftbtn{ width: 45px; position: fixed; right: 10px; bottom:12%; z-index: 999; display: none;}
.leftbtn .ico{ width: 45px; height: 45px; margin-bottom: 5px; cursor: pointer; position: relative;}
.leftbtn .qq{ background: #9D2328 url(../images/cimg23.png) center no-repeat;}
.leftbtn .qq .cont{ background: #9D2328 url(../images/cimg23.png) 10px center no-repeat; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 136px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .wechat{ background: #9D2328 url(../images/cimg24.png) center no-repeat;}
.leftbtn .wechat .cont{ width: 170px; padding: 1px 16px 5px 1px; background: url(../images/cimg28.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .tel{ background: #9D2328 url(../images/cimg25.png) center no-repeat;}
.leftbtn .tel .cont{ background: #9D2328 url(../images/cimg25.png) 10px center no-repeat; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 180px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .official-wechat{ background: #9D2328 url(../images/cimg26.png) center no-repeat;}
.leftbtn .official-wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../images/cimg28.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .official-wechat .cont img{ display: block;  width: 143px; height: 143px;}
.leftbtn .official-wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .backtop{ background:#4d4d4d url(../images/returnTop.png) center no-repeat;}

.leftbtn .ico .cont{ display: none;}
@media (max-width: 640px){
.leftbtn{display: none !important; }

}
/*分页*/