@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'iconfont';  /* project id 2345038 */
  src: url(files/iconfont.eot.txt),
  url(files/iconfont.woff) format('woff'),
  url(files/iconfont.ttf) format('truetype'),
}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1380px; margin:0 auto;}
.box:after{
    display: block;content: "";clear: both;
}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1380px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.n_box{width: 1380px;margin:0 auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}


/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:"microsoft yahei"; min-width:1380px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #003188;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:"microsoft yahei";}
.w1400,.box{width:1380px; margin:0 auto;
}
.fr{ float:right;}
.fl{ float: left;}
*,:after,:before{ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.hovermaincolor a:hover{ color:#003188;}

/*顶部*/

.top{
    width: 100%;
    height: 43px;
    background: #034291;
    color: #fff;
    line-height: 43px;
    font-size: 20px;
}
.box_z{
    background: url(images/toplaba.png) left no-repeat;
    padding-left: 45px;
}
.box_y{
    background: url(images/topdianh.png) left no-repeat;
    padding-left: 45px;
}

/*抬头*/
.header{  width:100%; margin: 0 auto;min-width: 1380px;
    
}
.header .w1400{min-width:1380px; height: 125px; }
.hleft{  padding-top:5px;
    float: left;
}
.hleft img{
    margin-top: 20px;
}
.hleft p{ font-size:30px; color:#111; 
    line-height:36px; display: block;position: relative;
}

.hleft a{ margin-right:5px; float: left;
}

.nav{
    width:840px;
}
/*.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;*/
 
/*}*/
.hright{    float: right;}
.nav>ul>li{     width: 90px;
    position: relative;
    /* margin-left: 10%; */
    float: left;
    text-align: center;
    margin-left: 50px;
}
.nav>ul>li>a{ font-size:1.06rem; color:#333; display:block; line-height:100px; position:relative;
  
} 
.nav>ul>li>a:after{ content:''; display:block; position:absolute; left:0; right:0; margin:0 auto; bottom:0px; height:8px; width:0; transition:all .3s ease; background:url(images/nav_bg.png) center bottom no-repeat;}
.nav>ul>li.on>a:after,.nav>ul>li:hover>a:after{ width:100%;}
.nav>ul>li.on>a,.nav>ul>li:hover>a{
    color: #004b9f;
}
.nav>ul>li>a i{ display:inline-block; vertical-align:middle; margin-left:5px; width:12px; height:7px; background:url(images/002.png) no-repeat center;}
.dropmenu{position:absolute; border-radius:5px; overflow:hidden; transition:all .3s ease; top:100px; left:-30%; width:160%; background:rgba(255,255,255,0.98); 
box-shadow:0 0 10px rgba(0,0,0,.2); opacity:0; transform:rotateY(90deg);
    padding:15px 0;
    z-index: 999;
    
}
.nav>ul>li:hover .dropmenu{ transform:rotate(0deg); opacity:1;}
.dropmenu a{ display:block; line-height:40px; font-size:15px; color:#666; text-align:center; transition:all .3s ease;}
.dropmenu a:hover{ color:#0071db;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}

.searchicon{ width:22px; height:22px; background:url(images/003.png) no-repeat center; cursor:pointer;}
.search{ position:relative;}
.search:hover .iser_box{transform: rotateX(0deg); }
.iser_box{background: rgba(255,255,255,0.98);width:1110px;box-sizing:border-box; position: absolute;top:90px;right: 0;padding: 30px; z-index: 9;box-shadow:0 0 10px rgba(0,0,0,.2);}
.iser_box .iShow{ visibility:visible; opacity:1; top:62px;}

.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}

.hidden{
    display: none;
}

.layout{
    margin-left:3%;line-height: 30px;text-align: center;text-transform: uppercase;
    border-radius: 50%;width: 30px;height: 30px;background: #004b9f;overflow: hidden;
}
.layout a{font-size: 14px;display: block;
    font-family: "arial";color: #fff;
}
.layout:hover a{
    background: #eb9b00;color: #fff;
}
/*证书*/
.part_bg .tempWrap{
    width: 1380px !important;
}

/*版权*/
.copy_all{ width: 100%;min-width:1380px;background: url(images/wangzhan2_19.jpg)bottom center no-repeat; padding-top:70px;
height: 533px;
} 
.copy_all a:hover{
    color: #fff !important;
}
.cynav_bg{
    width: 57%;min-height: 50px;
}
.cynav_bg li{padding: 0 7% 0 15%;box-sizing: unset;
float: left; height: 260px;

}
.cynav_bg li:nth-of-type(1){
    padding-left: 0;
}
.cynav_bg li:last-child{
   border: none;
}
.cynav_bg li>a{display: block;
    font-size: 25px;color: #fff; position: relative;
}
.cynav_bg li>a:after{
    display: block;content: "";width:30px;height: 2px ;background: #0071db;margin:25px 0 20px 0;
    
}
.cynav_bg li dl a{font-size:20px;line-height: 42px;color: #fff; }

.copy_all .code{
    width: 30%;box-sizing: border-box;
}
.copy_all .code li{
width:44%; 
}
.copy_all .code li dl{text-align: center;
    font-size: 16px;color: #507eb3; line-height:45px;margin-top: 10px;background:rgba(255,255,255,5%);
}
.copy_all .code li img{
    display: block;border: 1px solid rgba(255,255,255,5%);padding: 10px;width: 100%;
}
.copy_all .cpbottom{ margin-top: 50px;
    border-top: 1px solid rgba(255,255,255,5%); line-height: 100px;font-size: 16px;color: #507eb3;
}
.copy_all .cpbottom a{font-size: 16px;color: #507eb3;}
.copy_all .cpbottom_l{
    width: 65%
}
.copy_all .cpbottom_r{
    width: 35%;text-align: right;
}


/*友情链接*/
.links{
    background: #1f1f1f url(images/linkbg.jpg)bottom center no-repeat;line-height: 98px;width: 100%;min-width: 1380px;
}    
.links dl{
    display: block;float: left;font-size: 26px;text-transform: uppercase;color: #507eb3;
    font-family: "arial";margin-right: 5px;
}
.links p{float: left;
    font-size: 20px;color: #fff;
}
.links_r{width: 80%;
    
}
.links_r li{
    font-size: 16px;color: #507eb3;display: inline-block;
}
.links_r li a{font-size: 16px;color: #507eb3;}
.links_r li a:hover{
    color: #fff;
}