@charset "UTF-8";



/*浮动*/

.fl { float: left; }

.fr { float: right; }

/*清除浮动*/

.clearfix:after {

    height: 0;

    content: "";

    display: block;

    clear: both;

    visibility: hidden;

    font-size: 0;

}

.clearfix { zoom: 1; }

* html .clearfix { zoom: 1; }

p{font-family: '微软雅黑'; color: #666; font-size: 14px;line-height: 30px;}
.kckhwl p{font-family: '微软雅黑'; color: #232323; font-size: 16px;line-height: 30px;    text-align: center;}
.kcxswl p{font-family: '微软雅黑'; color: #232323; font-size: 16px;line-height: 30px;    text-align: center;}





/*字体图标*/

@font-face {font-family: "iconfont";

  src: url('iconfont/iconfont.eot'); /* IE9*/

  src: url('iconfont/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */

  url('iconfont/iconfont.woff') format('woff'), /* chrome, firefox */

  url('iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

  url('iconfont/iconfont.svg') format('svg'); /* iOS 4.1- */

}

.iconfont {

  font-family:"iconfont" !important;

  font-size:16px;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/*public css*/

header, section, footer, aside, nav{ display: block; }

.fw{ width: 1200px; margin: 0 auto; }

.top-title{font-size: 20px;font-weight: bolder;color: #4E5051;}

.top-img{margin:20px 0;}

.center{text-align: center;}

.hide{ display: none; }

.relative{position: relative;}

.absolute{position: absolute;}

.ellipsis{

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

.duohang{

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

section{ width: 100%; overflow: hidden;min-width: 1200px}



/*header*/

.yc{overflow: hidden;min-width: 1200px}

#header{
	width: 100%;
	height: 120px;
	background: #0053E2;
	position: fixed;
	z-index: 999;
	background-color: #fff;
}

#logo{ display: block;height: 80px;line-height: 112px; }

.head-tel{ height:42px;background: url(../images/tel.png) no-repeat left 30px; padding-left: 35px;padding-top: 28px;}

.head-tel .tel{color: #666;font-size: 14px;line-height: 30px;}

.head-tel .tel span{ color: #fff;font-size: 14px; }

.head-tel img{ margin-top: 4px; }











/*nav*/

#nav{ width: 50%;height: 78px;line-height: 78px; z-index: 9; position: relative;   padding-left: 80px;}

#nav .nli{ float: left;position: relative;}

#nav .nli .item{ display: block;height: 74px;line-height: 76px;color: #000000;font-size: 16px;padding: 0 24px; /*transition: all ease-out .3s;*/}

#nav .nli.on .item{ border-bottom: 5px solid #fff;background: #fff;color: #e2002f}

#nav .nli .item:hover{border-bottom: 5px solid #fff;background: #FF5A00;color: #fff}

#nav .subnav{ 
background: rgba(255,255,255,1);position: absolute;
  transition: all 0.3s ease-out 0s;
  top: 80px;
      min-height: 200px;
      background-color: #fff;
  visibility: hidden;width: 340px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 2px 2px 0px #bfbfbf;
}
#nav .subnav.fu{width: 450px}
#nav .nli:hover .subnav{visibility: visible;transition: all ease-out .3s;}
#nav .subnav .wrapper{padding: 10px 0;/*width: 75px;*/}
#nav .subnav .wrapper a{
    display: block;text-align: center;
    line-height: 20px;width: 75px;margin: 0 17px;padding: 10px 0;
    border-bottom: 1px dashed #666;
    color: #000000;
}
#nav .subnav .jj{padding: 10px;width: 210px}
#nav .subnav .jj img{max-width: 100%}
#nav .subnav .jj p{color: #999999;font-size: 12px;line-height: 20px;padding: 10px 0}
#nav .subnav .wrapper a:hover{background: #fff ;color: #e2002f}
#nav .nli:nth-child(7) .subnav,
#nav .nli:nth-child(8) .subnav,
#nav .nli:nth-child(9) .subnav,
#nav .nli:nth-child(10) .subnav{left: -256px}

#nav .nli:nth-child(7) .subnav.fu,
#nav .nli:nth-child(8) .subnav.fu,
#nav .nli:nth-child(9) .subnav.fu,
#nav .nli:nth-child(10) .subnav.fu{left: -366px}

/*footer*/

#footer{ width: 100%;background: #666666;padding-top: 38px;padding-bottom: 0; }

#footer .left{width: 750px;}

#footer .left ul{ float: left;margin-bottom: 20px;}

#footer .left ul+ul{ margin-left: 100px; }

#footer .left .one{ margin-bottom: 6px; }

#footer .left .one a{ color: #FFFFFF;font-size: 14px;font-weight: bold; display: block;position: relative;}

#footer .left .one a i{ position: absolute;width: 1px;height: 8px;background: #bfbfbf; left: 0;top: 50%;margin-top: -4px;}

#footer .left .item a{ /*color: #c8c8c8;*/color:#cbcbcb;font-size: 14px;display: block;height: 30px;line-height: 30px; }

/*#footer .left li a:hover{ color: #35B5F5; }*/

#footer .left li a:hover{ color: #FF1E4F; }

#footer .yqlj{}

#footer .yqlj ul{ float: left; }

#footer .yqlj ul+ul{ margin-left: 44px; }

#footer .yqlj .one{ margin-bottom: 6px; }

#footer .yqlj .one a{ color: #e2e1e1;font-size: 14px;font-weight: bold; display: block;position: relative;}

#footer .yqlj .one a i{ position: absolute;width: 1px;height: 8px;background: #bfbfbf; left: 0;top: 50%;margin-top: -4px;}

#footer .yqlj .item a{ /*color: #c8c8c8;*/color:#cbcbcb;font-size: 14px;display: block;height: 30px;line-height: 30px; }

#footer .yqlj li a:hover{ color: #e50030; }

#footer .right{}

#footer .right .code{ font-size: 0; margin-bottom: 22px;text-align: left;}

#footer .right .code img{ /*width: 352px;height: 67px;*/ }

#footer .right .list{ text-align: left; }

#footer .right .list p{ color: #ededed;font-size: 14px;line-height: 30px; margin-top: 7px;}

#footer .right .list .span{line-height: 30px;padding-left: 10px;}

#footer .right .list p img{float: left;margin-top: 5px;}

#footer .right .list p span{ color: #fff;font-size: 14px; }

#footer .right .list p a{ color: #ededed;font-size: 14px; }

#footer .right .list p a:hover{ color: #35B5F5; }

#footer .fot-footer{background: #5D5D5D;margin-top: 20px;text-align: center;padding: 20px 0;}

#footer .fot-footer span {color: #FFFFFF;margin-right: 20px;}

#footer .fot-footer a {color: #fff;}

#footer .fot-footer a:hover{color: #FF1E4F;}