﻿@charset "gb2312";
/* CSS Document - Creation Time��20190705 -  Author��wbo - QQ:88472224 */
*{margin: 0; padding: 0; border: 0; }
body{font-family:Microsoft YaHei,SimSun,Arial,Helvetica,sans-serif;  margin: 0 auto;  background-color: /*#e2e2e2*/white; }
@media screen and (max-width:320px){body{font-size:12px;}}
@media screen and (min-width:360px){body{font-size:14px;}}
@media screen and (min-width:480px){body{font-size:16px;}}
@media screen and (min-width:640px){body{font-size:18px;}}
a{ text-decoration:none; cursor:pointer; color:#000000;}
img{ display:block; width:100%; border:none;}
li{ list-style:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;/*ȥ��inputĬ����ʽ*/ }
.red{ color: red !important; }
.white{ background-color:white; }
.clear{clear:both; overflow:hidden;}
.public{display: flex;  display: -webkit-flex;/* iOS Safari Chrome */  display: -moz-flex;/* Mozilla Firefox */  display: -o-flex;   /* Opera*/ 
    justify-content: space-between;  -webkit-justify-content: space-between;   -moz-justify-content: space-between;  -o-justify-content: space-between;
    flex-wrap: nowrap;  -webkit-flex-wrap: nowrap;  -moz-flex-wrap: nowrap;  -o-flex-wrap: nowrap;
    flex-direction: row;  -webkit-flex-direction: row;  -moz-flex-direction: row;  -o-flex-direction: row; }
.myfirst span{  
	animation: myfirst 0.5s linear 0s infinite alternate;  -webkit-animation: myfirst 0.5s linear 0s infinite alternate;  
	-moz-animation: myfirst 0.5s linear 0s infinite alternate;   -o-animation: myfirst 0.5s linear 0s infinite alternate; }
@keyframes myfirst{  0%{ font-size: 1.1em} 59%{ font-size: 1.1em}  60%{ font-size: 1em}  100%{ font-size: 1em}    }
@-webkit-keyframes myfirst{  0%{ font-size: 1.1em} 59%{ font-size: 1.1em}  60%{ font-size: 1em}  100%{ font-size: 1em}   }
@-moz-keyframes myfirst{  0%{ font-size: 1.1em} 59%{ font-size: 1.1em}  60%{ font-size: 1em}  100%{ font-size: 1em}    }
@-o-keyframes myfirst{  0%{ font-size: 1.1em} 59%{ font-size: 1.1em}  60%{ font-size: 1em}  100%{ font-size: 1em}    }

.maxbox{ width:100%; max-width:640px; height: auto; overflow: hidden; margin: 0 auto; background-color: #f8f8f8;  }
.logo{ width:100%; height: auto; overflow: hidden; margin: 0 auto; background-color: #0a82d0;  }
.logo img{ margin:1em auto;  }
/**  banner  start  **/
.bannerbox{ width:100%; height: auto; margin: 0 auto; overflow: hidden; position: relative; }
.bannerslider{ width:100%; height: auto; overflow: hidden; margin: 0 auto; position: relative; }
.bannerslider .hd{ width:100%; height:1em;  position:absolute; z-index:1; bottom:0.2em; text-align:center;  }
.bannerslider .hd ul{ display:inline-block; height:auto; background-color:rgba(255,255,255,0.7); border-radius:5px; font-size:0;   }
.bannerslider .hd ul li{ display:inline-block; width:5px; height:5px; border-radius:50%; background:#8C8C8C; margin:0 5px;  overflow:hidden;   }
.bannerslider .hd ul .on{ background:#FE6C9C;  }
.bannerslider .bd{ position:relative; z-index:0; }
.bannerslider .bd li img{ width:100%;  height:auto; }
.bannerslider .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }

.bannerbk{ width:100%; height: 4em; overflow: hidden; position: absolute; bottom: 0; left: 0; background-color: black; opacity: 0.6;  }
.bannernk_t{ width:100%; height: 4em; overflow: hidden; position: absolute; bottom: 0; left: 0;  }
.bannernk_t p{ width:96%; height: auto; margin: 0 auto; color: white; }
.bannernk_t .p1{ height: 1.6em; font-size: 1.1em; line-height: 1.6em; margin-top: 0.5em; }
.bannernk_t .p1 a{ background-color:#0061a0; color: white; font-size: 0.9em; box-sizing: border-box; padding: 0.1em 0.3em; margin-left: 0.6em; border-radius: 0.3em;  }
.bannernk_t .p2{ font-size: 1em; line-height: 1.2em; margin-bottom: 0.5em; }
.bannernk_t .p2 span{ color: #f9f736;  }
/**  banner  end  **/
/**  headline  start  **/
.headlinebox1{ width:98%; height: auto; margin: 1em auto 0.6em; overflow: hidden; box-sizing: border-box; padding: 0.5em 1em; align-items: center; }
.headlinebox1 .al{ width:98%; font-size: 1.2em; color: #686868; background: url(../images/wjx.png)no-repeat 0.1em center; background-size: 1.3em; text-indent: 2em;}
.headlinebox1 .ar{ background-color:#ea3232; color: white; font-size: 1em; box-sizing: border-box; padding: 0.2em 0.3em; margin-left: -10em; border-radius: 0.3em; }
.ar1{ background-color:#ea3232; color: white; box-sizing: border-box; padding: 0.2em 0.3em; margin-left: -10em; border-radius: 0.3em; }
/**.headlinebox1 .ar{ width:20%; height:30px; font-size: 3em; background: url(../images/phone.png)no-repeat center center; background-size: 1.7em; }**/
/**  headline  end  **/
/**  topnav  start  **/
.topnavbox{ width:100%; height: auto; margin: 0 auto; overflow: hidden; flex-wrap: wrap; box-sizing: border-box; padding: 1.5em 2em; }
.topnavbox a{ display: block; width:49.8%; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; padding: 1em 0.5em; text-align: center; text-indent: 1.8em; font-size: 1.2em; color: #5b5b5b; }

/*
.topnavbox a:nth-child(1){ background: url(../images/nav1.png)no-repeat 7% center;  background-size: 1.4em; }
.topnavbox a:nth-child(2){ background: url(../images/nav2.png)no-repeat 7% center;  background-size: 1.9em; }
.topnavbox a:nth-child(3){ background: url(../images/nav3.png)no-repeat 7% center;  background-size: 1.6em; }
.topnavbox a:nth-child(4){ background: url(../images/nav4.png)no-repeat 7% center;  background-size: 1.6em; }
.topnavbox a:nth-child(5){ background: url(../images/nav5.png)no-repeat 7% center;  background-size: 1.6em; }
.topnavbox a:nth-child(6){ background: url(../images/nav6.png)no-repeat 7% center;  background-size: 1.7em; }
*/
.topnavbox a:nth-child(1){ background: url(../images/nav0.png)no-repeat 9% center;  background-size: 1.4em; }
.topnavbox a:nth-child(2){ background: url(../images/nav1.png)no-repeat 7% center;  background-size: 1.4em; }
.topnavbox a:nth-child(3){ background: url(../images/nav2.png)no-repeat 7% center;  background-size: 1.9em; }
.topnavbox a:nth-child(4){ background: url(../images/nav3.png)no-repeat 7% center;  background-size: 1.6em; }
.topnavbox a:nth-child(7){ background: url(../images/nav4.png)no-repeat 7% center;  background-size: 1.6em; }
.topnavbox a:nth-child(6){ background: url(../images/nav5.png)no-repeat 7% center;  background-size: 1.6em; }
.topnavbox a:nth-child(5){ background: url(../images/nav.png)no-repeat 7% center;  background-size: 1.6em; }
.topnavbox a:nth-child(8){ background: url(../images/nav6.png)no-repeat 7% center;  background-size: 1.7em; }
.topnavbox a:nth-child(odd){ border-right: 1px solid #e5e5e5; }
.topnavbox a:nth-last-child(1),.topnavbox a:nth-last-child(2){ border-bottom: none; }
/**  topnav  end  **/
.headlinebox2{ width:100%; height: auto; margin: 0.6em auto; overflow: hidden; box-sizing: border-box; padding: 0.5em 1em; }
.headlinebox2 a{ display: block; }
.headlinebox2 a.al{ width:80%; font-size: 1.4em; font-weight: bold; color: #0061a0;  text-indent: 2em; }
.headlinebox2 a.ar{ width:20%; font-size: 1.2em; color: #5b5b5b; text-align: center; }
.headlinebox2 a.bk1{ background: url(../images/h1.png)no-repeat 0.2em center; background-size: 1.4em; }
.headlinebox2 a.bk2{ background: url(../images/h2.png)no-repeat 0.2em center; background-size: 1.35em; }
.headlinebox2 a.bk3{ background: url(../images/phone.png)no-repeat center center; background-size: 1.4em; }
.headlinebox2 a.bk4{ background: url(../images/h3.png)no-repeat 0.2em center; background-size: 0.9em; }
.headlinebox2 a.bk5{ background: url(../images/h4.png)no-repeat 0.2em center; background-size: 1.4em; }
.headlinebox2 a.bk6{ background: url(../images/h5.png)no-repeat 0.2em center; background-size: 1.5em; }
.headlinebox2 a.bk7{ background: url(../images/h6.png)no-repeat 0.2em center; background-size: 1.15em; }

.zxzxbox{ width:100%; height: auto; margin: 0 auto; overflow: hidden;  }
.zxzxtitlebox ul{ width:80%; height: auto; margin: 1em auto; overflow: hidden; }
.zxzxtitlebox li{ width:30%; height: auto; line-height: 1.8em; font-size: 1.2em; text-align: center; border: 1px solid #cecece; color: #4f4f4f; border-radius: 0.3em; }
.zxzxtitlebox .on{ background-color: #2790d4; color: white; border: none; }

.zxzxlistbox{ width:96%; height: auto; margin: 0 auto 1em; overflow: hidden; }
.zxzxlistbox ul li p:nth-child(1) a{ color: red;}
.zxzxlist{ width:100%; height: auto; margin: 0 auto; overflow: hidden; line-height: 2em;  align-items: center; border-bottom: 1px solid #e5e5e5; }
.zxzxlist span{ display: inline-block; height: 2em; overflow: hidden; }
.zxzxlist .sp1{ width:71%; font-size: 1.1em; color: #0c0c0c; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.zxzxlist .sp1 hot{ font-size: 0.8em;  }
.zxzxlist .sp2{ width:15%; height: 1.2em; line-height: 1.2em; font-size: 0.8em; background: url(../images/yanjing.png)no-repeat 0 center; background-size: 1.45em; color: #d2d2d2; text-indent: 1.5em;  }
.zxzxlist .sp3{ width:14%; height: 1.2em; line-height: 1.2em; font-size: 0.8em; background: url(../images/dianzan.png)no-repeat 0.2em center; background-size: 1.15em; color: #d2d2d2; text-indent: 1.4em;  }

.ksbox{ width:90%; height: auto; margin: 0.6em auto 0em; overflow: hidden; flex-wrap: wrap;  }
.kslist{ width:45%; height: auto; margin: 0 auto 0.7em; overflow: hidden; }
.kslist .p1{ font-size: 1.3em; text-align: center; color: #494949; line-height: 2em;   }
.kslist .p2{ width:92%;  margin: 0 auto 0.6em;  }
.kslist .p2 a{ width: 45%; height: 1.6em; line-height: 1.6em; font-size: 1.1em; text-align: center; border: 1px solid #cecece; color: #5b5a5a; border-radius: 0.3em;  }
.kslist .p2 a:nth-child(1){ color: #0061a0; text-decoration: underline;  }
/*** zj   start ***/
.zjjsbox{ width:100%; height: auto; margin: 0em auto; overflow: hidden; flex-wrap: wrap; box-sizing: border-box; padding: 0.5em 2%; }
.zjlist{ width:48%; height: auto; margin: 0 auto 0.5em; overflow: hidden; border: 1px solid #e4e4e4; box-sizing: border-box; padding: 0.2em; align-items: center; }
.zjlist .zj_l{ width:43%;  }
.zjlist .zj_r{ width:55%;  text-align: center; }
.zjlist .zj_r .p1{ font-size: 1.3em; color: #010101; line-height: 1.8em; }
.zjlist .zj_r .p2{ font-size: 1.1em; color: #838383; line-height: 1.6em; }
.zjlist .zj_r .p3{ display: block; width: 80%; margin: 0.2em auto 0.1em; font-size: 1.1em; color: #d07f1e; line-height: 1.4em; border: 1px solid #d07f1e; }
/*** zj   end ***/

.yyhjbox{ width:100%; height: auto; margin: 0 auto; overflow: hidden; }
.hjmax{ width:96%; height: auto; margin: 0.5em auto; overflow: hidden; box-sizing: border-box; padding: 0.3em; }
.hjlist{ width:96%; height: auto; margin: 0 auto; overflow: hidden; }
.hjlist p{ width:24.5%; height: auto; margin: 0 auto; overflow: hidden; background-color: white; box-sizing: border-box; padding: 0.3em; }

.lylxbox{ width:98%; height: auto; overflow: hidden; margin: 0.5em auto; box-sizing: border-box; padding: 0.1em 0.2em;  }
.lylx_map{ width:65%;  }
.lylx_xl{ width:33%; flex-direction: column;  }
.lylx_xl a{ display: block; width: 100%; height: 1.6em; line-height: 1.6em; margin: 0.5em auto; border: 1px solid #b8b8b8; color: #5b5b5b; text-align: center; font-size: 1.2em; font-weight: bold; border-radius: 0.3em; background-color: white;  }
.lylx_xl a:first-child{ background-color: #2790d4; color: white; border: none; }

.jyznbox{ width:100%; height: auto; margin: 0 auto; overflow: hidden; box-sizing: border-box; padding: 1.2em 2em; }
.jyznbox a{ display: block; width:33.33%; height: auto; margin: 0 auto; overflow: hidden;  }
.jyznbox a:nth-child(1){ background: url(../images/zx1.png)no-repeat center 0.2em; background-size: 3.2em;  }
.jyznbox a:nth-child(2){ background: url(../images/zx2.png)no-repeat center 0.2em; background-size: 3.1em;  }
.jyznbox a:nth-child(3){ background: url(../images/zx3.png)no-repeat center 0.2em; background-size: 3.0em;  }
.jyznbox a span{ display:inline-block; width:100%; height: 1.6em; line-height: 1.6em; text-align: center; color: #5b5b5b; margin: 3.5em auto 0.2em; font-size: 1.2em; font-weight: bold; }
/**  footer  start  **/
.footer{ width:100%; height: auto; margin: 1.3em auto 3em; overflow: hidden; text-align: center; color: #5b5b5b; font-size: 1.2em; line-height: 1.6em;   }
/**  footer  end  **/

/***   document  position start ***/
.position{ width:100%; height: auto; margin: 0.2em auto; overflow: hidden; box-sizing: border-box; padding: 1em; text-indent: 1.7em; color: #5c5c5c; }
.position a{ font-size: 1.2em; color: #5c5c5c; }
.jjbk{ background: url(../images/nav1.png)no-repeat 1em center  white; background-size: 1.1em;  }
.znbk{ background: url(../images/nav4.png)no-repeat 1em center  white; background-size: 1.3em;  }
.ksjs{ background: url(../images/nav2.png)no-repeat 1em center  white; background-size: 1.5em;  }
.yydt{ background: url(../images/nav5.png)no-repeat 1em center  white; background-size: 1.4em;  }
.yygh{ background: url(../images/nav6.png)no-repeat 1em center  white; background-size: 1.4em;  }
.zjjs{ background: url(../images/nav3.png)no-repeat 1em center  white; background-size: 1.4em;  }
/***   document  position end ***/

/**  yyjj  start  **/
.cententbox{ width:98%; height: auto; margin: 0 auto; overflow: hidden; box-sizing: border-box; }
.lyx_name{ line-height: 1.6em; font-size: 1.1em; color: #3f3f3f;  }
.lyx_name span{ display: inline-block; margin: 0 0 0 0.5em; border-radius: 0.2em; box-sizing: border-box; padding: 0em 0.3em; background-color: #0061a0; color: white;  }
.lyx_logo{ width:98%; height: auto; margin: 1em auto; overflow: hidden; align-items: center; }
.lyx_logo .lyxlogo_l{ width:26%; }
.lyx_logo .lyxlogo_l img{ width:4em; height: 4em; margin: 0 auto; }
.lyx_logo .lyxlogo_r{ width:74%; font-size: 1.1em; color: #3f3f3f; }
.lyx_logo .lyxlogo_r p{ line-height: 1.8em; background: url(../images/map.png) no-repeat 0.1em center; background-size: 1em; text-indent: 1.5em; }
.lyx_logo .lyxlogo_r a{ display: inline-block; line-height: 1.8em; background: url(../images/phone.png) no-repeat 0.1em center; background-size: 1.2em; text-indent: 1.5em; color: #3f3f3f;}

.lyx_zxgh{ width:95%; height: auto; margin: 0em auto; overflow: hidden;   }
.lyx_zxgh a{ display: inline-block; width:22%; line-height: 1.8em; border: 1px solid #cecece; font-size: 1.2em; color: #4f4f4f; text-align: center; border-radius: 0.3em;}
.lyx_zxgh a:first-child{ background-color: #2790d4; color: white; border: none; }

.jj_title{ width:100%; height: auto; margin: 1em auto 0; overflow: hidden; border-bottom:1px solid #f8f8f8; background: url(../images/nav1.png)no-repeat 0.1em center; background-size: 1em; text-indent: 1.5em; line-height: 2em; font-size: 1.2em; color:#3f3f3f; }
.jj_centent{ width:95%; height: auto; margin: 0.6em auto 0; overflow: hidden; color: #343434;  }
.jj_centent .centent_title{ width:98%; height: auto; margin: 0 auto; overflow: hidden; line-height: 1.6em; font-size: 1.1em; text-align: center; margin-bottom:1.6em; }
.jj_centent .centent{ width:100%; height: auto; margin: 1em auto; overflow: hidden; line-height: 1.6em; font-size: 1em; }
.jj_centent .centent img{display:inline !important;}
/**  yyjj  end  **/

/**  jyzn  start  **/
.znmap{ width:100%; height: auto; min-height: 15em; margin: 0 auto; overflow: hidden; }
.znlxbox{ width:100%; height: auto; margin: 0.5em auto; overflow: hidden;  }
.znlx_title{ line-height: 1.8em; margin: 0.6em auto 0.3em; font-size: 1.1em; font-weight: bold; border-bottom: 1px dashed #d6d6d6; }
.znlx_lx p{ line-height: 1.6em; font-size: 1em; color: #5b5b5b; }
/**  jyzn  end  **/

/**  ksjs  start  **/
.ksjs_title{ line-height:1.8em; color: #4a4a4a; border-bottom:1px dashed#d6d6d6; background: url(../images/inc.png)no-repeat 0.1em center; background-size: 1em; text-indent: 1.5em; font-size: 1.2em;  }
.ksjs_centent{ margin-bottom:1em; }
.ksjs_centent p{ color: #686868; font-size: 1em; text-indent: 2em; line-height: 1.6em; margin-top: 1em; }
/**  ksjs  end  **/
/**  yydt  start  **/
.yydtlist{ width:100%; height: auto; margin: 0 auto; overflow: hidden; border-bottom: 1px dashed #d6d6d6; box-sizing: border-box; padding: 0.5em 0.1em 0.3em; align-items: center; }
.yydtlist span{ }
.yydtlist span:nth-child(1){  width:77%; line-height: 1.6em; font-size: 1em; color: #4b4b4b; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.yydtlist span:nth-child(2){ width:22%; line-height: 1.6em; font-size: .9em; color: #5b5b5b; text-align: center; }
/**  yydt  end  **/

.pagebox{ width:100%; height: auto; overflow: hidden; margin: 1em auto 0.5em;   }
.pagebox ul{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }
.pagebox ul li{ display: inline-block; margin: 0 0.2em; box-sizing: border-box; padding: 0.2em 0.3em;  border: 1px solid #b8b8b8; font-size:1em;   }
.pagebox ul li a{ color: #383838;  }
.pagebox ul li.on{ border: none; background-color: #0074bf;  }
.pagebox ul li.on a{ color: white; }

/*** yygh  start ***/
.formts{ width:100%; height: auto; margin: 0 auto 0.5em; overflow: hidden; text-align: center; }
.formts .p1{ line-height: 1.8em; font-size: 1.2em; color: #0061a0;  }
.formts .p2{ line-height: 1.6em; font-size: 1em;   }
.form_wxts{ width:98%; height: auto; line-height: 1.6em; margin: 0.5em auto; overflow: hidden; font-size: 1em;  }
/*** yygh  end ***/
/*** zjjs  start ***/
.zjjslist{ width:100%; height: auto; margin: 0 auto; overflow: hidden; border-bottom: 1px dashed #d6d6d6; align-items: center; box-sizing: border-box; padding: 1em 0 1em; }
.zjjslist .zjjs_img{ width:19%; }
.zjjslist .zjjs_text{ width:60%; }
.zjjslist .zjjs_text .p1{ line-height: 1.8em; font-size: 1.1em; }
.zjjslist .zjjs_text .p1 span:nth-child(1){ color: #2f2f2f; margin-right: 0.5em; }
.zjjslist .zjjs_text .p1 span:nth-child(2){ color: #2790d4; }
.zjjslist .zjjs_text .p2{ line-height: 1.4em; font-size: 1em; color: #8d8c8c; }
.zjjslist .zjjs_onclick{ width:19%; }
.zjjslist .zjjs_onclick a{ display: block; width:100%; height: 2em; line-height: 2em; margin: 0 auto; font-size: 1.1em; color: white; background-color: #f2963c; text-align: center; border-radius: 0.2em; }

.morebox{ width:92%; height: auto; margin:2em auto 0; overflow: hidden; }
.more1{ width:100%; height: auto; margin: 0.6em auto; overflow: hidden;  }
.more1 .ps1{ display: block; width:70%; font-size: 1.3em; color: #4f4f4f; text-indent: 1.6em;  }
.more1 .ps2{ display: block; width:30%; font-size: 1.3em; color: white; line-height: 1.8em; border-radius: 0.3em; text-align: center; }
.mbk1{ background:url(../images/more1.jpg)no-repeat 0 center; background-size: 1.3em; }
.mbk2{ background:url(../images/more2.jpg)no-repeat 0 center; background-size: 1.3em; }
.mak1{ background-color:#2790d4; }
.mak2{ background-color:#f2963c; }
/*** zjjs  end ***/









