@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:1300px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1300px;}  /*版面宽度*/
.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: 1300px;margin: 0 auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}

	/*导航*/
.header{ position:fixed; top:0; left:0; right:0; width:100%; margin: 0 auto;z-index:999; font-family: "Microsoft Yahei";
     background:rgba(255,255,255,0);transition: all ease 0.5s; min-width: 1300px;
}

.logowhite{
    display: block;
}
.logoblue{
    display: none;;
}
.header .w1400,.headerbg .w1400{min-width:1300px; width:1300px;margin: 0 auto;
height:80px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }

.hleft p{font-size:18px; color:#111; padding-left: 10px; 
    line-height:28px; display: block;position: relative;
}
.hleft p:before{
    content: "";
    display: block;width: 1px;height:50px;background:#ddd; position: absolute;left: 0;top: 5px;
}
.hleft p span{
    font-size:19px;
}
.hleft strong{
    letter-spacing: 0.6px;
}
.hleft a{ margin-right:13px; float: left;
}
.hleft a img{
  width: auto; height: auto;
}
.nav{
    
}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;
 
}

.nav>ul>li{ position:relative; margin-right:2.5vw;transition:all .5s ease;}
.headerbg .nav>ul>li.on>a {
    color: #074c97;
}
.top50{
    margin-top: 50px;
}

  

.nav>ul>li>a{ font-size:1.1rem; color:#fff; display:block; line-height:80px; position:relative; 
  
} 
.nav>ul>li.cur>a:after,.nav>ul>li:hover>a:after{ width:100%;}
.nav>ul>li.cur>a,.nav>ul>li:hover>a{  color: #074c97; font-weight: bold;
    
}

.nav>ul>li .dropmenu{position:absolute;  overflow:hidden;  top:80px; left:-50%; width:200%; background:#f9f9f9; 
box-shadow:0 0 10px inset rgba(0,0,0,10%);  display: block;height: 0;transition:all .5s ease;
}
.nav>ul>li:hover .dropmenu{
    height: 140px;
}
.nav>ul>li:nth-of-type(1):hover .dropmenu{
    height: 280px;
}


.nav>ul>li:nth-of-type(3):hover .dropmenu{
    height:230px;
}
.dropmenu a:last-child{
    padding-bottom: 20px;
}
.dropmenu a{ display:block; line-height:36px;height:36px; font-size:1rem; color:#333; text-align:center; transition:all .3s ease;}

.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}



.searchicon{ width:26px; height:26px; cursor:pointer;border-radius: 50%;
    color: #fff;font-weight: bold;overflow: hidden;text-align: center; padding-top: 3px;
}
.searchicon:before{
    font-size:1.2rem;
}
.search{ position:relative;}
.search:hover .iser_box{transform: rotateX(0deg); }
.iser_box{background: rgba(255,255,255,0.98);width:1300px;box-sizing:border-box; position: absolute;top:64px;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;
}

.navlayout{cursor: pointer;
    width:160px;color: #f9f9f9;position: relative;line-height:80px;transition: all ease 0.5s;
}
.navlayout:before{
    display: block;float: left;font-size: 1.2rem;
}
.navlayout em{
    display: block;float: left;margin: 0 8px;font-size:1.2rem;
}
.navlayout i{
    display: block;float: left;font-size:1.2rem;font-weight: normal;transform: rotate(180deg);transition: all ease 0.5s;
}
.navlayout:hover i{transform: rotate(0);}

.navlayout .xia{position: absolute;top: 80px;left: 0;height: 0;line-height: 40px;transition: all ease 0.5s;
    display:block;width: 160px;text-align: center;background:#f9f9f9;overflow: hidden;box-shadow: 0 0 10px inset rgba(0,0,0,10%);
}
.navlayout:hover .xia{height:120px;

}
.navlayout .xia a{
    display: block;color: #333;font-size: 1.2rem; 
}
.navlayout .xia a:nth-of-type(1),.dropmenu a:nth-of-type(1){
    padding-top: 20px;
}


.navlayout:hover .xia a:hover,.dropmenu a:hover{
    color: #074c97; 
}


.headerbg{position: fixed;top:0; left:0; right:0; width:100%; margin: 0 auto;
    z-index:999;width: 100%;min-width: 1300px;border-bottom: 1px solid #eee; background:rgba(255,255,255,0.9);
    
}
.headerbg .logowhite {
    display: none !important;
}
.headerbg .logoblue{
   display: block;
}
.headerbg .nav>ul>li>a,.headerbg .navlayout,.headerbg .searchicon{
    color: #333;
}


.nav>ul>li:nth-of-type(2){
    position: static;
}
.nav>ul>li .xiala{position: absolute;top: 80px;left: 0; display: block;
    width: 100%; background: #f9f9f9;box-sizing: border-box; box-shadow: 0 0 10px inset rgba(0,0,0,10%);
    height: 0;overflow: hidden;transition: all ease 0.5s;
}
.nav>ul>li:hover .xiala{
   height: 310px;padding:30px 0; 
}

.cpdh_bg .yiji{float: none;width: 100%;
    display: block;
}
.dhcp{
    width: 32%;display:inline-block; font-size: 1rem;line-height: 3;width: 32%;float: left;}
.dhcp img{
    display: block;width: 100%;height: auto; box-sizing: border-box;border: 1px solid #eee;
}    
.dhcp+.dhcp{
    margin-left: 2%;
}

.cpdh_bg ul{text-align: center;
    display: block;
}
.cpdh_bg ul:after{
    display: block;content:"";clear: both;
}
.cpdh_bg li{width: 32%;float: left;
    display: inline-block;text-align: center;
}
.cpdh_bg li+li{
    margin-left: 2%;
}
.cpdh_bg .yiji:after{
    display: block;content: "";clear: both;
}


.yijiwz{
    font-size: 20px;line-height: 3;color: #222;font-weight: bold;
}



.header:hover{
    background:rgba(255,255,255,1);
}
.header:hover .nav>ul>li>a,.header:hover .navlayout,.header:hover .searchicon{
    color: #333;
}
.nav>ul>li>a span{
    font-size: 14px; opacity: 0.6;font-weight: normal;display: inline-block;transition: all ease 0.5s;
}
.nav>ul>li:hover>a span{ 
    transform: rotate(180deg);
}

.header:hover .logowhite{
    display: none;
}
.header:hover .logoblue{
    display: block;
}


/*广告条*/
.ggt{ padding: 9vw 0 5vw 0;
    width: 100%;min-width: 1300px;text-align: center; position: relative;  overflow: hidden; background:#f2f2f2;
}
.ggt dl{letter-spacing: 100px; padding-left: 70px;
  text-align: center;line-height:200px;font-family: "arial";text-transform: uppercase; color:#fff;  font-size: 280px; font-weight: bold;
}
.ggt .tel{
position: absolute;width: 100%;line-height: 200px; font-size:50px;color: #074c97;top:165px;letter-spacing: 10px; 
}

/*版权*/

.copyright{
    width: 100%;min-width: 1300px;background: #222 url(images/bqbg.jpg) center bottom no-repeat;padding-top: 60px; line-height: 2; color: #888;font-size: 15px;
}
.copyright a{ color: #888;font-size: 15px;}
.copyright a:hover{
    color: #fff;
}
.navbottom{
     position: relative;
}
.navbottom li {
    display: block;float: left;
}
.navbottom li+li{ margin-left:60px;}
.navbottom li dl,.bottomtel .tel dl{ font-size:20px;color:#fff;}
.navbottom li dl:after,.bottomtel .tel dl:after{
    display: block;content: "";width: 20px;height: 2px;background: #777;margin:15px 0;
}
.navbottom li:after{
    display: block;content: "";
}
.navbottom li a{font-size:15px;color:#888;display:block; line-height:36px;}

.bottomtel{
position: relative;
}
.bottomtel .tel{
    font-size: 16px;color: #888; margin-left:60px;width: 400px;
}
.bottomtel .tel:before{
    display: block;float: left;color: #888;font-size:25px;margin-right: 5px;
}

.bottomtel .tel p{ font-size:22px;color:#fff; line-height:36px;
    font-family: "arial";
}
.bottomtel .tel p em{color: #888; font-size:16px;
    display: inline-block;vertical-align:bottom;
}
.bottomtel .tel p em:before{
    padding-right:6px;color: #888; font-size: 18px;
}
.bottomtel .tel:after,.bottomtel .code:after{
    display: block;content: "";clear: both;
}



.copyright .code .codefl{
    background:rgba(255,255,255,0.05);padding:10px; border: 1px solid rgba(255,255,255,0.05);
}
.copyright .code .codefl img{
    display: block;width: 160px;height: auto;
}
.copyright .code .codefl p{ font-size:16px;text-align: center;line-height: 1.6; padding:8px 5px 0 5px;
    color: #fff;
}
.copyright .code .codefl+.codefl{ margin-left:25px;}

.copyright .copyw{ border-top:1px solid #3c3b3b; padding:30px 0 35px 0; margin-top:40px;}





/*内页幻灯片*/
.mod1019 .banner .ban_bg{
    text-align: center;color: transparent;position: relative;
}
 .banner_w {   width:auto;  font-size: 22px;    color: #333;   padding-top:220px;  text-align:left; line-height:1.6;
     
 }
.banner_w.center{
    text-align: center; color: #333; padding-top:190px;}

 .banner_w  .borderbn{
     display: inline-block;padding:40px 50px;border: 1px solid #fff;background: #fff9;
 }
.banner_w b {    display:block;
    color: #222; font-size:46px;  
}


.banner_w b span{  
    display: block;
}