body{margin:0;padding:0;font-size:13px;font-family:"Microsoft YaHei"; color:#333}
body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,td,tr,th,p,font,b{padding:0;margin:0}
li,dd,ol,ul{list-style:none}
img{border:none}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color:#333;cursor: pointer}
/*html{overflow-x:hidden}*/
input, button, select, textarea {
  outline: none;
}
.header{width:1200px; margin:0 auto; height:80px;overflow: hidden}
.header .logo{float:left; padding-top:10px; padding-left:20px}
.header ul{float:right; padding-right:40px}
.header ul li{float:left; line-height:80px}
.header ul li a{font-size:16px; padding-left:30px}
.header ul li a:hover{color:#3388ff}
.header ul .active a{color:#3388ff}
.menu{
    display: none;
}
.banner{
    position: relative;  max-width: 1200px; margin:0 auto; margin-top:10px
}
.banner img{
    width: 100%;
}
.swiper-pagination{
    width: 100%;
    bottom: 10px;
}
/*index*/
.tedian{

    max-width: 1200px;

    overflow: hidden;

    display: flex;

    margin: 20px auto;
}
.tedian form{width:80%; margin:0 auto}
.tedian form .txt{width:78%; height:52px; border-top-left-radius:10px; border-bottom-left-radius:10px; line-height:50px; border:2px solid #d9d9d9; float:left; font-size:16px; padding-left:10px; border-right:none;}
.tedian form .sub{width:20%; height:56px; background:#00a4ff; color:#fff; font-size:16px; text-align:center; line-height:56px; float:left; display:block}

.tediancon{

    float: left;

    overflow: hidden;

    width: 25%;

    border-right: 1px dashed #666;

    text-align: center;
}
.tediancon:last-child{
    border-right: 0;
}
.tediancon img{

    height: 76px;

    margin: 10px 0;
}
.tediancon h2{

    font-weight: normal;

    font-size: 23px;
}
.selection{

    background: #EDF4FA;

    max-width: 1200px;

    margin: 10px auto;

    padding: 30px 0;
}
.selection > h2{

    color: #FC5D57;

    font-size: 49px;

    text-align: center;
}
.selection > h3{

    text-align: center;

    color: #3269AA;

    font-size: 45px;

    margin: 14px 0;
}
.selection > p{

    text-align: center;

    font-size: 20px;

    margin: 30px 0;
}
.pingtai{

    display: flex;

    justify-content: space-around;

    width: 97%;

    margin: 40px auto;
}
.pingtai a{

    background: #FC5D57;

    color: #fff;

    font-size: 33px;

    font-weight: 700;

    width: 200px;

    height: 200px;

    display: block;

    float: left;

    border-radius: 50%;

    text-align: center;

    line-height: 200px;
}
.pingtai a:hover{ background: #3388ff;}
.searchbox{

    width: 790px;

    margin: 30px auto;
}
.searchbox h2{

    text-align: center;

    font-size: 30px;

    font-weight: normal;

    margin: 40px 0;
}
.searchboxcon{

    overflow: hidden;

    width: 790px;

    margin: 10px auto;
}
.searchboxcon li{

    float: left;

    width: 48%;

    margin: 1%;

    color: #666;
}
.searchboxcon p{

    font-size: 20px;

    margin-bottom: 10px;
}
.searchboxcon p i{

}
.searchboxcon input{

    height: 60px;

    background: #eee;

    width: 98%;

    border: 0;

    padding-left: 2%;

    outline: none;
}
.tjiao{

    background: #3388ff;

    color: #fff;

    height: 60px;

    width: 50%;

    border: 0;

    margin: 20px auto;

    display: block;

    font-size: 22px; cursor: pointer;
}
.youshi{

}
.keji {

    background: #fff;
}
.kejicon{

    overflow: hidden;

    width: 1222px;

    margin: 10px auto;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;
}
.kejiitem{

    border: 2px solid #3388ff;

    /* float: left; */

    width: 23%;

    margin: 1%;

    background: #fff;

    display: block;

    text-align: center;

    padding: 3% 1%;

    border-radius: 10px;

    box-sizing: border-box;
}
.kejiitem img{

    width: 80px;
}
.kejiitem h2{

    font-size: 20px;

    color: #000;

    margin: 14px 0;
}
.kejiitem p{

}
.about{

    overflow: hidden;

    width: 1200px;

    margin: 10px auto;

    background: #EDF4FA;
}
.aboutL{

    float: left;

    width: 32%;

    padding: 2%;
}
.aboutL h2{

    font-size: 34px;

    margin-top: 35px;
}
.aboutL h3{

    font-size: 23px;

    margin: 20px 0;

    color: #FC5D57;
}
.aboutL p{

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 20px;
}
.aboutL span{display:block; padding-top:10px; font-size:15px}
.aboutL img{

   
}
.aboutR{

    float: right;

    width: 63%;
}
.aboutR img{

    width: 100%;
}
.liucheng{

    display: flex;

    /* align-items: center; */

    /* align-items: center; */

    justify-content: center;
}
.liuchnegitem{

}
.liuchnegitem img{

    width: 140px;

    height: 140px;
}
.liuchnegitem p{

    text-align: center;

    font-size: 20px;
}
.jiantou{

    align-items: center;

    align-self: center;

    margin-top: -3%;
}
.jiantou img{

    width: 85px;

    margin: 0 10px;
}
.btn{
    height: 60px;
    display: block;
    background: #FC5D57;
    width: 265px;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    margin: 30px auto;
    text-align: center;
}
.huoqu{

}
.footer{

    text-align: center;

}
.footer a{

}
/*advant*/
.proscon{
    /* padding-bottom: 118px; */
    overflow: hidden;
    background-size: cover;
    height: 900px;
}
.pros{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    height: 545px;
    overflow: hidden;
}
.pros img{
    width: 88%;
    margin-bottom: 118px;
    margin-top: -14%;
    /* display: none; */
}
.pt1{

}
.pt2{

    right: 10% !important;
}
.pt3{

    top: 23%;

    left: 0 !important;
}
.pt4{

    top: 22%;
}
.pt5{

    top: 47%;

    left: 8% !important;
}
.pt6{

    top: 47%;

    right: 6% !important;
}

.pitem{

    width: 329px;

    /* display: flex; */

    position: absolute;

    overflow: hidden;
}
.pitem h2{

    font-size: 24px;

    color: #E63126;
}
.pitem p{

    color: #555555;

    font-size: 14px;

    line-height: 22px;

    margin-top: 8px;
}
.pitem img{
    width: 112px;
    margin: 0;
}
.pitem:nth-child(odd){

    position: absolute;

    left: 10%;
}
.pitem:nth-child(even){

    right: 0%;
}

.ptL{

    width: 55%;
}
.ptR{

    width: 100px;

    background: #fff;

    height: 100px;

    border-radius: 50%;

    border: 1px solid #FC5D57;

    line-height: 100px;

    font-size: 20px;

    color: #FC5D57;

    font-size: 33px;
}
.pitem:nth-child(odd) .ptL{

    text-align: right;

    margin: 2%;

    float: left;
}
.pitem:nth-child(odd) .ptR{

    float: right;
}

.pitem:nth-child(even) .ptL{

    float: right;

    text-align: left;
}
.pitem:nth-child(even) .ptR{

    float: left;
}
.hqbaojia{
    position: absolute;
    bottom: 55px;
    text-align: center;
    width: 100%;
}
.hqbaojia h2{color: #000;font-size: 36px;}
.hqbaojia h3{
    color: #E63126;
    font-size: 51px;
}
.swiper-pagination span{
    margin: 0 10px;
}


/*yuan*/
.biao{text-align:center; font-size:30px; padding:30px 0 10px 0}
.biaos{width:1200px; margin:0 auto; font-size:30px; padding:30px 0 10px 0}
.nei{text-align:center; font-size:16px; color:#999}
.cp{width:1242px;margin:0 auto;overflow: hidden;}
.cp li{width:386px; height:342px; float:left; margin-left:21px; background:#f5f5f5; text-align:center; margin-top:30px}
.cp li img{width:386px; height:288px; margin-bottom:14px}
.cp a{display:block; font-size:16px}
.cp a:hover{color:#fff;}
.cp li:hover{background:#3388ff;}
.more a{display:block; width:460px; height:60px; margin:0 auto; margin-top:35px; line-height:60px; text-align:center; font-size:20px; border:1px solid #d8d8d8; color:#666}
.more a:hover{background:#3388ff; color:#fff}
.about{width:1200px; margin:0 auto; height:630px; background:#f8f8f8;margin-top:35px; overflow:hidden}
.about .left{width:330px; float:left; padding:30px 40px}
.about .left span{font-size:30px}
.about .left p{line-height:30px; font-size:14px; margin-top:24px}
.about .left a{display:block; color:#fff; font-size:16px; background:#3388ff; width:175px; height:50px; border-radius:5px; text-align:center; line-height:50px; margin-top:30px}
.about .left a:hover{background:#2170d9}
.about .right{width:790px; float:right}
.db{width:1200px; margin:0 auto; margin-top:35px}
.neir{width:1200px; margin:0 auto; line-height:35px; font-size:14px; margin-top:10px}
.newl{width:1200px; margin:0 auto;}
.newl li{height:151px;padding:12px 0 15px 0;overflow:hidden; margin-top:8px;border-bottom: 1px dashed #ccc;}
.newl li .zp{float:left;width:290px}
.newl li .nnr{float:right;overflow:hidden;width:885px}
.newl li .nnr span{height:40px;line-height:30px;font-size:16px;display:block;color:#333;overflow:hidden}
.newl li .nnr em{height:26px;line-height:26px;font-size:14px;display:block;color:#8a8a8a;overflow:hidden;font-style:normal}
.newl li .nnr p{height:52px;line-height:30px;font-size:14px;display:block;color:#666;overflow:hidden;margin-top:10px}
.newl li .nnr p a{color:#0099e8;padding:0 10px}
.lxwm{width:1200px; margin:0 auto}
.lxwm div{width:33%; float:left;color: #666;font-size: 14px;line-height:35px; margin-top:40px; height:240px}
.lxwm div strong{display:block}
.neiro{width:1200px; margin:0 auto; margin-top:15px}
.neiro .nybt{font-size:24px;line-height:60px;color:#333;text-align:center; font-weight:100}
.neiro .fbsj{font-size:14px;color:#666;height:32px;text-align:center;border-bottom:1px dashed #ccc}
.neiro .dys{font-size:16px;line-height:35px;color:#333;padding:15px 0 0 0}
.neiro .dys img{max-width:100%}
.footer{width:100%; padding:0 0 25px 0; overflow:auto; margin-top:35px;}
.footer .dibu{width:1200px; margin:0 auto; padding-top:40px; text-align:left}
.footer .dibu ul{width:1050px; margin:0 auto}


.footer .dibu ul li{width:245px; float:left; height:60px; background:url(../image/f1.jpg) no-repeat 35px 0; padding-left:105px;}
.footer .dibu ul li b{display:block; font-size:14px; padding-top:5px}
.footer .dibu ul li p{color:#999; line-height:25px; font-size:12px}
.footer .dibu ul .li2{background:url(../image/f1.jpg) no-repeat 35px 0;}
.footer .dibu ul .li3{background:url(../image/f1.jpg) no-repeat 35px 0;}
.footer .dibu .wdh{text-align:center; margin-top:40px; color:#999; font-size:8px}
.footer .dibu .wdh a{font-size:16px; margin:0 32px;color:#3388ff;}
.footer .dibu .copy{text-align:center; color:#666; line-height:20px;margin-top:10px; font-size:12px}
.footer .dibu .copy p{display:none}
.footer .dibu .copy table{width:930px; margin:0 auto}
.footer .dibu .copy td{text-align:center}

.pages{

  display: flex;
  justify-content:center;
  align-items: center;
  background: #fff;
  padding: 0 20px; margin-top:20px

}
.pages a{
display: block;
width: 30px;
height: 30px;
font-size: 12px;
color: #000000;
border-radius: 50%;
text-align: center; margin:0 2px;
line-height: 30px; background:#e3dfdf; color:#333
}
.pages a:hover{background:#3388ff; color:#fff}
.pages .page-num-current{background:#3388ff; color:#fff}

/***********index css end***********/
.toolbar {
	width: 50px;
	position: fixed;
	right: 5px;
	top: 30%;
	z-index: 999;
}
.toolbar dd {
	width: 50px;
	height: 50px;
	margin-bottom: 1px;
	position: relative;
	background:#ccc;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.toolbar dd i span {
	width: 35px;
	height: 35px;
	display: block;
	margin: 7px 0 0 7px;
	background: url(../image/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
	display: none;
}
.toolbar .slide-tel {
	display: block;
	width: 0;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	font-family: arial;
	color: #FFF;
	position: absolute;
	padding: 0 0 0 50px;
	top: 0;
	right: 0;
	overflow: hidden;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all .0s ease-in-out 0s;
	-moz-transition: all .0s ease-in-out 0s;
	transition: all .0s ease-in-out 0s;
}
.toolbar .pop {
	position: absolute;
	right: 90px;
	top: -51px;
	background: #2862ae;
	display: none;
}
.toolbar .pop-code {
	width: 160px;
}
.toolbar .pop-code img {
	width: 120px;
	height: 120px;
	display: block;
	padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
	height: 50px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
}
.toolbar .pop-code h3 b {
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.toolbar .qq span {
	background-position: 0 -47px;
}
.toolbar .qq a {
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: block;
}
.toolbar .qq:hover {
	background: #2862ae;
}
.toolbar .tel span {
	background-position: 0 0;
}
.toolbar .tel:hover {
	background: #2862ae;
}
.toolbar .code span {
	background-position: 0 -95px;
}
.toolbar .code:hover {
	background: #2862ae;
}
.toolbar .top span {
	background-position: 0 -142px;
}
.toolbar .top:hover {
	background: #2862ae;
}