@charset "utf-8";
/* CSS Document */
    html{
    font-size:62.5%; /* 10÷16=62.5% */
    }
    body{
    font-size:12px;
    }
    p{
    font-size:14px;
    font-size:1.4rem;
    }
@font-face {
  font-family: "XIYUANSJ_1";
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('eot'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {position:relative; font-family: '微软雅黑';-webkit-text-size-adjust: none; width:100%; background: #FFF;}
body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,form,img,p,pre,textarea,blockquote,fieldset {margin:0;padding:0}
ul,ol,li{list-style-type:none}
img {border:none;-ms-interpolation-mode:bicubic;}
em {font-style:normal}
h1,h2,h3,h4,h5,h6,h7 {font-style:normal;font-size:100%; font-weight: normal;}
p { font-size: 12px; }
h1,h2,{ font-size: 14px; }
a,a:visited {text-decoration:none;color:#666; }
/*a:hover,a:active {color:#4e4069}*/
input{
	border-radius: 0;
	outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none;}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border:none;  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url("../images/arrow.png") no-repeat scroll right center transparent;/*在选择框的最右侧中间显示小箭头图片*/
  padding-right: 14px;/*为下拉小箭头留出一点位置，避免被文字覆盖*/
}
select::-ms-expand { display: none; }/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.qc{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
body{max-width:640px;
	min-width:320px;
	margin:0 auto;}
i{font-style:normal}
/*-----------------------------公共部分-----------------------------*/
/*--导航--*/
.bmbd{ width: 96%;padding: 0 2%; background:#007ec8; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size:16px;}
.bmbd .bs{ float: right; font-size: .6rem;}
.bmbd .bs a{ color: #fff; display: block;}
.s_w{ float: left; width: 34px; height: 45px; margin-top: 9px;}
.s_w img{ width: 100%; height: 100%;}
.sd{ float: left; width: 34px; margin-top: 3px; height:38px; z-index: 999;}
.sd a{ color: #fff;}
.sd img{ width: 100%; height: 100%;}
.dwa{ width: 44px; height: 29px; float:right; z-index: 3; margin-top: 8px;}
.dwa img{ width: 100%; height: 100%;}
.dh_1 ul li{border-bottom: 1px solid #ffffff; line-height: 35px; height: 35px; padding-left: 30%; color: #fff; font-size: 15px;}
.dh_1 ul li a{ display: block; color: #fff;}
/*--导航结束--*/
/*--首页--*/
.s_top{ width: 100%; background: #fff; height: auto; padding: 10px 0;}
.s_top_1{ width: 60%; height: auto; margin: 0 auto;}
.s_top img{ width: 100%; height:100%;}
.s_dh ul li{ width: 33.3%; height: 40px;text-align:center; line-height: 40px; font-size: .7rem; float:left; background: #007EC8; border-bottom:1px solid #0170b1; border-right:1px solid #0170b1 ;    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
.s_dh ul li a{display: block; color: #fff;} 
  /*-------------banner图---------------------*/
.banner{ margin:0 auto;}
.ibanner{width:100%;height:11.428rem;text-align:center;margin:0 auto;position:relative;overflow:hidden;z-index:5;}
.slide {position:relative;text-align:center;float:left;}
.slide a {position:relative;width:100%;height:100%;display:block;overflow:hidden;}
.slide img {max-width:100%;max-height:100%;vertical-align:middle;position:relative;interpolation-mode: bicubic;}
.pagination {position:absolute;height:.5rem;width:100%;bottom:0.2rem;z-index:100;text-align:right;text-align:center;}
.pagination .swiper-pagination-switch {display:inline-block;height:3px ;width:25px; background:#fff; margin-right:0.4rem;}
.pagination .swiper-pagination-switch:last-child{content:""; margin-right:0;}
.pagination .swiper-active-switch {background:#f39b0a;} 

.s_gywm{width: 100; padding-bottom: 20px; padding-top: 10px;}
.s_gywm_1{ width: 100%; text-align:center;}
.s_gywm_1 img{ width: 100%; height: 100%;}
.s_gywm_2{ padding: 10px 2% 0 2%; font-size: .6rem;color: #8a8a8a; line-height: 1rem; height: 3rem; overflow:hidden;}
.s_gywm_2 a{color: #8a8a8a;}
.s_cpzs{ padding: 20px 0 0 0;}
.s_cpzs ul li{ width: 25%; float: left; text-align: center;}
.s_cpzs ul li  img{ width: 70%; }
.s_cpzs ul li h1{ font-size:12px; line-height: 20px; color: #707070; height: 20px; overflow: hidden;}
.s_xwzx{ background: #fcfafa; padding: 20px 0 0 0 ;}
.s_xwzx_1{width: 100%; height: auto;}
.s_xwzx_1 img{width: 100%; height:100%;}
.s_xwzx_2{ text-align: center; width: 10%; margin: 10px auto; height: auto; background: url(../images/top_16.jpg) no-repeat; background-size: 100%; font-size: 1;}
.s_xwzx_2 img{ width: 100%; height: 100%;}
.s_lyzx{ width: 100%; padding: 10px 0 0 0;}
.s_lyzx_1{ width: 100%; height: auto;}
.s_lyzx_1 img{ width: 100%; height: 100%;}
/*--关于我们--*/

.gywm_x{ padding:26px 2% 40px 2%;}
.gywm{ width: 60%; height: auto; margin: 0 auto;}
.gywm img{ width: 100%; height: 100%;}
.gywm_1{ font-size: .6rem; line-height: 1rem; color: #4e4e4e; padding-top: 10px;}
.gywm_1 p{font-size: .6rem; line-height: 1rem; color: #4e4e4e;}
/*--产品中心--*/
.cpzx{padding: 10px 2%;}
.cpzx_1{ margin: 10px 0;}
.cpzx_1 ul li{ width: 48%; margin: 1% 1%; height: 40px; font-size: .7rem; color: #333; float:left; text-align: center; line-height: 40px; background: #f0f0f0; }
.cpzx_1 ul .cpzx_1{background: #007EC8; color: #fff;}
.cpzx_1 ul .cpzx_1 a{display: block; color: #fff;}
.cpzx_1 ul li a{ display:block;}
.cpzx_2{ font-size: .6rem; line-height: 1rem; color: #5d5d5d; margin: 0 1%; min-height:300px;}
.cpzx_2 p{font-size: .6rem; line-height: 1rem; color: #5d5d5d;}
.cpzx_2 img{ width: 100%; height: auto; margin: 7px 0;}
/*--新闻中心--*/
.xwzx_1{ padding: 10px 3% 40px 3%;}
.xwzx_2 ul li{ width: 96%; border-bottom: 1px solid #eaeaea; padding: 10px 2%;}
.xwzx_2 ul li .xwzx_3{ float: left; height: auto; width: 37.5%; margin-right: 3%;}
.xwzx_2 ul li .xwzx_3 img{ width: 100%; height: 100%;}
.xwzx_2 ul li h1{ font-size: .7rem; line-height: 1rem; color: #212121; height: 1rem; overflow: hidden;}
.xwzx_2 ul li h2{ font-size: .6rem; line-height: .8rem; color: #858585; height: 1.6rem; overflow: hidden; margin-top: 3px;}
.xwzx_2 ul li h3{ font-size: .5rem; line-height: .7rem; color: #bbbbbb; height: .7rem; overflow: hidden; margin-top: 3px;}
.xwzx_x{ padding: 10px 3%;}
.xwzx_x1{ width: 100%; border-bottom: 1PX solid #ececec;padding-bottom: 10px;}
.xwzx_x1 h1{ font-size: .7rem; line-height: 1.1rem; color: #212121; text-align: center; padding-bottom: 6px; padding-top: 10px;}
.xwzx_x1 h2{ font-size: .6remx; line-height: .8rem; text-align: center; color: #bebebe;}
.xwzx_x2{ width: 100%; font-size: .6rem; line-height: 1rem; color: #818181; padding-top: 10px;}
.xwzx_x2 p{font-size: .6rem; line-height: 1rem; color: #818181;}
.xwzx_x2 p img{ width:100%; height:auto;}
.xwzx_x3{ padding-top: 50px; padding-bottom: 20px;}
.xwzx_x3 h1{ width: 100%; margin-bottom: 1px;}
.xwzx_x3 h1 .xwzx_x4{background: #007ec8; width: 65px; height: 30px; line-height: 30px; color: #fff; display: block; text-align: center; float: left;}
.xwzx_x3 h1 em a{ color:#fff;}
.xwzx_x3 h1 i{ line-height: 30px; float: left; padding-left: 15px; width: 75%; height: 30px; font-size: .6rem; overflow: hidden; color: #575757;}
.xwzx_x3 h1 i a{ color: #575757;}

/*--加入我们--*/
.jrwm{ padding: 10px 2% 40px 2%;}
.jrwm_1{margin: 10px auto; width: 60%;}
.jrwm_1 ul li{ width: 90px; height: 30px; font-size: 14px; border-radius: 50px; background: #616161; float: left; color: #fff; line-height: 29px; text-align: center;margin-left:8%; margin-bottom: 10px;}
.jrwm_1 ul li a{ display: block;color: #fff; font-size: 14px;}
.jrwm_1 ul .jrwm_2{ background: #007ec8;}
.jrwm_3{ width: 96%; height:40px; background: #f0f0f0; font-size: .7rem; color: #5d5d5d; line-height: 40px; padding-left: 4%;}
.jrwm_4{ font-size: .6rem; line-height: 1rem; color:#808080; padding: 10px 0;}
.jrwm_x ul li{background: #6e6e6e; text-align: center;  line-height: 40px; color: #fff; float: left; height: 40px; width: 100%;}
.jrwm_x ul li p{ float: left;font-size: .7rem; }
.jrwm_x ul li span{ float: left;padding: 0 10px; font-weight: bold; color: #d4d4d4; font-size: 15px; display: block;}
.jrwm_x1{ min-height:300px;}
.jrwm_x1 ul li{background: #f0f0f0; line-height: 40px; color: #5d5d5d; margin-top: 3px; font-size: .7rem; float: left; height: 40px; width: 100%;}
.jrwm_x1 ul li p{ float: left; text-align: center;}
.jrwm_x1 ul li p span{ float: left;padding: 0 5px 0 10px; font-weight: bold; color: #d4d4d4; font-size: 15px;}

/*--在线留言--*/
.zxly{ padding: 40px 2% 0 2%; background: url(../images/top_4.jpg) 0 95% no-repeat; background-size: 89% auto; min-height: 500px;}
.zxly_1{ width: 94%; margin: 0 auto;}
.zxly_2{ width: 100%; height: 40px; margin-bottom: 10px;}
.zxly_2 h1,.zxly_3 h1{ float: left; width: 22%; font-size: 14px; line-height: 40px; color: #666666; text-align: center;}
.zxly_2 h2{ float: left; width: 78%; height: 40px; background: #212121;}
.zxly_2 h2 input{ width:97.6%; height: 36px; border: 1px solid #d7d7d7; padding-left: 2%; background: #f6f5f5; color: #666666; line-height: 36px; font-size: 15px;}
.zxly_3{ width: 100%; height: 132px; margin-bottom: 20px;}
.zxly_3 h2{ float: left; width: 78%;}
.zxly_3 textarea{ width: 99.6%; background: #f6f5f5; height: 130px; border: 1px solid #d7d7d7;}
.zxly_4{ width: 100%; height: 40px;}
.zxly_4 h2{ width: 78%; height: 40px; float: right;}
.zxly_4 h2 input[type="submit"]{ width: 100%; border: 1px solid #007EC8; font-size: 16px; font-weight: bold;font-family: "微软雅黑"; float: right; height: 36px; line-height:33px; background: #007ec8; color: #fff;}
/*--联系我们--*/
.lxwm{ padding: 40px 2% 50px 2%;}
.lxwm_1{ font-size: 14px; color: #5d5d5d; line-height: 24px;}
.lxwm_2{ width: 100%; height: 240px; margin-top: 30px;}


.footer{ width: 100%; background: #007ec8; font-size: 11px; color: #fff; line-height: 20px; text-align: center; padding: 10px 0;}
.footer a{ color:#fff;}