@charset "utf-8";
/* CSS Document */
/**页码**/
/* @import "page.css"; */


/**公共部分**/
*{margin:0px; padding:0px;}
img{border:none; vertical-align:top;}
li{list-style-type:none;}
ul,dl,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body{font:14px "微软雅黑"; }
address,cite,code,em,th{font-weight:normal; font-style:normal;}
.clear{clear:both;}
a{outline: none;text-decoration: none;color: #333333;}
.logo-1{
    border:none; vertical-align:top;
    width: 100%;
    
}

.aBlack a,.aBlack{ color:#333333; text-decoration:none;}
.aBlack a:hover,.aBlack:hover{ color:#ff535b; text-decoration:underline;}

.bBlack a,.bBlack{ color:#999999; text-decoration:none;}
.bBlack a:hover,.bBlack:hover{ color:#ff535b; text-decoration:underline;}

.aWhite a,.aWhite{ color:#ffffff; text-decoration:none;}
.aWhite a:hover,.aWhite:hover{ text-decoration:underline;}

.aOrange a,.aOrange{ color:#ff611c; text-decoration:none;}
.aOrange a:hover,.aOrange:hover{ text-decoration:underline;}

/* 皮肤 */
.bodyBg{width: 100%;position: relative;margin: auto;}
.bodyBgIn{ position: relative; }
.mainBg {width: 1220px;position: relative;margin: auto;z-index: 99;top: 0px;background: #FFFFFF;}

.bodyBgIn a {display: block;width: 100%;height: 1200px; position: absolute;top: 0;
 background: url(/static/images/skin.jpg) no-repeat center 0px;}

/**主体**/


.cnMain{ width:1200px; margin:auto;position: relative; }
.cnDularity{ border-top: 6px solid #f5f5f5; }
.cnMainte{ margin:40px auto 0;width: 100%; }
.cnlarylBox{ width: 100%;margin-top: 40px;padding-bottom: 40px; background: #ffffff;}
.citeLeft{ width: 870px;float: left; }
.citeRig{ width: 300px;float: left;margin-left: 30px;}

/**头部**/
.cnHead{ width:100%;}
.cnTop{ width:100%; height:35px; background:#282F3B;}
.cnTopIn{ width:1200px; height:35px; margin:auto;}
.cnTopLeft{ float:left;}
.cnTopLeft b{ display:block; float:left; width:8px; height:8px; background:url(/static/images/cn_bg1.png) no-repeat 0px 0px; margin:10px 5px 0px 0px;}
.cnTopLeft p{ float:left; color:#b4bac5; font-size:12px; line-height:35px;}
.cnTopLeft p a{ color: #b4bac5; }
.cnTopLeft p a:hover { color: #3399fa; }
.cnTopMiddle{ float:left; font-size:12px; line-height:35px; margin:0px 0px 0px 65px;}
.cnTopMiddle a{ display:block;transition: all 0.1s ;float:left; color:#b4bac5; text-decoration:none;} 
.cnTopMiddle a:hover{ text-decoration:underline; color: #ffffff;}
.cnTopMiddle span{ display:block; float:left; color:#445063; margin:0px 16px;}
.cnTopRight{ float:left; font-size:12px; margin:0px 0px 0px 44px;}
.cnTopRight a{ display:block; float:left; height:35px; line-height:35px; padding:0px 10px; color:#b4bac5; text-decoration:none;}
.cnTopRight span{ display:block; float:left; color:#445063; margin-top:9px;}
.cnTopRight a b{ display:block; transition: all 0.3s;float:left; width:12px; height:12px; background:url(/static/images/cn_bg1.png) no-repeat -15px 0px; margin:11px 5px 0px 0px;}
.cnTopRight a:hover{ text-decoration:underline;color:#ffffff;}
.cnTopRight a:hover b{ background-position: -30px 0; }
.cnTopBg{ position:relative; }
.subHover{ width:90px; height:35px; float:right;}
.subHover a{ display:block; width:90px; height:35px; background:#FFB034; color:#ffffff; text-decoration:none; display: flex; justify-content:center; align-items: center;}
.subHover a b{ display:block; float:left; width:12px; height:12px; background:url(/static/images/cn_bg1.png) no-repeat -130px 0px; margin-right:5px;}
.cnTopSub{ width:1200px; background:rgba(40,47,59,0.9); position:absolute; left:0px; top:35px; z-index:100; height:0; overflow:hidden; transition: height 0.5s ease; }
.cnTopSub dl{ float:left; width:199px; height:100%; border-right:1px solid #575868; }
.cnTopBg:hover .cnTopSub{ height:565px; transition: all 0.5s ease;}
.cnTopSub dl dt{ width:199px; height:60px; background:rgba(40,47,59,0.96); font-size:18px; font-weight:bold; color:#ffffff; display: flex; justify-content:center; align-items: center; line-height:60px; overflow:hidden;}
.cnTopSub dl dt b{ display:block; float:left; width:24px; height:24px; background:url(/static/images/cn_bg1.png) no-repeat; margin:0px 7px 0px 0px;}
.cnTopSub dl dt b.icon1{ background-position:0px -135px;}
.cnTopSub dl dt b.icon2{ background-position:-30px -135px;}
.cnTopSub dl dt b.icon3{ background-position:-60px -135px;}
.cnTopSub dl dt b.icon4{ background-position:-90px -135px;}
.cnTopSub dl dt b.icon5{ background-position:-120px -135px;}
.cnTopSub dl dt b.icon6{ background-position:-150px -135px;}
.cnTopSub dl dd{ width:199px; height:18px; line-height:18px; overflow:hidden; text-align:center; margin-top:17px;}
.cnTopSub dl dd a{ display:block;}
.cnTopSub dl dd a b{ display:inline-block; width:10px; height:11px; background:url(/static/images/cn_bg1.png) no-repeat; margin:0px 0px 0px 5px;} 
.cnTopSub dl dd a b.t{ background-position:-60px 0px;}
.cnTopSub dl dd a b.h{ background-position:-75px 0px;}
.cnTopSub dl dd a b.r{ background-position:-90px 0px;}
.cnHeadIn{ width:1200px; margin:auto;}
.cnLogo{ float:left; width:221px; height:62px; margin-top:33px;}
.cnLogo a{ display:block; width:221px; height:72px; }

.cnHeadMenu{ float:right; margin-top:23px;}
.cnHeadMenu li{ float:left; width:61px; margin:0px 0px 0px 59px;}
.cnHeadMenu li a{ display:block; width:61px; text-decoration:none;transition: all 0.15s; }
.cnHeadMenu li a b{ display:block;float: initial;width:61px; height:52px; background:url(/static/images/cn_bg1.png) no-repeat;transition: all 0.3s;}
.cnHeadMenu li a b.icon1{ background-position:0px -25px;float: initial; }
.cnHeadMenu li a b.icon2{ background-position:-65px -25px;}
.cnHeadMenu li a b.icon3{ background-position:-130px -25px;}
.cnHeadMenu li a b.icon4{ background-position:-195px -25px;}
.cnHeadMenu li a b.icon5{ background-position:0px -80px;}
.cnHeadMenu li a b.icon6{ background-position:-65px -80px;}
.cnHeadMenu li a b.icon7{ background-position:-130px -80px;}
.cnHeadMenu li a b.icon8{ background-position:-195px -80px;}
.cnHeadMenu li a h2{ font-size:20px; transition: all 0.15s;color:#333333; text-align:center; height:24px; line-height:24px; overflow:hidden; margin-top:5px;}
.cnHeadMenu li a.hover h2{ color:#3399fa; }
.cnHeadMenu li a:hover h2{ color:#3399fa;}
.cnHeadMenu li a:hover b{ animation: brotate 1s 1; }

@keyframes brotate{
    0% {
       transform:rotate(1)
   }
   33% {
       transform:scale(0.8)
   }
   66%{
       transform:scale(1.2)
   }
   100% {
       transform:scale(1)
   }
}

.cnHeadSub{ width:100%; height:50px; background:#3399FA; margin-top:21px;}
.cnSubMenu{ width:1200px; height:50px; margin:auto; overflow:hidden;justify-content: space-between;display: flex;}
.cnSubMenu li{ float:left; line-height:50px;padding: 0 10px;transition: all 0.15s; }
.cnSubMenu li:hover{ background: #1f8cf3; }
.cnSubMenu li a{ display:block; font-size:16px; color: #ffffff;}
.cnSubMenu li a b{ display:block; float:right; width:10px; height:11px; background:url(/static/images/cn_bg1.png) no-repeat; margin:10px 0px 0px 5px;}
.cnSubMenu li a b.t{ background-position:-60px 0px;}
.cnSubMenu li a b.h{ background-position:-75px 0px; transition: all 0.3s;}
.cnSubMenu li a b.r{ background-position:-90px 0px;}

.cnSubMenu li a b{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotateY(0deg)}
    to{-webkit-transform: rotateY(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotateY(0deg)}
    to{-moz-transform: rotateY(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotateY(0deg)}
    to{-o-transform: rotateY(359deg)}
}
@keyframes rotate{from{transform: rotateY(0deg)}
    to{transform: rotateY(359deg)}
}

.cnSubMenu li a b.h{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 2s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 2s;
    -webkit-animation: rotate 2s linear infinite;
    -moz-animation: rotate 2s linear infinite;
    -o-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotateY(0deg)}
    to{-webkit-transform: rotateY(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotateY(0deg)}
    to{-moz-transform: rotateY(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotateY(0deg)}
    to{-o-transform: rotateY(359deg)}
}
@keyframes rotate{from{transform: rotateY(0deg)}
    to{transform: rotateY(359deg)}
}
  
.cnSubMenu li a:hover  b.h{ transform: rotate(360deg); }
/**底部**/
.cnFoot{ width:100%; height:305px; background:#FAFCFC; 
    position: relative;
}
.cnFootIn{ width:1200px; margin:auto;}
.cnFootLogo a{ display:block; float:left; width:296px; height:83px;  margin-top:52px;}
.cnFootCode{ float:right; width:135px;height: 176px;margin:14px 0px 0px 10px;border: 1px solid #eeeeee;overflow: hidden;background: #FFFFFF;}
.cnFootCode img{ width:125px; height:125px; margin:5px 5px 3px;}  
.cnFootCode h2{ font-size:12px; font-weight:normal; color:#333;line-height: 20px;text-align: center;}
.cnFootCode h2 span{ color:#3399fa;}
.cnFootDl{ float:left;}
.cnFootDl ul{ float: left;margin-left: 35px;padding: 0 30px;border-left: 2px solid #eeeeee;margin-top: 15px; width: 265px;height: 170px;}
.cnFootDl ul li{ margin-top: 18px;margin-left: 10px; float: left;}
.cnFootCont{  text-align:center; color:#ffffff; margin-top:10px;background: #7F7F7F;height: 150px;padding-top: 10px;}
.cnFootCont p{ margin-top: 10px; }
.cnFootCont p a{ color: #ffffff;display: inline-block;line-height: 12px;}
.cnFootCont p a:hover{ text-decoration: underline;color: #ff535b; }
.cnFootCont p em{ width: 1px ;background: #ffffff;display: inline-block;height: 12px;margin: 0 5px;position: relative;top: 1px;}



/**您所在的位置**/
.dxSeat{ width:1200px; height:16px; line-height:16px; overflow:hidden; font-size:14px; padding-top:18px; padding-bottom:15px;}
.dxSeat b{ margin: 1px 5px 0 0;width: 14px;height: 14px;background-position: -340px -300px;   }
.dxSeat p{ float:left; color:#999999;}
.dxSeat p span{ color: #333333; }

/* 页码 */
.dxPage{width:100%; text-align:center; margin-top:30px;display: flex;justify-content: center;}
.dxPage a{ height:33px; line-height:33px; ;display:inline-block;border-radius: 5px ;color:#171313; text-decoration:none;border:1px solid #EEEEEE;padding:0px 13px; background:#FFFFFF; font-size:14px; margin-left:15px;overflow: hidden;transition: all 0.3s;}
.dxPage .active a{     background: #3399fa;}
.dxPage a.current{ background:#3399fa; border:1px solid #3399fa;color: #ffffff; }
.dxPage a:hover{background:#3399fa; border:1px solid #3399fa;color: #ffffff;}
.dxPage p{ line-height: 35px;margin-left: 20px; }
.dxPage span{ margin-left: 15px;margin-top: 18px; }
.dxPage p em{ color:#3399fa ; }