*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=button],input[type=submit],input[type=file],select{
  -webkit-appearance:none;
  outline:none;
}

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

body{
  font-family:Helvetica;
  background-color: #fff;
}
img{
    max-width: 100%;
}
.viewport {
  padding: 0;
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
}
a{color: inherit;}
/*a:hover{color: #ff6900;}*/
a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
}
::-webkit-input-placeholder {color: #888;}
:-moz-placeholder {color: #888;}
::-moz-placeholder {color: #888;}
:-ms-input-placeholder {color: #888;}



body.index {padding-top: 0;}
body {padding: 90px 0 50px; max-width: 750px; margin: 0 auto;}


.nav_top{z-index: 10; position: fixed; top: 50px; left: 0; width: 100%; background-color: #fafafa; height: 50px; line-height: 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content:center; align-items:center;}
.nav_top li{font-size: 14px; color: #333; width: 25%; text-align: center; height: 50px; line-height: 50px;}
.nav_top li + li {border-left: 1px solid #ededed;}
.nav_top a{display: block;}
.nav_top .on {position: relative; top: 0; border-bottom: 2px solid #bf2b38; color: #bf2b38; line-height: 48px;}
.menu { height: 50px; right: 0; background-image: url(../images/index/icon-menu1.png); background-position: center center; -webkit-background-size: 25px auto; background-size: 25px auto; background-repeat: no-repeat;}

.top{position: fixed; top: 0; left: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; background-color: #fff; z-index: 10;}
.top .logo{position: absolute; width: 126px; height: 50px; top: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 90px auto; background-size: 90px auto;left: 0; background-image: url(../images/index/logo1.png);}
.top .phone{width: 169px; position: absolute; height: 50px; top: 0; background: url(../images/index/phone.png); -webkit-background-size: 130px auto; background-size: 130px auto; background-repeat: no-repeat; background-position: center center; right: 0;}




/*nav*/

.nav {position: fixed;top: 0;right: -110%;bottom: 0; background-color: rgba(0,0,0,.3);z-index: 29;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.nav .inner {position: absolute;right: 0;top: 0;bottom: 0;width: 120px;background-color: #282828;overflow: hidden;padding-top: 80px;}
.nav .inner:before {content: '';position: absolute;top: 0;left: -1px;bottom: 0;width: 0;border-left: 1px solid #282828;box-shadow: 0 0 3px rgba(255,255,255,.6)}
.nav li a {display: block;padding-left: 30px;line-height: 40px;border-bottom: 1px solid #393939;color: #fff;font-size: 14px;}
.nav .close {position: absolute;top: 10px;right: 10px;width: 32px;height: 32px;background: url(../images/index/close.png) no-repeat center center;}

/*banner*/

.ban {overflow: hidden;}
.ban a,.ban img {display: block;width: 100%;height: auto;}
.m-pic1{overflow: hidden;}
.m-pic1 a,.m-pic1 img {display: block;width: 100%;height: auto;}

.g-tit1 {font-weight: bold;font-size: 18px;color: #733fec;text-align: center;line-height: 20px;}
.g-tit1 span {font-weight: normal;font-size: 11px;color: #888;display: block;margin: 4px auto;line-height: 18px;}
.g-tit1.s1 {color: #bf2b38;}
.g-tit1.s2 {color: #000;}
.g-tit1.s3 {color: #333;}
.g-tit1.s4 {color: #fb7f24;}

.g-btn1 {display: block;line-height: 40px;background-color: #2c98ff;text-align: center;font-size: 15px;color: #fff; border-radius: 20px;}
.g-btn1 .icon {display: inline-block;vertical-align: middle;width: 17px;height: 17px;background-repeat: no-repeat;-webkit-background-size: 17px auto; background-size: 17px auto;margin: -3px 5px 0 0;}
.g-btn1.s1 {background-color: #bf2b38;}
.g-btn1.s2 {background-color: #2c98ff;}
.g-btn1.s3 {background-color: #fb7f24;}

.tab-box {display: none;}
.tab-box.on {display: block;}


.scroll {font-size: 0;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
.slick-dots {position: absolute;bottom: 25px;left: 0;width: 100%;text-align: center;}
.slick-dots li {display: inline-block;margin: 0 6px;}
.slick-dots button {display: block;width: 9px;height: 9px;border: none;font-size: 0;padding: 0;margin: 0;background-color: #d4d4d4;border-radius: 10px;}
.slick-dots .slick-active button {background-color: #733fec;width: 23px;}


.bgf {background-color: #fff !important;}


.banner .slick-dots {right: 0;left: auto;bottom: 10px;width: auto;padding: 0 10px;}
.banner .slick-dots li {margin: 0 3px;}
.banner .slick-active button {background-color: #bf2b38;}


/*手风琴效果*/

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
}

ul {
	list-style-type: none;
}

a {
	color: #b63b4d;
	text-decoration: none;
}

/** =======================
 * Contenedor Principal
 ===========================*/
 .accordion {
 	width: 100%;
 	max-width: 750px;
 	margin: 22px auto 20px;
 	background: #FFF;
 }

.wp .accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #4D4D4D;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-top: -1px;
}


.accordion li i {
	position: absolute;
	top: 20px;
	left: 12px;
	/*font-size: 18px;*/
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 14px;
}

.accordion li i.fa-paint-brush {
	color: #b63b4d;
}

.accordion li.open .link {
	color: #b63b4d;
}

.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}

img{width: 100%;}

/* Submenu*/

.submenu{width: 100%; display: none; font-size: 14px;}

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 	background: #b63b4d;
 	color: #FFF;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 	background: #b63b4d;
 	color: #FFF;
 }


/*优势*/
.anniu .hd{width: 80%; margin: 0 auto;}
.anniu .bd{width: 80%; margin: 0 auto;}
.anniu .bd ul li{width: 80%; margin: 0 auto;}
.anniu .bd ul li h4{font-weight: bold;font-size: 18px;color: #333;text-align: center;line-height: 30px;}

/*问题*/
.ul-txt1 {overflow: hidden; margin: 12px -2px 0;}
.ul-txt1 li {float: left; width: 50%;}
.ul-txt1 .item {position: relative;display: block; color: #666;height: 82px;background-repeat: no-repeat;background-position: right 10px bottom 6px;-webkit-background-size: 40px auto; background-size: 40px auto;padding: 14px 16px;}
.ul-txt1 .item h4 {font-size: 13px;line-height: 15px;color: #000;font-weight: bold;margin-bottom: 5px;}
.ul-txt1 .item h4 span {display: block;font-weight: normal;font-size: 11px;}
.ul-txt1 .item i {font-style: normal;display: block;width: 60px;line-height: 20px;background-color: #2c98ff;border-radius: 5px;text-align: center;font-size: 10px;}
.ul-txt1 .s1 {background-color: #f0ffff;}
.ul-txt1 .s1 i {color: #fff;}
.ul-txt1 .s2 {background-color: #afe0ff;}
.ul-txt1 .s2 i {color: #fff;}
.ul-txt1 .s3 {background-color: #24a1db;}
.ul-txt1 .s3 i {color: #fff;}


/*表单*/

.top5{position: relative; padding-top: 22px;}
.top5 .bd1{width: 80%; position: absolute; top: 48%; left: 10%;}
.top5 .wang_aa_a1 .wang_aa_a2input{width:100%; border:1px #2c98ff solid; background: rgba(255,255,255,0.3); padding-left:0.12rem; border-radius: 0.3rem; color: #000; height: 1.8rem;}
.top5 .wang_bb1{max-width:7.5rem; margin: 0 auto;}
.top5 .wang_aa_a1{ margin-bottom: 0.3rem; color: #fff; line-height: 1rem;}
.top5 .wang_bb1 .tijiao{width: 100%; margin: 0 auto; background: #ff8400; color: #fff;}
.top5 .wang_bb1 .tijiao:hover{background: #f47f01;}


/* 尾部按钮*/
.footer {z-index: 10;position: fixed;bottom: 0;left: 0;width: 100%;background-color: #bf2b38;height: 50px;line-height: 50px;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content:center;align-items:center}
.footer a {font-size: 12px;color: #fff;width: 50%;text-align: center;height: 50px;line-height: 25px;padding-top: 7px;}
.footer a + a {border-left: 1px solid #b91f2d;}
.footer .icon {display: block;height: 20px;width: 25px;margin: 0 auto;}
.footer .icon img {display: block;height: 100%;}