@charset "utf-8";

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top;width:100%;}
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body { -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-text-size-adjust: none;}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
html{font-size: 62.5%; background:#f3f3f3;}



.yyzh{    width:2.5rem;
    position: absolute;
    right: 0;
    top: 0.5rem;}
.yyzh a{    color:#fff}
.yyzh span{    display: inline-block;
    float: left;}
.yw{     margin-left: 0.3rem;   }

.index_body .xn_mh_2_wrap{ display:none;}
.xn_mh_2_wrap .icon-undo{display:none;}
.xn_mh_2_wrap a {position:absolute;z-index:1000; top:0;left:0; 
    width:1.6875rem;
    height:1.453125rem;
    background: url(https://1.rc.xiniu.com/rc/M/Heads/33781/images/fh-tb_03.png?d=20190612002458641?d=20170620193745641) no-repeat center center;
    background-size: 1.0625rem 1.09375rem;}
	.back_bq2{ display:none;}


.logo {  height: 1.453125rem; margin: auto; background:url(https://1.rc.xiniu.com/rc/M/Heads/33781/images/dingbu-huaban_01.png?d=20190612002458641?d=20170620193745641); text-align:center;background-size:100% 1.453125rem; height: 1.453125rem;}
.logoimg { width: 4.703125rem; height:0.9375rem; margin-top: 0.28125rem; }




.xn_mn_1_wrap{
background: url(https://1.rc.xiniu.com/rc/M/Navigates/33782/images/dh-wl_02.png?d=20190612002458672?d=20170620193745641) no-repeat center;
    background-size: 100% 1.09375rem; height:1.09375rem; line-height:1.09375rem;
}
.xn_mn_1_wrap ul {
	margin:0rem auto;
	width: 93.75%;
}
.xn_mn_1_wrap ul li {
	width: 20%;
	height:1.09375rem;
	float: left;
}
.xn_mn_1_wrap ul li a {
	display: block;
	width: 100%;
	height: 1.09375rem;
	line-height:1.09375rem;
	text-align: center;
	float: left;
	color: #313131 !important;
	font-size:0.3375rem;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	text-transform:uppercase;
}

.nav_line{ width:0rem; background: #CCC; border-right:0rem solid #000;}





.ckgd{       width: 100%;
    text-align: right;
    height: 0.5rem;
    position: relative;
    right: 1rem;
    padding-right: 0.7rem;
    background: url(https://0.rc.xiniu.com/g1/M00/0C/A6/CgAGS10dbGqAZul1AAAEWRURrmc353.png) no-repeat right;}

.xn_mh_20_wrap{width:100%;height:auto;}
.xn_mh_20_type1{width:100%;height:1.09375rem; background-color: #182732;line-height:0.9375rem;font-size:0.375rem;overflow:auto;}
.xn_mh_20_type1 ul{width:auto;height:1.09375rem;}
.xn_mh_20_type1 ul li{    float: left;
    width: auto !important;
    height: 1.09375rem;
    line-height: 0.703125rem;
    margin-right: 1.3rem;}
.xn_mh_20_type1 ul li a{width: 100%;
    display: block;
    margin: 0.15625rem auto;
    height: 0.703125rem;
    display: block;
    text-align: center;
    color: #fff;
    background: url(https://1.rc.xiniu.com/rc/M/Contents/33789/images/cp-dh_03.png?d=20190612002458672?d=20170620193745641) no-repeat center center;
    background-size: 100% 100%;
    padding-left: 0.4rem;
    padding-right: 0.4rem;}
.xn_mh_20_type1 ul li.active a{color:#fff; background: url(https://1.rc.xiniu.com/rc/M/Contents/33789/images/cp-dh_03.png?d=20190612002458672?d=20170620193745641) no-repeat center center; background-size:100% 100%;}
.xn_mh_20_type2{text-align:center;display:none;}
.xn_mh_20_type2>ul>li{display:none;}
.xn_mh_20_type2 ul li ul li{display:inline-block;width:auto;height:0.625rem;}
.xn_mh_20_type2 ul li ul li a{width:auto;height:0.625rem;line-height:0.625rem;display:block;padding:0 0.1875rem;color:#666;}


.xn_mc_products_1_wrap{overflow:hidden;width:100%;margin:0.3125rem auto;background:#fff;}
.xn_mc_products_1_ul{overflow:hidden;width:96%;padding:0rem 2%;margin-bottom:0.1875rem;}
.xn_mc_products_1_time,.xn_mc_products_1_intro{display:none;}
.xn_mc_products_1_li{ float: left;width:48%;margin:0rem 1%;padding-top:0.1875rem;}
.xn_mc_products_1_img{width:100%;height:auto; overflow:hidden;}
.xn_mc_products_1_img img{width:100%;height:auto;}
.xn_mc_products_1_name{line-height:0.78125rem;max-height:0.78125rem;font-size:0.375rem;color:#666; text-align:center;overflow:hidden;padding-top:0.125rem;}
.xn_mc_products_1_moreBtn{ width: 5.625rem;
    margin: 0.46875rem auto;
    text-align: center;
    line-height: 1.09375rem;
    height: 1.09375rem;
    display: block;
    cursor: pointer;
    font-family: 微软雅黑, Verdana, Geneva, sans-serif;
    -webkit-border-radius: 0.15625rem;
    -moz-border-radius: 0.15625rem;
    border-radius: 0.15625rem;
    background-color: #f0f2f5;
    -webkit-box-shadow: 0 0.078125rem 0.078125rem rgba(0,0,0,.2);
    -moz-box-shadow: 0 0.078125rem 0.078125rem rgba(0,0,0,.2);
    box-shadow: 0 0.078125rem 0.078125rem rgba(0,0,0,.2);
    background-image: -webkit-linear-gradient(top, #f36245, #d50002);
    background-image: -moz-linear-gradient(top, #f36245, #d50002);
    background-image: -o-linear-gradient(top, #f36245, #d50002);
    background-image: linear-gradient(to bottom, #f36245, #d50002);
    border: 0rem; font-size:0.4375rem;
    color: #fff;}




.xn_mb_1_wrap{     background-image: -moz-linear-gradient(bottom, #353535 0%, #7b7b7b 100%);
    background-image: -o-linear-gradient(bottom, #353535 0%, #7b7b7b 100%);
    background-image: -webkit-linear-gradient(bottom, #353535 0%, #7b7b7b 100%);
    background-image: linear-gradient(bottom, #353535 0%, #7b7b7b 100%);
    width: 100%;
    height: 1.25rem;
    margin-bottom: 1.71875rem;
    overflow: hidden;}
.xn_mb_1_copy{   font-size: 0.34375rem; line-height: 1.25rem;height: 1.25rem; overflow:hidden; color: #fff; width: 93.75%; display:block;   margin:0 auto; text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden; -moz-binding: url('/m/ellipsis.xml#ellipsis'); }










.xn_mu_1_wrap{    position: fixed;
    z-index: 10000;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #17659c;
    height: 1.71875rem;
    color: #fff;
 line-height:0.46875rem;
    border-left: 1px #ee756a solid;
}
.xn_mu_1_wrap ul {width:100%;height:100%;margin:auto;}
.xn_mu_1_wrap ul li {  height: 1.71875rem;float: left;font-size:0.21875rem;width:16%;text-align:center;	}
.xn_mu_1_wrap ul li  a{   font-size:0.375rem; color:#fff;}
.xn_mu_1_li5{width:15%;}
.xn_mu_1_li6{background:none }
.xn_mu_1_line1 ,.xn_mu_1_line2,.xn_mu_1_line3,.xn_mu_1_line4,.xn_mu_1_line5{ width:1px !important; height:0.625rem; margin:0 !important; padding:0 !important; background:#125381; border-right:1px solid #125381;}
 .xn_mu_1_bottom_bq2 ,.xn_mu_1_bottom_bq4 ,.xn_mu_1_bottom_bq6 ,.xn_mu_1_bottom_bq8 { display:NONE;}
.xn_mu_1_bottom_bq2,.xn_mu_1_bottom_bq4,.xn_mu_1_bottom_bq6,.xn_mu_1_bottom_bq8{ display:none;} 

@font-face {
	font-family: 'icomoon';
	src:url('https://1.rc.xiniu.com/fonts/icomoon.eot');
	src:url('https://1.rc.xiniu.com/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('https://1.rc.xiniu.com/fonts/icomoon.woff') format('woff'),
		url('https://1.rc.xiniu.com/fonts/icomoon.ttf') format('truetype'),
		url('https://1.rc.xiniu.com/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-envelope, .icon-phone, .icon-screen, .icon-location, .icon-bubbles, .icon-cog,.icon-share,.icon-pencil{
	font-family: 'icomoon';
	speak: none; font-size:0.5rem; color: #fff; margin-right:0.078125rem;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height:0.5rem;
	-webkit-font-smoothing: antialiased;
	display:block;
	padding-top:0.234375rem;
	 margin-bottom:0.234375rem;
}
 .icon-undo,.icon-home{
	font-family: 'icomoon';
	speak: none; font-size:0.25rem;  
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height:0.0625rem;
	-webkit-font-smoothing: antialiased;
	display:block;
	padding-top:0.15625rem;
	padding-bottom:0.15625rem;
	text-align:center;
	color:#29658f;
}
.icon-cog{padding-top:0.234375rem;float:left;}
.icon-pencil{ padding-left:0.125rem;}

.icon-home:before {
	content: "\e001"; color:#29658f;
}

.icon-undo:before {
	content: "\e003"; color:#29658f;
}

.icon-envelope:before {
	content: "\e000";
}

.icon-phone:before {
	content: "\e004";
}

.icon-screen:before {
	content: "\e002";
}

.icon-location:before {
	content: "\e006";
}
.icon-bubbles:before {
	content: "\e005";
}

.icon-cog:before {
	content: "\e007"; color: #000; font-size:1em;
}

.icon-share:before {
	content: "\e008";
}

.icon-pencil:before {
	content: "\e009";
}