@charset "utf-8";
/* CSS Document */
html{margin: 0;padding: 0;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-overflow-scrolling:touch;overflow-scrolling:touch;font-family: 'Microsoft YaHei', Helvetica, STHeiTi, Arial, sans-serif;background: #fafafa;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
body{-webkit-overflow-scrolling: touch;}
em{font-style: normal;}
a,div{background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;}
img{border: 0;max-width: 100%;vertical-align: middle;vertical-align: top;}
body,button,input,select,textarea,h1,h2,h3,h4,h5,div,p,form,blockquote,ul,ol,li,dl,dd{margin: 0;padding: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
input[type="search"] {-webkit-appearance: textfield;-webkit-box-sizing: border-box; box-sizing: border-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type=text] {-webkit-appearance: none;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #8a8a8a;}
input,select,textarea{background:none;outline:none;border:0;}
textarea {overflow: auto; resize: none;}
table {border-collapse: collapse; border-spacing: 0;}
ul, ol, li, dl, dd,td, th{padding: 0;}
ul, ol {list-style: none;}
h1, h2, h3{font-weight: normal;}
i{font-style: inherit;}
.cfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fl{float: left;}
.fr{float: right;}
.clx{clear: both;}
body{max-width:750px;margin:0 auto;background: #FFF;-webkit-text-size-adjust: none;overflow: hidden;overflow-y: auto;}
header{position: relative;overflow: hidden;}
#logo{
	height: 1.5rem;
	position: relative;
	overflow: hidden;
}
#logo h1{
	display: block;
	background: #000;
}
#logo h1 img{
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
#logo span,#logo a.toplink{
	display: block;
	text-align: center;
}
#logo .toplink{
	width: 1.03rem;
	height: 1.5rem;
	position: absolute;
	right: 0;
	top: 0;
}
#logo .toplink img{
	width: .48rem;
	margin-top: .5rem;
}

#logo span{
	width: 1rem;
	height: 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.nav_icon {
    display: inline-block;
    position: relative;
    width: .45rem;
    height: 5px;
    margin-top: 0.72rem;
    background-color: #FFF;
    border-radius: 5px;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    transition-property: background-color, transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.nav_icon:before,.nav_icon:after {
    content: '';
    display: block;
    width: .45rem;
    height: 5px;
    position: absolute;
    background: #FFF;
    border-radius: 5px;
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.nav_icon:before {
    margin-top: -10px;
}
.nav_icon:after {
    margin-top: 10px;
}
.nav-active .nav_icon:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	background: #ea5514;
}
.nav-active .nav_icon:after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	background: #ea5514;
}
.nav-active .nav_icon{
	background: #000;
}

.sidenav{
	width: 7.5rem;
	height: 100%;
	position: absolute;
	top: 1.5rem;
/*	left: -1000px;*/
	z-index: 9999;
	background: #FFF;
/*
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
*/
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
	-webkit-transform: translateX(-100%);
    transform: translateX(-100%);
	overflow: hidden;
}
.nav-active .sidenav{
	opacity: 1;
/*
	left: 0;
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft;
*/
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.sidenav h3{
	line-height: .88rem;
	font-size: .32rem;
	background: #4a4a4a;
	padding-left: .28rem;
	color: #FFF;
}
.sidemenu{
	width: 1.78rem;
	height: 100%;
	float: left;
	background: #ea5514;
}
.sidemenu ul{
	padding-top: .2rem;
}
.sidemenu li,.sidemenu li a{
	font-size: .24rem;
	color: #FFF;
	line-height: .66rem;
	padding-left: .28rem;
}
.sdmenucot{
	width: 5.72rem;
	float: left;
}
.sdmenucot li{
	width: 50%;
	text-align: center;
	float: left;
	margin-top: .32rem;
}
.sdmenucot li a b{
	display: block;
    height: .6rem;
    padding: .1rem 0 .05rem 0;
    font-size: .3rem;
    font-weight: bold;
    color: #000;
    line-height: .45rem;
}
.sdmenucot li a img{
	width: 1.76rem;
}
.sdmenucot li a p{
	font-size: .24rem;
    color: #666;
}
.sidemenu li.pinpai1,.sidemenu li.pinpai2{
	background: #FFF;
	color: #000;
}
.sdmenucot h4{
	padding:.2rem 0 .2rem .28rem;
	font-size:.3rem;
	color:#000;
	font-weight:normal;
}
.sdmenucot div{
}
.sdmenucot h4 img{
	width:.37rem;
	margin-right: .1rem;
}
.sdmenucot div a{
	display:inline-block;
	float:left;
	width:42%;
	text-align:center;
	font-size:.24rem;
	line-height:.57rem;
	border:1px solid #000;
	margin: 0 0 .26rem .28rem;
	color: #000;
	border-radius: .1rem;
}
/*@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}*/



.menu{
	height: .56rem;
	background: #FFF;
	overflow: hidden;
}
.menu li{
	width: 25%;
	float: left;
	line-height: .56rem;
	text-align: center;
}
.menu li:nth-child(1) {
  width: 22%;
}
.menu li:nth-child(2) {
  width: 20%;
}
.menu li:nth-child(3) {
  width: 20%;
}
.menu li:nth-child(4) {
  width: 17.5%;
}
.menu li:nth-child(5) {
  width: 17.5%;
}
.menu li a{
	padding: 0 0 .1rem 0;
	font-size: .24rem;
	color: #000;
}
.menu li a.active{
	border-bottom: .03rem solid #ea5514;
}


/********pic*********/
.picshow-one,.picshow-two,.expshow{
	 overflow: hidden;
}
.picshow-one .swiper-slide,.picshow-two .swiper-slide,.expshw .swiper-slide {
	width:auto;
}
.picshow-one .swiper-slide img,.picshow-two .swiper-slide img{
	width:1.58rem;
}
.showMorehandle{
	font-size: 24px;
	text-align:center;
	padding: .3rem 0;
	line-height: .5rem;
	color:#000;
}
#dixian{display: none;height: 50px;color: #000;text-align: center;line-height: 50px;font-size: 16px;}


/*******from*******/
.makean{
	padding: .42rem 1.02rem 0 1.02rem;
	background: #f6f6f6;
}
.makean h4{
	font-size: .48rem;
	color: #ea5514;
	text-align: center;
	font-weight: normal;
	line-height: .5rem;
	margin-bottom: .26rem;
}
.makean h4 span{
	display: block;
	font-size: .22rem;
	color: #666;
	line-height: .4rem;
}
.makean form ul li{
	margin: 0 0 .15rem 0;
}
.makean form ul li:nth-child(1),.makean form ul li:nth-child(2),.makean form ul li:nth-child(5){
	width: 100%;
	overflow:hidden;
	/* background: #FFF; */
}

.makean form ul li:nth-child(3),.makean form ul li:nth-child(4){
	width: 2.48rem;
	background: #FFF;
}
.makean form ul li:nth-child(3){
	float: left;
}
.makean form ul li:nth-child(4){
	float: right;
}
.makean form li input,.makean form li select,.makean form li textarea{
	width: 100%;
	height: .48rem;

	border: 1px solid #d5d5d5;
	/* background: #FFF; */
	font-size:.24rem;
	font-family: 'Microsoft YaHei';
	padding: 0 0 0 .2rem;
	line-height: .48rem;
}
.makean form li:nth-child(1) input,.makean form li:nth-child(2) input{
	padding:0 0 0 .5rem;
}
.makean form li select{
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../img/st.jpg) #FFF no-repeat center right;
	background-size: .3rem .19rem;
}
.makean form li textarea{
	width: 100%;
	height: 1.66rem;
	border: 1px solid #d5d5d5;
	background: #FFF;
	padding-top:.06rem;
}
.makean form ul li:nth-child(1) {
	background: url(../img/ba.jpg) #FFF .08rem 0 no-repeat;
	background-size: .37rem .49rem;
}
.makean form ul li:nth-child(2) {
	background: url(../img/bc.jpg) #FFF .08rem 0 no-repeat;
	background-size: .37rem .49rem;
}
.tjbtn{
	height: .92rem;
	margin-top: .3rem;
	position: relative;
	line-height: .3rem;
	font-size: .24rem;
	color: #666;
}
.tjbtn input{
	display: block;
	width: 1.5rem;
	height: .53rem;
	position: absolute;
	top: 0;
	right: 0;
	background: #ec6841;
	line-height: .53rem;
	color: #FFF;
	text-align: center;
	font-size: .24rem;
}
/**************/

.fter_a{
	padding: .56rem 0;
	background: #575757;
}
.fter_a a{
	display: inline-block;
	float: left;
	width: 33.3%;
	text-align: center;
}
.fter_a a img{
	width: 1.1rem;
	border: 1px solid #FFF;
	border-radius: .4rem;
}
.fter_a a p{
	padding-top: .2rem;
	line-height: .33rem;
	text-align: center;
	font-size: .3rem;
	color: #FFF;
}

.fter_b{
	height: 1.30rem;
	background: #f5f5f5;
	position: relative;
}
.fter_b a.flogo img{
	width: 3.44rem;
}
.icotel{
	width: 4.06rem;
	height: 1.30rem;
	background: #ea5514;
	position: absolute;
	right: 0;
	top: 0;
}
.icotel a{
	display: block;
	height: 1.30rem;
	position: relative;
}
.icotel a p{
	width: 2.86rem;
	float: left;
	text-align: center;
	font-size: .3rem;
	color: #FFF;
	padding-top: .24rem;
}
.icotel a p img{
	width:2.55rem;
	margin-top:.1rem;
}
.icotel a i{
	display: block;
	width: .91rem;
	height: 1rem;
	float: left;
	margin-top:.2rem;
}

.fter_c,.fter_d{
	margin: 0 1.05rem;
}

.fter_c{
	padding: .4rem 0 .2rem 0;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: .15rem;
}
.fter_c b,.fter_c span{
	display: block;
    color: #000;
    font-size: .46rem;
    text-align: center;
    letter-spacing: .05rem;
}
.fter_c span{
	text-transform: uppercase;
	font-size: .2rem;
	font-family: Arial;
	letter-spacing: .011rem;
	padding-top: .12rem;
}
.fter_d{}
.fter_d p{
	height: .46rem;
	padding-left: .46rem;
	font-size: .24rem;
	color: #000;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: .15rem;
}
.fter_d p:nth-child(1){
	background: url(../img/ico_der_s.png) no-repeat;
	background-size: .35rem 1.63rem;
	overflow: hidden;
}
.fter_d p:nth-child(2),.fter_d p:nth-child(3),.fter_d p:nth-child(4){
	height: .8rem;
	overflow: hidden;
	background: url(../img/ico_der_s.png) 0 -1.1rem no-repeat;
	background-size: .35rem 1.63rem;
}
.fter_d p:nth-child(2){
	line-height:.5rem;
}
.fter_e{
	display: block;
	padding-bottom: .2rem;
	text-align: center;
	font-size: .18rem;
	color: #999;
}
.icotel a i{
	-webkit-transform-origin: bottom center;  -moz-transform-origin: bottom center;  -o-transform-origin: bottom center;  transform-origin: bottom center;  animation: swing 3s .15s linear infinite;  -moz-animation: swing 3s .15s linear infinite; /* Firefox */  -webkit-animation: swing 3s .15s linear infinite; /* Safari and Chrome */  -o-animation: swing 3s .15s linear infinite; /* Opera */
}
@-webkit-keyframes swing {  10% {    transform: rotate(15deg);  }  20% {    transform: rotate(-10deg);  }  30% {    transform: rotate(5deg);  }  40% {    transform: rotate(-5deg);  }  50%,100% {    transform: rotate(0deg);  }}@-moz-keyframes swing {  10% {    transform: rotate(15deg);  }  20% {    transform: rotate(-10deg);  }  30% {    transform: rotate(5deg);  }  40% {    transform: rotate(-5deg);  }  50%,100% {    transform: rotate(0deg);  }}@-o-keyframes swing {  10% {    transform: rotate(15deg);  }  20% {    transform: rotate(-10deg);  }  30% {    transform: rotate(5deg);  }  40% {    transform: rotate(-5deg);  }  50%,100% {    transform: rotate(0deg);  }}@keyframes swing {  10% {    transform: rotate(15deg);  }  20% {    transform: rotate(-10deg);  }  30% {    transform: rotate(5deg);  }  40% {    transform: rotate(-5deg);  }  50%,100% {    transform: rotate(0deg);  }}

@media screen and (max-width:432px){
	#logo .toplink img{
		width: .56rem;
	}
	#logo span{
		width: 1.2rem;
	}
	.nav_icon{
/*		margin-top: .53rem;*/
	}
	.nav_icon,.nav_icon:before, .nav_icon:after{
		width: .56rem;
		height: 4px;
	}
	.menu{
		height: .58rem;
		overflow:inherit;
		margin-top: .05rem;
	}
	.menu li a{
		font-size:.28rem;
	}
	.fter_c{
		margin-bottom:.15rem;
	}
	.makean form li input,.makean form li select{
		height: .68rem;
		line-height: .68rem;
		font-size: .3rem;
	}
	.makean form li textarea{font-size: .3rem;}
	.makean form ul li:nth-child(1),.makean form ul li:nth-child(2){
		background-position: 0.08rem 0.09rem;
	}
}
@media screen and (max-width:375px){
	.menu{
		margin-bottom: .01rem;
	}
}

*弹窗内容 start*/
    #pub_wpop_upWindows{}
    #pub_wpop_upWindows>.wpop_upWindows_content{
        width: 4.5rem;
        position:fixed;
        top: 50%;
        left: 50%;
        margin-top:-2rem;
        margin-left:-2.25rem;
        border-radius: .24rem;
        z-index:9999;

    }
    #pub_wpop_upWindows>.wpop_upWindows_content>img{
           border-top-right-radius: .24rem;
           border-top-left-radius: .24rem;
    }
    #pub_wpop_upWindows>.wpop_upWindows_content>.pub_wpop_upWindows_btn a{
        display:block;
        width: 2.25rem;
        height: .8rem;
        font-size:.3rem;
        line-height:.8rem;
        color:#fff;
        padding-left: .74rem;
        position:relative;

    }
    #pub_wpop_upWindows>.wpop_upWindows_content>.pub_wpop_upWindows_btn a::before{
        content:'';
        width: .34rem;
        height: .3rem;
        position:absolute;
        left: 13%;

    }
    #pub_wpop_upWindows>.wpop_upWindows_content>.pub_wpop_upWindows_btn .l_t::before{
        background:url('../img/pub_wpop_upWindows/sj_wpop_upWindows_content_phone.png') no-repeat;
        background-size:100%;
        top: 30%;
    }
    #pub_wpop_upWindows>.wpop_upWindows_content>.pub_wpop_upWindows_btn .r_t::before{
        background:url('../img/pub_wpop_upWindows/sj_wpop_upWindows_content_message.png') no-repeat;
        background-size:100%;
        top: 35%;
    }
    #pub_wpop_upWindows>.wpop_upWindows_content>.pub_wpop_upWindows_btn .l_t{

        float:left;
        background-color:#000;
        border-bottom-left-radius: .24rem;
    }
    #pub_wpop_upWindows>.wpop_upWindows_content>.pub_wpop_upWindows_btn .r_t{
        background-color:#ea5514;
        float:right;
        border-bottom-right-radius: .24rem;
    }
    #pub_wpop_upWindows>.wpop_upWindows_content>a{
       width: .3rem;
       height: .3rem;
        background:url('../img/pub_wpop_upWindows/sj_wpop_upWindows_content_btn.png') no-repeat;
        background-size:100%;
        overflow:hidden;
        position:absolute;
        top: 2%;
        right:2%;
    }
/*弹窗内容 end*/


footer{
	padding-bottom:1rem;
}

#LRdiv0>#LRfloater0{
	display: none;
}


#LRdiv2>#LRfloater2{
	display: none;
}

