*{font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}
html,body{width:100%;color:#d5d5d5; font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; background: #f1f1f1; font-size: 1.2rem; color: #333}
ul,li,html,body,h1,h2,h3,h4{margin:0px;padding:0px;}
a{text-decoration:none; color: #333 }
li{ display: block;}
img{border:none;}
.f12{ font-size: 1.2rem}
.left{ float: left}
.right{ float: right}
.clear{  clear: both; }
.red{ color: #ef0000 }
.hid{ height: auto; overflow: hidden; }
button {-webkit-appearance: none;resize: none; }
select{ -webkit-appearance:none;}
input[type="text"] {-webkit-appearance: none;resize: none;}
input[type="radio"] { width: 12px}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
img{ max-width: 100% !important; height: auto !important; display: block;}
p{ padding: 0 !important; margin: 0 !important; }
body { font-size: 1.2rem; width: 32rem; margin: 0 auto; background: #fff }
/*.main{max-width:640px; margin:0 auto; overflow: hidden; background: #fff}*/
/*inav index*/
.inav{background: #0054a6;
    height: auto;overflow: hidden;}
.inav a { width:24.7%; display: block; float:left; text-align: center; color: #fff; font-size:1.2rem; padding:2.5% 0;border-right: 1px solid #377abc;border-bottom: 1px solid #377abc;}
.inav a:nth-child(4n+0){border-right:none}
.bt{ font-size:1.1rem; color:#cc160d }
.nav{ width:12%; padding-top:1.8rem; position: relative; z-index: 888}
.navbox{ position: absolute; background: #0054a6; width:100%; text-align: center;top:7rem;opacity: 0.8; padding: 10px 0 0 0; display: none;z-index: 999;max-width: 640px;z-index: 999}
.navbox ul{ position: relative;opacity:1.0}
.navbox ul li{ line-height:3rem; border-bottom: 1px #4cb0eb solid}
.navbox ul li a{ color: #fff}
.hide{ color: #000; background: #ffa24b; line-height: 3rem}
/*banner index*/
.header{ background:#fff; }
.logo{width:60%; float: left; }
.toptel{ float: right; padding: 1.3rem 0.5rem 1rem 0rem; font-size:0.8rem; color:#b00}
.toptel b{ font-size: 2.0em; color: #004ac0; display: block;}
.bt{ padding:1rem 0 0 1% }
#flash{ width: 100%;  max-width: 680px;}
#flash img{width: 100%;}
.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;  max-width:680px; max-height:550px; }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:99; bottom:0px; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5); width: 100%; }
.focus .hd ul li{ -moz-box-flex:1;width: 20%; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#f8da3a; }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto;background:url(../images/loading.gif) center center no-repeat;  vertical-align:top;   }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }

/*iprocla index*/
.navlogo{background:#fff}
.navlogo img{ width:70%; margin:0 15%}
.find_nav_list{ width: 96%;padding:1% 2% 2% 2%;color: #fff;height: auto;overflow: hidden;}
.find_nav_list a img{ margin:0 auto; width: 70%; padding-top: .5rem }
.find_nav_list li{float: left;width:24.2%;  margin-right: 0.8%; }
.find_nav_list a{text-align:center;margin-bottom:5px;color: #fff;font:1.25rem/1.8 "Microsoft Yahei";white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:#ffa510; display: block;}
.find_nav_list a:last-child{margin-right: 0%;}
.find_nav_cur a {border-bottom:0.3rem #003cc2 solid;}
.box01_list,.zlm {padding:0% 2% 2% 2%; }
.box01_list .li_list{display:-webkit-box }
.box01_list .li_list a,.zlm a{ display: block;  float: left; text-align: center; box-flex:1; padding:0.5rem 1rem; background: #ce2b25; margin:0 0.8rem 0.8rem 0; color: #fff }
/*search index*/
.search{ padding: 10px; background: #ececec; }
#search_text{ width:73%; height:2.45rem; border: 1px #ddd solid;font-size: 1.2rem}
.search-btn{ width: 25%;height: 2.5rem; background:#75bb04;color: #fff; border:1px #75bb04 solid;font-size: 1.2rem }

.iys{background:#1855a8; background-size: 100%; height: auto; overflow: hidden; text-align: center; padding-bottom:1.5rem; }
.ystit{height:5.8rem; text-align: center;background:url(../Image/line.gif) bottom center no-repeat; background-size: 80%;  padding-top: 1rem}
.ystit h1{ color: #fff; font-size: 1.8rem; }
.ystit span{ color: #ffcc33 }
.ystit p{ font-size: 1.0rem;  color: #fff; padding-top: 0.3rem}
.yslist{  margin-top:0.8rem; }
.yslist li{width:30rem;font-size:1.0em; color: #666; height:10.2rem;background:url(../Image/yslist_bg.png) bottom right no-repeat;background-size: 99%;;border-radius: 0.5rem;z-index: 88 ; position: relative; margin-left: 1rem; margin-bottom: 1rem}
.ysimg{ width: 10rem; height:9rem;position: absolute; left:0.8rem; top:0.8rem;z-index: 99  }
.ys_num{ position: absolute; display: block; width:6.2rem; height:6.2rem;  font-size: 1.4em; color: #fff; font-family: Impact; background: url(../Image/ys_numbg.png) top left no-repeat;z-index: 100; background-size: 100%; text-align:left; text-indent: 1rem }
.ystxt{ position: absolute; width:17.8rem; right: 0.8rem; padding-top: 0.8rem; text-align: left }
.yslist li p b{ display: block; font-size:1.48em; }
.yslist li p i{ display: block;  margin:0.3rem auto; height: 0.5rem;background: url(../Image/ys_line.jpg) top left no-repeat; background-size: 100% }
.yslist li p{font-size:0.8rem; color: #333; line-height: 1.8 }
.yslist li p span{ font-weight: bold; color: #da0000 }
.ind_lc{ margin-bottom: 0.8rem; height: auto; overflow: hidden;}
.ind_lclist li{ width:6rem; height: 6.3rem; background:#b22821; color: #fff; margin-left: 0.3rem; float: left; font-size: 0.9rem; text-align: center;}
.ind_lclist li img{ width: 4rem; height: 4rem !important; margin:0.5rem auto; }
.fltit{ padding:10px 0 0 0; }
.itit{background: #fff; height:3.2rem; line-height: 3.2rem; color: #444; font-size: 1.2em; padding: 0 0.5rem 0 0; margin-bottom:1rem; border-bottom: 0.1rem #ddd solid}
.itit b{ display:block; float: left;  width: 30%; text-align: center;  position: relative;border-bottom: 0.2rem #0053a4 solid; color: #0053a4}
.itit a{ display: block; float: right; color: #666; font-weight: normal; font-size: 0.95rem; padding-left: 2.5rem; padding-top: 0.5rem }

.itit2{ text-align: center; font-size:1rem; color: #444; font-weight: normal; padding:0.5rem 0 0.8rem 0 }
.tjtit{ background: #fff; height:3.2rem; line-height: 3.2rem; color: #444; font-size: 1.2em; padding: 0 0.5rem 0 0; margin-bottom:1rem; border-bottom: 0.1rem #ddd solid}
.tjtit b{  display:block; float: left;  width:40%; text-align: center;  position: relative;border-bottom: 0.2rem #0053a4 solid; color: #0053a4}
.tjtit a{ display: block; float: right; color: #000; font-weight: normal; font-size: 1.2rem;background: url(../Image/header_tel.png) no-repeat left center; padding-left: 2.5rem; background-size:12%}
.ilcimg{ padding:1rem 0; }
.idaohang{ height: auto; overflow: hidden; font-size:0.9em; margin-bottom: 0.5rem}
.idaohang li{  width:10rem; height:3rem;  text-align: center; float: left; margin-left:0.5rem; margin-top:0.5rem; background: #cecece; line-height: 3rem; color: #fff; text-align:center;  }
.idaohang li a{ color: #333 }
.irxal_nr { width:100%; height:auto; margin-top:8px}
.lytit{ background: #1860c1 !important }
.irxal_nr ul li,.rxal_nr ul li,.fwxmi li{ width:48%;float:left; text-align:left;  border-bottom: 0.2rem #ddd solid; height: auto}
.cptit{ background: #ebebeb; height:6rem; overflow: hidden;   }
.cptit a{ color: #333;  }
.cpt{padding-left:1% !important;}
.cptm{ margin: 0.5rem 0!important }
.cps{ font-size: 0.8em;padding-left:1% !important; line-height: 1.4rem !important; color: #666 }
.ckmore{ height: 2.85rem; font-weight: bold; line-height: 2.85rem; font-size: 1.2rem; background:#003cc2;  clear: both; text-align: center;}
.ckmore2{ height: 3rem; font-weight: bold; line-height: 3rem; font-size: 1.2rem; background:#333;  clear: both; text-align: center; width: 50%; margin: 1rem 25%; border-radius:1.5rem }
.ckmore a,.ckmore2 a{ color: #fff }
.rxcplist{ margin: 0 0 13px 1%; font-size: 1.2rem;border:1px #ddd solid; display: block;  }
.honor li{font-size: 1.2rem;border:1px #ddd solid; display: block; margin:0 0 0.8rem 1%; width: 48%; height: 13rem;text-align:center !important; }
.honor li img{ width: 100%; height: 11rem !important; }
.xq{ display: block; text-align: center; background:#e9f7d3; padding: 3px 0 }
.iTel{width:100%;background:#0e87d6; height: auto; overflow:hidden;}
.iTelfl{background: #fec300 !important;
    color: #000 !important; border: 1px #e1ad00 solid !important}
.iTelTitle{float: left;width: 30%; display:block;overflow:hidden; color:#fff;font:1.0em/3 "Microsoft Yahei"; text-align: left;background:#0075c1;}
.iTelTitle .iconfont{float:left;width: 30%;margin-left:10%; display: block;font-size:1.4em;}
.iTelTitle img{ padding-top:6px}
.iTelCon{float: left;width: 67%;padding-left:3%;color:#ffffff;font:1.0em/3 "Microsoft Yahei"; text-align: left; font-weight: bold;}
.itl{position:relative;width:93.75%;margin:2.125% auto 0 auto ;} 
.itl-tl{display:inline-block;width: 30%;color:#ffffff;font:1.0em/2.0 "Microsoft Yahei"; text-align: center;background: #0e87d6;}
.cpzxk a{ display: block; float: left; width: 45%; text-align: center; margin-left:3%; background: #333; color: #fff; padding:6px 0}
.rcolor{ background: #b2271f !important }
.dhzx{ background: #75bb04!important; color: #fff !important; width:36% !important;display: block; float: left;margin:0.5rem 0 0 0; background-size:26%; border-radius: 5px; font-size: 0.9rem; height:1.8rem; line-height:2rem }
.itl-more{position:absolute;top:0;right:0;width: 20.5%;color:#0e87d6;font:1.0em/2.0 "Microsoft Yahei"; text-align: right;}
.itl-more a{ display:block;color:#0e87d6; }
/*.bgcolor{background: #efefef;}*/
.kehupj li{ height:5rem; background: #fff ; width:94% !important; margin:0 auto 0.8rem 1%;border:1px #ddd solid; text-align: left !important; padding: 0.8rem 0.5rem; background: #f1f1f1 }
.kehupj li img{ width:25%; float: left; }
.kehupj li p{ float: left; padding-left:0.5rem !important; line-height: 1.6; width:72%; font-size: 0.9rem}
.kehupj li p b{ display: block; font-size:1.3rem; color: #222; }


.iabout,.i_nwes,.ilx,.icase,.rxal_nr{margin: 0 auto;padding:0 1%;
color: #555;font: normal 1.2rem/2.0 "Microsoft YaHei";margin-bottom:3%;background: #fff; height: auto; overflow: hidden; clear: both}
.iabout,.i_nwes,.ilx,.icase{ width: 96% }
.iabout{ padding:0.8rem 1%; clear: both; }
.i_nwes{ background: #eeeeee }
.inews{ width:96%; margin: 0 auto  }
.inews li{padding:3px 2%;border-bottom:none !important;font:normal 1.0em/2.2 "Microsoft YaHei";white-space:nowrap;overflow:hidden;text-overflow:ellipsis; clear: both; width: 100% !important; text-align: left !important}
.inews li:last-child{border-bottom: none;}
.inews li .biao{color:#003cc2; font-size:1.0em; font-weight: bold;}
.inews .idate{float: right;color:#999; font-size: 0.8rem; padding-right: 0.5rem  }


.irxal_nr{ height: auto;overflow: hidden;  clear: both; }
.fhdb{ width: 94%; margin:10px auto; height:3rem;border:2px #222 solid; text-align: center; font-size: 1.1em; line-height: 3rem; border-radius: 5px }
/* 表单样式 */
.form_div{width:98%; height:auto; margin-top:8px;border-collapse: separate;border-spacing: 2px;margin-bottom: 0.5rem; background:#1855a8;border:1px dashed #003569;color:#fff;}
.form_div .a{display:block; color:#fff; text-align: left; margin-left:1rem; padding-bottom: .5rem}
.form_div .selcet_p{display: block; height:2rem; line-height: 2rem; float:left; padding-left: 0.5rem;text-align: left;
    -webkit-margin-before: 0.8em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
input[type="checkbox" i] {margin:0 8px;}

.form_div .form_divtitle{height:3.5rem; line-height: 3.5rem; color: #fff; font-size: 1.4em;padding: 0 10px 0 0; font-weight: bold;}
.form_div .form_divtitle strong{color:#ffcc33}

.form_div form{  width:97%; padding:0.3rem 0 0.5rem 0 !important;  margin:0 auto; text-align: center;}
.form_div table{ width:98%; margin:0 auto;}
.form_div table #tel{display:inline-block; width:95%; border: 1px #ddd solid; height:3.5rem; line-height:2.8rem;font-size: 1.5rem;margin-top: 20px;margin-bottom:0.5rem; border-radius: 0.5rem; padding-left:0.5rem;}
.form_div table #tel::-webkit-input-placeholder{
            color:black;
        }
.form_div table #tel::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:black;
        }
.form_div table #tel:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:black;
        }
.form_div table #tel:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:black;
        }
.form_div table #submit {width: 98%;height:3rem; border: 0;cursor: pointer;

  color: #FFF;background: #fc3;font-size: 1.4rem; margin:0 !important;border-radius: 0.5rem; color: #000}

/*marquee index*/
#marquee{overflow:hidden; height:14rem; width: 30rem}
.tjcp{float:left; padding:0 .5rem;  width: 11rem; height: 14rem;text-align: center;}
.tjcp p{ line-height:2.0 !important;}
.tjcp img{display:block; height:11rem !important; width:11rem !important;}

.bq{line-height:1.8;  font-size: 1.2rem; color: #fff;background: #343434;  height: auto; overflow: hidden; padding-bottom: 8px}
.bq a{ color: #fff}
.wxb{ background: #000; line-height:2.4rem; padding-left: 8px !important; margin-bottom: 5px  !important; }
.wxl img{ width: 100% }
.wxl{ width:25%; padding:1%; border: 1px #ddd dashed; margin: 8px 0 0 8px }
.wxt{ color: #fff; line-height: 1.6; width: 69%; padding-top: 10px;font-size: 1rem}
.bqsy{ text-align: center; background:#000; padding-bottom:7rem;color: #fff;  font-size: 1rem; padding-top: 5px}
.bqsy a{ color: #fff }
.bottom{ position: fixed; bottom: 0;left:0; width: 100%; z-index: 999; clear; font-size:1.0em;}

.bottom a{ display: block; float: left; width:30%; text-align: center; color: #fff;height:4.2rem; padding-bottom: 0.2rem }
.bb1{ background: #1855a8 }
.bb2{ background:#ba322b }
.bb3{ width:20% !important ;background: #2f3841; }
.bb0{width:20% !important ;background: #f87817;}
.bb1 img{  width:auto !important; display: block; margin:0 auto; height: 2rem !important}
.bb2 img{  width:auto!important;display: block; margin:0 auto;height: 2rem !important }
.bb3 img,.bb0 img{  width:auto !important;display: block; margin:0 auto;height: 2rem !important  }
.bottom span{padding: 5px 0; display: block;}
.bottom b{display: block; font-weight:normal;}
.cpy{ clear: both; margin: 8px 0; height: auto; overflow: hidden; }
#page_num{ padding:0 6px !important; font-size:1.0em}
.page{ padding:0 5% 10px 5%;font-size:1.0em}
.rmtj{ padding:0.5rem 0; }
.rel_center{ text-align: center;}
.rel_center img{ width: 100% }
#prev_next{ line-height: 1.6;border-top: 1px #444 dashed; padding-bottom: 20px; margin-top:10px; clear:both;}
#prev_next li{ padding-top:8px;}
.b_tit{ display: block; text-align: center; font-size:1.2em; line-height: 2.2}
.meta{ text-align: center; background: #f3f3f3; padding:5px 0; font-size: 1em; margin-bottom:10px;}
.tjtit2{ height: 3.3rem; background: #f1f1f1; margin-bottom: 10px}
.tjtit2 b{  display: block; width: 35%; background: #f09c42; line-height: 3.3rem; font-size: 1.2rem; text-align: center; color: #fff}
.rxcplist{ background: #f3f3f3;}
.rxcplist img{  width: 100%; margin:0 auto;height: 15rem !important }
.rxcplist2{ padding: 5px 1%; height: auto; overflow: hidden;width: 48% !important; font-size: 1rem; float: left !important;}
.rxcplist3{ margin: 0 0 10px 1%; font-size: 1.2rem;border:1px #ddd solid; width: 31% !important; float: left; }
.rxcplist3 img{  width: 100% !important; padding:1px; }
.tupic{border-radius:5px; border:3px #ddd solid;}
.nywz{  text-align: center; font-size: 1.1em; line-height: 1.8 }
.cnyzx{  margin-top:2px !important }
.nywz .cnyzx a{ height: 25px; line-height: 25px; text-align: center; display: block; float: left; background: #ddd; width: 35%; border-radius: 5px }
.nytel{ background: #f09c42 !important; color: #fff !important; margin-left: 5px}
.cpnrtxt{ font-size:0.9rem; color: #777;  line-height: 1.5}
.cpny{ position: relative; z-index: 888 }
.shuiyin{ position: absolute; top: 0;  background:url(../Image/sy.png) repeat-y center top; height: 100%; z-index: 999; width: 100%;  background-size: 100%}
#name,#tel,#content,#email{ width:90%; border: 1px #ddd solid; line-height:2.8rem;font-size: 1.2rem}
#form1{ padding:0 10px; font-size:1.2rem }
#submit{width: 40%;line-height:3rem;border: 0;cursor: pointer;color: #FFF; background: #ffa24b;  margin: 5px 30%; font-size: 1.2rem; border-radius: 1.5rem}
.heartbeat{-webkit-animation:heartbeat 1.2s infinite;animation:heartbeat 1.2s infinite;}
.rotate{-webkit-animation:rotating 1.6s linear infinite;-moz-animation:rotating 1.6s linear infinite;animation:rotating 1.6s linear infinite;}
@-webkit-keyframes mapJump{0%{-webkit-transform:translateY(0);}20%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-15px);}50%{-webkit-transform:translateY(0);}60%{-webkit-transform:translateY(-7px);}80%{-webkit-transform:translateY(0);}100%{-webkit-transform:translateY(0);}}
@keyframes mapJump{0%{transform:translateY(0);}20%{transform:translateY(0);}40%{transform:translateY(-15px);}50%{transform:translateY(0);}60%{transform:translateY(-7px);}80%{transform:translateY(0);}100%{transform:translateY(0);}}
@-webkit-keyframes tada2{0%,100%{-webkit-transform:scale(1) rotate(0deg);}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}}
@keyframes tada2{0%,100%{transform:scale(1) rotate(0deg);}10%,20%{transform:scale(.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}}
@-webkit-keyframes heartbeat{0%,30%,50%,60%,80%{-webkit-transform:scale(1);}40%,70%{-webkit-transform:scale(1.1);}}
@keyframes heartbeat{0%,30%,50%,60%,80%{transform:scale(1);}40%,70%{transform:scale(1.1);}}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes rotating {from {transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:.6}}
@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:.6}}

html { font-size: 10px; font-size: calc(100vw / 32); }
@media all and (max-width: 320px) {
html { font-size: 10px; }
}
@media all and (min-width: 640px) {
html { font-size: 20px; }
}