@charset "utf-8";

/*格式化*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}

body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}

li, ol { list-style:none; }

ins { text-decoration:none; }

i, em { font-style:normal; }

a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}

a:hover { cursor:pointer; text-decoration:none;}

a:active{star:expression(this.onFocus=this.blur());}

:focus{outline:0;}

.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}

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

img{ padding:0; margin:0;}

a img { border:none; }

input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}

h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}

.fl{float: left;}

.fr{float: right;}

/* -- 页面整体布局 -- */

.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/

.wrap img{display:block;width:100%;}



.titis{height:4.083rem;text-align: center;background: url(../images/ico1.png) no-repeat center bottom;background-size:1.292rem 0.083rem;margin-bottom:1.292rem;}
.titis h2{height:2.208rem;line-height:2.208rem;font-size:1.75rem;color: #333333;}
.titis h2 a{color: #333333}
.titis span{color: #999999;font-size:0.833rem;height:1.125rem;line-height:1.125rem;display: block;}



.pro{padding:3.083rem 4% 3.542rem;overflow: hidden;background: #f2f2f3}
.pro_qh{height: 8.333rem;overflow: hidden;}
.pro_qh li{float:left;width:48.98%;margin-right:1.73%;height: 7.292rem;background: #d8c9c2;border-radius: 0.333rem;box-sizing: border-box;padding:1.833rem 0 0 7%;}
.pro_qh li img{float:left;width:3.458rem;margin-right:0.75rem;}
.pro_qh li span{float:left;font-size:1.25rem;color: #333333;padding-top:0.417rem;}
.pro_qh li span em{display: block;font:0.667rem arial;color: rgba(0,0,0,0.4);margin-top:0.2rem;}
.pro_qh li:last-child{margin:0;background: #cad8d2}

.pro_nr p{font-size:0;line-height: 0;background: #fff;border-radius: 0.542rem;text-align: center;position: relative;}
.pro_nr p em{background: url(../images/pro_ico1.png) no-repeat;width:5.833rem;height: 3.958rem;position: absolute;left:1.083rem;top:0;text-align: center;line-height:2.958rem;font-size:1.083rem;color: #fff;font-weight: bold;background-size:5.833rem 3.958rem;}
.pro_nr p img{border-radius: 0.542rem 0.542rem 0 0}
.pro_nr p span{display: block;height: 2.333rem;font-size:1.083rem;color: #333333;padding-top:25px;}
.g_bd .pro_nr .swiper-pagination{}
.g_bd .pro_nr .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .pro_nr .swiper-pagination-bullets{bottom:4.541rem;}
.pro_nr .swiper-pagination-bullet{width:0.583rem; height:0.583rem;background:rgba(255,255,255,1);opacity: 1;vertical-align: middle;}
.pro_nr .swiper-pagination-bullet-active{background: #bf122f;width:1.75rem;border-radius: 0.292rem}

.pro_n{padding-top:1rem;overflow: hidden;}
.pro_n li{float:left;width:48.55%;margin:0 2.89% 1rem 0;background: #fff;border-radius: 0.542rem;text-align: center;font-size:0;line-height: 0;}
.pro_n li img{border-radius: 0.542rem 0.542rem 0 0}
.pro_n li span{display: block;height: 3.333rem;line-height: 3.333rem;font-size:1.083rem;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_n li:nth-child(2n){margin:0 0 1rem 0;}
.pro dl{background:#bf122f;overflow:hidden;border-radius:0.542rem;}
.pro dd{float:left;width:22.02%;height:14.042rem;box-sizing: border-box;padding:3.792rem 0 0 2.0rem;}
.pro dd em{display: block;font-size:1.5rem;color: #fff;font-weight: bold;float:left;width:1.5rem;line-height: 1.7rem;}
.pro dd i{font:0.667rem arial;color:rgba(255,255,255,0.4);writing-mode:vertical-lr;padding:0.2rem 0 0 0.2rem;}
.pro dt{float:right;width:77.98%;font-size:0;line-height:0;}
.pro dt img{border-radius: 0 0.542rem 0.542rem 0}


.hez{padding:3.083rem 4% 3.375rem;overflow: hidden;}
.hez li{float:left;width:32.17%;border:1px solid #a0a0a0;box-sizing: border-box;height:18.333rem;border-radius: 0.542rem;text-align: center;padding:0 2%;margin-right:1.73% }
.hez li i{display: block;width:5.125rem;margin:0 auto;padding-top:1.708rem;}
.hez li h4{display: block;height:1.75rem;line-height: 1.75rem;padding-top:1.083rem;font-size:1.333rem;color: #333333;}
.hez li p{font-size:1.2rem;color: #919191;line-height: 1.583rem;padding-top:0.667rem;}
.hez em a{display: block;height: 2.708rem;width:11.25rem;background: #bf122f;text-align: center;margin:1.667rem auto 0;text-align: center;font-size:1.167rem;color: #fff;line-height: 2.708rem;border-radius: 1.35rem;}
.hez li:last-child{margin:0;}


.td_c{background: #f2f2f3;padding:3.125rem 0;overflow: hidden;}
.td_nr dl{background:#fff;height: 35.833rem;border-radius: 0.542rem;}
.td_nr dt{font-size:0;line-height: 0}
.td_nr dt img{border-radius: 0.542rem;}
.td_nr dd{text-align: center;padding:2.208rem 6% 0;}
.td_nr dd h4{height: 1.917rem;line-height: 1.917rem;font-size:1.583rem;color: #333333;}
.td_nr dd p{font-size:1.2rem;color: #6e6e6e;line-height: 1.667rem;padding-top:0.75rem;}
.g_bd .td_nr .swiper-pagination{}
.g_bd .td_nr .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .td_nr .swiper-pagination-bullets{bottom:3.417rem;}
.td_nr .swiper-pagination-bullet{width:0.583rem; height:0.583rem;background:#c9caca;opacity: 1;vertical-align: middle;}
.td_nr .swiper-pagination-bullet-active{background: #bf122f;width:1.75rem;border-radius: 0.292rem}


.yous{background: #f2f2f3;padding:0 4% 2.333rem;}
.ys_a1{overflow: hidden;background: url(../images/ys_x.png) no-repeat 0.25rem 4.75rem;padding-bottom:0.5rem;margin-bottom:1rem;background-size:2px 100%}
.ys_a1 i{float:left;width:13.47%;}
.ys_a1 dl{float:right;width:81.30%;background: #fff;padding-bottom:1rem;border-radius: 0.542rem;}
.ys_a1 dt{font-size:0;line-height: 0}
.ys_a1 dt img{border-radius: 0.542rem;}
.ys_a1 dd{padding:1.5rem 7.6% 0;}
.ys_a1 dd h4{font-size:1.5rem;color: #333333;margin-bottom:1.333rem;}
.ys_a1 dd h4 b{display: block;}
.ys_a1 dd p{padding-left:1.417rem;background:url(../images/ys_ico1.png) no-repeat left 0.5rem;font-size:1.2rem;line-height:1.7rem;color: #666666;margin-bottom:0.5rem;background-size: 0.542rem 0.375rem}


.anl{padding:3.125rem 0 3.333rem;overflow: hidden;}
.al_nr{padding:0 8.93%;}
.al_nr dl{background:#f2f2f3;border-radius: 0.542rem;padding-bottom:1.5rem;}
.al_nr dt{font-size:0;line-height: 0}
.al_nr dt img{border-radius: 0.542rem;}
.al_nr dd{text-align: center;padding:1.333rem 6% 0;}
.al_nr dd h4{height:2rem;line-height:2rem;font-size:1.333rem;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr dd h4 a{color: #333333;}
.al_nr dd span{display: block;height:1.417rem;line-height: 1.417rem;font-size:1.083rem;color: #999999;}
.al_nr dd em{display: block; text-align: center;margin-top:1.417rem;}
.al_nr dd em a{padding-right:2.083rem;font-size:1rem;color: #bf122f;background: url(../images/ico2.png) no-repeat right;background-size: 1.375rem 0.875rem}


.news{background: #f2f2f3;padding:3.083rem 4% 2.167rem;}
.news dl{overflow: hidden;margin-bottom:1.167rem;background: #fff;border-radius: 0.542rem;}
.news dt{float:left;width:34.34%;font-size: 0;line-height: 0;}
.news dt img{border-radius: 0.542rem;}
.news dd{float:left;width:55.07%;padding:1.25rem 0 0 6.23%;}
.news dd h4 a{display: block;height: 2.0rem;line-height: 2rem;font-size:1.4rem;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news dd p{font-size:1.2rem;color: #868686;line-height: 1.5rem;padding-top:0.458rem;}
.news dd em{font:0.917rem arial;color: #c6c6c6;margin-top:1.083rem;display: block;}



.yz_c{overflow: hidden;padding:2.333rem 3% 3.375rem;position: relative;}
.yz_c p{font-size:1.2rem;color: #666666;line-height: 1.75rem;text-align: center;}
.yz_btn a{display: block;width:11.917rem;height: 2.542rem; border:0.083rem solid #bf122f;border-radius: 1.25rem;text-align: center;line-height: 2.542rem;font-size:1.0rem;color: #bf122f;margin:2.0rem auto 0;}
.yz_btn a em{padding-right:2.083rem;background: url(../images/ico2.png) no-repeat right;background-size: 1.375rem 0.875rem;}

.tit{ text-align:center}
.tit i{ display:block;; font-size:5rem; text-transform:uppercase; color:#000; opacity:0.05;}
.tit em{ display:block; font-size:2.4rem; color:#000; position:relative; margin-top:-4rem;}

.g-yinz{ position:relative;}
.g-yinz h3 img{ display:block; width:100%;}
.g-yinz dl{ width:92%; position:absolute; top:3.3rem; left:4%;}
.g-yinz dd p{ text-align:center; font-size:1.2rem; color:#666; line-height:2rem; margin:1.5rem 0;}
.g-yinz dd h5{ width:26.087%; height:2.5rem; border-radius:0.3rem; background:#0079d5; color:#fff; text-align:center; font-size:1.2rem; line-height:2.5rem; margin:0 auto;}

.g-sys{ background:#010306 url(../images/sys_bg.jpg) no-repeat center top; background-size:100% auto; padding:3rem 0;}
.g-sys .tit em{ color:#fff;}
.g-sys .tit i{ color:#090b0f; opacity:1;}
.g-sys p{ width:11.5rem; height:11.5rem; border:0.2rem solid #33d69f; border-radius:11.5rem; box-sizing:border-box; margin:1.6rem auto 0; font-size:1.3rem; text-align:center; color:#fff; padding:3.6rem 0 0 0;background:#010306;}
.g-sys p em{ display:block; font-size:1.8rem;}
.g-sys p:nth-child(3){border:0.2rem solid #ff9066;}
.g-sys p:nth-child(4){border:0.2rem solid #0079d5;}

.g-int{ background:#eeeff3; padding:3.2rem 0 5rem;}
.g-int li{ width:50%; float:left; text-align:center; font-size:1.5rem; color:#000; margin-top:2.5rem;}
.g-int li em{ display:block; width:4.5rem; height:4.5rem; margin:0 auto 0.8rem;}
.g-int li em img{ display:block; width:100%;}
.g-int li i{ display:block; font-size:1.1rem; color:#939497; margin-top:0.7rem;}
/**/

.g-pro{padding:2.3rem 0;}
.prot{ height:5.4rem; text-align:center; margin-top:1.1rem;}
.prot a{ display:inline-block; width:12%; height:4.5rem; text-align:center; line-height:4.5rem; background:#eeeff3; font-size:1.3rem; color:#333; border-radius:6rem; margin:0 3.33%;}
.prot .active{ background:#0079d5; color:#fff;}
.g-pro01{ width:92%; margin:0 auto;overflow:hidden;}
.g-pro01 p img{ display:block; width:100%;}
.g-pro ul{ width:92%; margin:2.5rem auto 0; overflow:hidden;}
.g-pro li{ width:47.826%;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block; font-size:1.3rem; line-height:3.5rem; color:#333;text-align:center;height:3.5rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li{ float:right;}

.g-tyan .tit{ margin-bottom:1.6rem;}
.g-tyan dl{ width:92%; margin:0 auto 1rem; position:relative;}
.g-tyan dt img{ display:block; width:100%;}
.g-tyan dt{ position:relative; overflow:hidden;}
.g-tyan dt b{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0;}
.g-tyan dd{ width:32%; height:2.5rem; border:1px solid #fff; font-size:1.4rem; text-align:center; line-height:2.5rem; color:#fff; position:absolute; top:41%; left:34%;}
/**/

@media screen and (min-width:320px) {html {font-size: 10px;}}

@media screen and (min-width:360px) {html {	font-size: 11.25px;}}

@media screen and (min-width:375px) {html {	font-size: 11.7px;}}

@media screen and (min-width:384px) {html {	font-size: 12px;}}

@media screen and (min-width:480px) {html {	font-size: 15px;}}

@media screen and (min-width:414px) {html {	font-size: 13px;}}

@media screen and (min-width:560px) {html {	font-size: 17.5px;}}

@media screen and (min-width:640px) {html {	font-size: 20px;}}