/*****公共样式开始*****/
html{-webkit-tap-highlight-color: transparent;overflow-x: hidden; height: 100%;  font-size: 312.5%;background-color:#fff; -webkit-text-size-adjust: none;}
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,aside,blockquote,body,button,code,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
caption,th{text-align:left}
fieldset,img{border:none}
ul{overflow:hidden}
li{list-style:none}
ins{text-decoration:none}
del{text-decoration:line-through}
button,input,optgroup,option,select,textarea{/*-webkit-appearance:none;*/border:none;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}
button{-webkit-appearance:none;border:none}
a{-webkit-touch-callout:none;text-decoration:none}
:focus{outline:0}
em,i{font-style:normal}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
input[type=submit]{-webkit-appearance:none}
p{line-height:1.6em}
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.clearfix{
    *zoom: 1;
}
ul,ul li{list-style:none}
.clear{clear:both}
.mt3{margin-top:3%}
.fl{float:left}
.fr{float:right}
.hidd{overflow:hidden}
.none{display:none}
img{vertical-align:middle;max-width:100%;border:0;}
.relative{position:relative}
.absolute{position:absolute}
body{font-family:Microsoft YaHei,Helvetica,STHeiTi,sans-serif;color:#333333;background-color:#fff;outline:0;max-width:640px;min-width:320px;width:100%;margin:auto;font-size: .24rem;}
@media screen and (min-width:350px){
	html{font-size:342%;}
}
@media screen and (min-width:410px){
	html{font-size:400%;}
}
@media screen and (min-width:480px){
	html{font-size:469%;}
}
@media screen and (min-width:640px){
	html{font-size: 625%;}
}
/*****公共样式结束*****/
section{
	margin-top:1%;
}
nav ul {
    overflow: hidden;
    zoom: 1;
}
nav ul li {
    position: relative;
    display: block;
    width: 24.6%;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    float: left;
}
nav ul li a {
    display: block;
    color: #fff;
    background: #ea5504;
    padding: 8% 2%;
    font-size: 0.24rem;
    text-align: center;
}
nav ul li:nth-of-type(4), nav ul li:nth-of-type(8) {
    margin-right: 0;
}
.bannerDIv .bannerSlide img{
	display:block;
}
.tellBox{
	padding:6.25% 0;
	text-align: center;
	background:#dd3252;	
}
.tellBox span,.tellBox a{
	display: inline-block;
	vertical-align: middle;
	height:.58rem;
	line-height: .58rem;
}
.tellBox span{	
	width:47%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border:1px solid #FFFFFF;
	border-right:none;
	font-size:.36rem;
	font-weight: bold;
	color:#FFFFFF;
}
.tellBox a{
	width:32.5%;
	color:#dd3252;
	background:#FFFFFF;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.box1  p{
	padding:6% 3% 4%;
	font-size:83.333%;
}
.box1  p strong{
	color:#cd1f40;
}
.pubTitle .topLine{
	padding-bottom: 27.5%;
	background:#dd3252;
}
.pubTitle .title{
	margin:-18% auto 0;
	padding:2% 0;
	background:#cd1f40;
	width:46.875%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.pubTitle .title img{
	display: block;
	margin:0 auto;
	width:23.6666%;
}
.pubTitle .title h4{
	padding-top:1%;
	font-size: .36rem;
	font-weight: bold;
	color:#FFFFFF;
	text-align: center;
}
.pubTitle>h5{
	padding:4% 0;
	font-size:.3rem;
	color:#dd3252;
	text-align: center;
}
.technology .technologyDIv{
	padding-top:30%;
	padding-bottom: 5%;
}
.technology .technologyDIv .topPag{
	top:0;
}
.technology .technologyDIv .topPag span{
	margin-top:0.09rem;
	width:1.56rem;
	height:1.56rem;
	opacity: 1;
	background: url(../images/b2_t1.png) center no-repeat;
    background-position: -1.73rem 10%;
    background-size: 5.01rem;
    background-color:#454343;
}
.technology .technologyDIv .topPag .swiper-pagination-bullet-active{
	background-color:#cd1f40;
}
.technology .technologyDIv .topPag span em{
	display: block;
	color:#FFFFFF;
	padding-top:50%;
}
.technology .technologyDIv .topPag span:first-of-type{
    background-position: 0.27rem 10%;
}
.technology .technologyDIv .topPag span:nth-of-type(2){
    margin:0 5%;
}
.technology .technologyDIv .topPag span:last-of-type {
    background-position: -3.7rem 10%;
}
.technology .technologyDIv .topPag {
	height:1.74rem;
	background:url(../images/b2_bg1.jpg) no-repeat;
}
.technology .technologySlide{
	padding:0 2%;
}
.technology .technologySlide h3{
	color:#cd1f40;
	font-size: .32rem;
	font-weight: bold;
	text-align: center;
}
.technology .technologySlide p{
	padding:3% 2% 3%;
	text-indent: 2em;
	font-size: 91.66%;
	border-bottom:1px dashed #a9a9a9;
}
.technology .technologySlide p a{
	color:#cd1f40;
}
.technology .technologySlide  h4{
	padding:2% 2% 1%;
	color:#cd1f40;
	font-weight: bold;
}
.technology .technologySlide  li{
	margin-bottom:2%;
	padding:0 2%;
	font-size: 83.333%;
}
.technology .technologySlide  li span{
	padding-right: 1em;
	color:#cd1f40;
}
.technology .technologyDIv .bottomPage span{
	width:.2rem;
	height:.2rem;
	border-radius: 50%;
	overflow: hidden;
	color:transparent;
	background:#a9a9a9;
}
.technology .technologyDIv .bottomPage .swiper-pagination-bullet-active{
	background:#f15471;
}
.technology .technologyDIv .bottomPage span:nth-of-type(2){
	margin:0 2%;
}
.publicBtn{
	margin-top:3%;
	text-align: center;
}
.publicBtn a{
	padding:1% 0;
	display: inline-block;
	width:43.75%;
	background:#646261;
	color:#FFFFFF;
	font-size: 83.33%;
	border-radius: 5px;
}
.publicBtn a img{
	margin-right:2%;
	width:15%;
	vertical-align: middle;
}
.publicBtn a:nth-of-type(2){
	margin-left:4%;
	background:#ee3154;
}
.publicBtn a span{
	display: inline-block;
	vertical-align: middle;
}
.cases{
	margin-top:5%;
}
.cases ul{
	width:93.75%;
	margin:0 auto;
}
.cases ul li {
	margin-top:6%;
}
.cases ul li:first-child{
	margin-top:0;
}
.cases ul li h3{
	width:82%;
	margin-left:.2rem;
	padding-left:.3rem;
	height:.4rem;
	line-height: .4rem;
	font-weight: bold;
	color:#cd1f40;
	border-bottom: 1px dashed #ee98a8;
	position: relative;
}
.cases ul li h3::before{
	content: "01";
	font-family: Myriad Pro;
	font-size: .3rem;
	position: absolute;
	left:-.2rem;
	bottom: 0;
	width:.38rem;
	height:.38rem;
	padding-left:0.5%;
	padding-top:0.5%;
	color:#FFFFFF;
	background:#cd1f40;
	text-align: center;
	line-height: .38rem;
	border-radius: 50%;
}
.cases ul li:nth-of-type(2) h3::before{
	content: "02";
}
.cases ul li:nth-of-type(3) h3{
	width:100%;
}
.cases ul li:nth-of-type(3) h3::before{
	content: "03";
}
.cases ul li .videoBox{
	margin:5% auto 1%;
}
.cases ul li p{
	font-size: 91.666%;
}
.cases ul li p em{
	visibility: hidden;
}
.cases ul li p a{
	color:#cd1f40;
}
.praise{
	margin-top:5%;
}
.praise ul{
	width:96.875%;
	margin:0 auto;
}
.praise ul li{
	padding:1%;
	margin-bottom: 3%;
	border:1px solid #dddddd;
	overflow: hidden;
	background:#fdfdfd;
}
.praise ul li>img{
	width:34%;
	float:left;
	margin-right: 3%;
}
.praise ul li div h4{
	padding:2% 0;
	font-size: 75%;
	color:#ababab;
}
.praise ul li div h4 strong{
	font-size: .3rem;
	color:#cd1f40;
}
.praise ul li div p{
	font-size: 75%;
}
.praise ul li:nth-of-type(2) img{
	float:right;
	margin-right: 0;
	margin-left:3%;
}
.praise ul li:nth-of-type(2){
	background:#f7f7f7;
}
.praise ul li:nth-of-type(3){
	margin-bottom: 0;
}
.learning{
	margin-top:5%;
}
.learning .learnDIv{
	width:96.875%;
	margin:0 auto;
	padding-bottom: 8%;
}
.learning .learnDIv .learnSlide img{
	float:left;
	width:47%;
}
.learning .learnDIv .learnSlide img:nth-of-type(2n){
	float:right;
}
.learning .learnDIv .learnSlide img:nth-of-type(1),.learning .learnDIv .learnSlide img:nth-of-type(2){
	margin-bottom: 2%;
}
.learning .learnDIv .learnPag span{
	width:.22rem;
	height:.22rem;
	background:#a9a9a9;
	opacity:1;
}
.learning .learnDIv .learnPag span.swiper-pagination-bullet-active{
	background:#f15471;
}
.honor{
	margin-top:5%;
}
.honor .content{
	margin:0 auto;
	width:96.875%;
}
.honor .content>p{
	padding:0 2%;
	font-size: 91.66%;
	text-indent: 2em;
}
.honor .content .tab{
	margin:5% auto 2%;
	text-align: center;
}
.honor .content .tab li{
	padding:2% 0;
	display: inline-block;
	width:32.25%;
	color:#FFFFFF;
	background:#454343;
	cursor:pointer;
}
.honor .content .tab li:nth-child(2){
	margin:0 1.625%;
}
.honor .content .tab li.active{
	background:#cd1f40;
}
.honor .content .contentUl li{
	display: none;
}
.honor .content .contentUl li.active{
	display: block;
}
.honor .content .contentUl li img{
	display: block;
	width:100%;
}
.newCases{
	margin-top:5%;
	text-align: center;
}
.newCases>ul li{
	float:left;
	width:42.5%;
	margin-left:5%;
	margin-bottom: 5%;
}
.newCases>ul li:nth-of-type(3),.newCases>ul li:nth-of-type(4){
	margin-bottom: 0;
}
.newCases>ul li>div>img{
	display: block;
	width:100%;
}
.newCases>a{
	margin-top:3%;
	padding-bottom: 2px;
	display: inline-block;
	color:#dd3252;
	font-size: .26rem;
	font-weight: bold;
	border-bottom: 1px solid #dd3252;	
}
.orderBox {
	margin-top:5%;
}
.orderBox .type{
	text-align: center;
}
.orderBox .type li{
	display: inline-block;
	width:1.66rem;
}
.orderBox .type li div{	
	margin:0 auto;
	width:1.66rem;
	height:1.66rem;
	border-radius: 50%;
	border:1px dashed #df6f84;
	text-align: center;
}
.orderBox .type li div img{
	display: block;
	margin:12% auto 0;
	width:53%;
}
.orderBox .type li div span{
	display: block;
	margin-top:5%;
	font-size: 83.33%;
	line-height: 1.2em;
}
.orderBox .type li:nth-last-child(1) div span{
	font-size: 91.666%;
	color:#cd1f40;
}
.orderBox .type li>a{
	padding:3% 0;
	margin-top:15%;
	display: block;
	color:#454545;
	font-size:75%;
	width:100%;
	text-align: center;
	border:1px solid #858585;
	border-radius: 5px;
}
.orderBox .type li:nth-of-type(2){
	margin:0 5%;
}
.orderBox>h5{
	padding:3% 0;
	text-align: center;
	color:#dd3252;
}
.orderBox #gh_f {
    margin-top: 2%;
    width: 90%;
    margin: 2% auto 0;
}
.orderBox #gh_f input {
    display: block;
    border: 1px solid #cbcbcb;
    margin-top: 2%;
    width: 100%;
    line-height: 0.5rem;
    padding-left: 2%;
    height: .52rem;
}
.orderBox #gh_f textarea {
    width: 100%;
    border: 1px solid #cbcbcb;
    padding-left: 2%;
    padding-top: 1%;
    min-height: 2rem;
    margin-top: 2%;
}
.orderBox #gh_f .fa {
    display: inline-block;
    width: 46%;
    color: #fff;
    font-size: 0.3rem;
    margin-left: 0;
    background: #dd3252;
    text-align: center;
    border: 0;
}
.orderBox #gh_f a.fa {
    background: #f0851d;
    margin-left: 5%;
    line-height: 0.5rem;
}
.orderTitle{
	background: #e11e3e;
    text-align: center;
    font-size: .34rem;
    color: #ffffff;
    margin: 3% auto;
    height: .70rem;
    line-height: .70rem;
    font-weight: bold;
}
.ghh {
    margin: .3rem auto;
    height: .6rem;
    line-height: .6rem;
    font-size: .36rem;
    color: #fff;
    background: #dd3252;
    font-weight: bold;
    text-align: center;
}
/*foot*/
footer { padding-bottom: 2%; background: url(../images/f_bg.jpg) center no-repeat; background-size: 100% 100%;  }
footer nav { margin: 0.2rem auto; overflow: hidden;zoom: 1;  }
footer nav a {display: block;float: left;width: 25%;background: #ea5504 url(../images/fotnav.png) no-repeat right center; text-align: center; color: #fff;  padding: 2% 0;}
footer .tla { display: block;  width: 5.91rem;  }
footer .logof{display: block;  width: 100%;}
footer .tla {margin: 4% auto;  }
footer p {color: #595757;padding-left:8%;margin: 3% auto;}
footer p img {vertical-align: top; display: inline-block;margin-right: .1rem;width:.42rem;}
footer p b, footer p span {display:block; padding-left: .56rem;    line-height: .24rem; }
footer ul {overflow: hidden;text-align: center; margin: 10% auto;}
footer ul li { display: inline-block; width: 22%;}
footer ul li a {color: #595757;  }
footer ul li img {display: block;width: 60%;margin: 0 auto;}
.navb { margin: 0.2rem auto 0; overflow: hidden; zoom: 1;}
.navb a { display: block;float: left;width: 30.5%;border-radius: .07rem;margin-left: 2%;background: #ababab;text-align: center;color: #fff;height: .6rem;line-height: .6rem;  }
.navb a:nth-of-type(2) {background: #e11e3e;}
.navb a:nth-of-type(3) {background: #ff7d14;}
.navb a img {display: inline-block; width: .4rem;}
.navb a span {display: inline-block;width: 60%;height: 100%;float: left;text-align: right;}