@charset "utf-8";
.banner{
	height: 578px; 
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	position: relative;
}
.banner .swiper-container {
  height: 578px;
  width: 100%;
}
.banner .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index: 99;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  background-color: #fff;
  margin: 0 10px;
  cursor: pointer;
}
.banner .swiper-active-switch {
  background: #d83437;
}
.banner .swiper-wrapper{
	height: 578px;
    width: 100%;
    overflow: hidden;
}
.devices{
	height: 200px;
	padding: 0 36px;
	overflow: hidden;
	position: relative;
	width: 1200px;
	margin: 80px auto;
	margin-top: 50px;
}
.devices .swiper-slide div{
	width: 260px;
	height: 200px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}
.devices .swiper-slide div span{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-color: #f60e16;
	position: absolute;
	left: 0;
	bottom: -40px;
}
.devices .swiper-slide div a{
	display: block;
	width: 52px;
	height: 52px;
	background: url(../img/index/search.png) no-repeat center center;
	position: absolute;
	top: 50%;
	margin-top: -152px;
	left: 50%;
	margin-left: -35px;
}
.devices .swiper-slide i{
	display: block;
	width: 260px;
	height: 200px;
	margin: 0 auto;
	box-sizing: border-box;
}
.devices .swiper-slide i img{
	display: block;
	width: 100%;
	height: 100%;
}
.devices .swiper-slide div:hover i{
	opacity: 0.8;
}
.devices .swiper-slide:hover a i{
	border: 2px solid #938446;
}
.devices .swiper-slide:hover a span{
	color: #938446;
}
.devices .arrow-left {
  background: url(../img/index/last.png) no-repeat center center;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -18px;
  width: 36px;
  height: 36px;
}
.devices .arrow-right {
  background: url(../img/index/next.png) no-repeat center center;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -18px;
  width: 36px;
  height: 36px;
}

.cont2 .cont2_left{
	width: 450px;
	float: left;
}
.cont2_left em { display:block;
                   height:225px;
                   overflow:hidden;
                   font-style:normal;
				   line-height:31px;
				   font-size:16px;
}
.cont2 .cont2_left h2{
	font-size: 40px;
	color: #333;
	font-weight:bold;
}
.cont2 .cont2_left span{
	display: block;
	margin: 10px 0;
	font-size: 24px;
	color: #333;
}
.cont2 .cont2_left p{
	font-size: 14px;
	color: #333;
	line-height: 36px;
}
.cont2 .cont2_left a{
	display: block;
	width: 210px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	font-size: 18px;
	color: #fff;
	background-color:#fd0505;
	border-radius: 5px;
	margin-top: 10px;
}
    .cont2 .cont2_left a:hover { background:#d83437;
    }
.cont2 .cont2_right{
	width: 706px;
	float: right;
}
.cont3{
	margin: 70px 0;
}
.cont3_left{
	float: left;
	width: 390px;
	height: 366px;
	position: relative;
}
.cont3_left i{
	display: block;
	width: 390px;
	height: 366px;
}
.cont3_left .cut{
	position: absolute;
	height: 366px;
	top: 0;
	width: 418px;
	right: -209px;
}
.cont3_left .cut h2{
	font-size: 48px;
	color: #333;
	font-weight: bold;
	padding-left: 229px;
}
.cont3_left .cut .cut_c{
	background:  url(../img/index/bg.png) repeat;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	margin-top: 54px;
	height: 167px;
	overflow: hidden;
}
.cont3_left .cut .cut_c a{
	display: block;
}
.cont3_left .cut .cut_c h3{
	font-size: 24px;
	color: #fefdfd;
	padding-bottom: 5px;
	border-bottom: 2px solid #fff;
	font-weight:bold;
}
.cont3_left .cut .cut_c span{
	display: block;
	font-size: 14px;
	color: #fefdfd;
	margin-top: 10px;
    white-space:nowrap;
}
.cont3_left .cut .cut_c em{
	display: block;
	font-size: 12px;
	color: #fefdfd;
	margin-top: 15px;
}
.cut_b{
	padding-left: 209px;
}
.cut_b div{
	float: left;
	width: 73px;
	height: 73px;
	cursor: pointer;
}
.cut_b div.left{
	background: url(../img/index/left.png) no-repeat center center;
	background-color: #e2e1e2;
}
.cut_b div.right{
	background: url(../img/index/right.png) no-repeat center center;
	background-color: #e2e1e2;
}
.cut_b div:hover{
	background-color: #f60e16;
}
.cont3_left i img{
	display: block;
	width: 100%;
	height: 100%;
}
.cont3_right{
	width: 535px;
	float: right;
}
.cont3_right li .n_m{
	width: 156px;
	height: 102px;
	float: left;
}
.cont3_right li .n_m a,.cont3_right li .n_m a img{
	display: block;
	width: 100%;
	height: 100%;
}
.cont3_right li .n_c{
	float: right;
	width: 359px;
	padding-left: 20px;
	box-sizing: border-box;
	border-left: 1px dashed #ddd;
}
.cont3_right li .n_c h3 a{
	display: block;
	font-size: 20px;
	color: #333;
	font-weight:bold;
}
.cont3_right li .n_c h3 a:hover{
	color: #0077ff;
	text-decoration:underline;
}
.cont3_right li .n_c p{
	font-size: 15px;
	color: #666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.cont3_right li .n_c em{
	display: block;
	font-size: 12px;
	margin-top: 7px;
    color:#999;
}
.cont3_right li{
	margin-bottom: 20px;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.cont3_right li:hover{
	transform: translate3d(0,-4px,0);
	-webkit-transform: translate3d(0,-4px,0);
	-moz-transform: translate3d(0,-4px,0);
	-ms-transform: translate3d(0,-4px,0);
	box-shadow: 0 8px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}
.cont3_right li:last-child{
	margin-bottom: 0;
}
.cont4 li{
	float: left;
	width: 365px;
	margin-right: 52.5px;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.cont4 li:hover{
	box-shadow: 5px 5px 30px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, .3);
	-moz-box-shadow: 5px 5px 30px rgba(0, 0, 0, .3);
	-ms-box-shadow: 5px 5px 30px rgba(0, 0, 0, .3);
	transform: translate3d(-2px, -2px, 0);
	-webkit-transform: translate3d(-2px, -2px, 0);
	-moz-transform: translate3d(-2px, -2px, 0);
	-ms-transform: translate3d(-2px, -2px, 0)
}
.cont4 li:last-child{
	margin-right: 0;
}
.cont4 li div{
	height: 240px;
	box-sizing: border-box;
	background-color: #ececec;
	padding: 10px 20px 50px;
}
.cont4 li i{
	display: block;
	width: 365px;
	height: 365px;
}
.cont4 li i img{
	display: block;
	width: 100%;
	height: 100%;
}
.cont4 h2{
	font-size: 30px;
	color: #333;
	height: 70px;
	line-height: 70px;
	font-weight:bold;
}

.cont4 li h2 a:hover {color:#fd0505;
}

.cont4 p{
	font-size: 14px;
	color: #333;
	line-height: 30px;
}
/*product*/
.product_box{
	margin-top: 40px;
	margin-bottom: 100px;
}
.product{
	width: 944px;
	float: right;
}
.product li{
	float: left;
	width: 298px;
	margin: 0 25px 60px 0;
	position: relative;
	overflow: hidden;
}
.product li:nth-child(3n){
	margin-right: 0;
}
.product li div{
	width: 298px;
	height: 215px;
	overflow: hidden;
}
.product li div img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.product li div img:hover{
	transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
}
.product li span{
	display: block;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #333;
}
.product li:hover span{
	color: #fd0505;
}
.product li .i1{
	display: block;
	width: 100%;
	height: 2px;
	background-color: #e5e4e4;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.product li .i2{
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fd0505;
	position: absolute;
	bottom: 0;
	left: -298px;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	z-index: 2;
}
.product li:hover{
	border: none;
}
.product li:hover .i2{
	left: 0;
}

/*product_xq*/
.product_xq {
	margin-top: 60px;
}
.xq_left{
	width: 498px;
}
.xq_left i{
	display: block;
	width: 498px;
	height: 367px;
	overflow: hidden;
}
.xq_left i img{
	display: block;
	height: 100%;
	width: 100%;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.xq_left i img:hover{
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}
.xq_left  div{
	margin-top: 10px;
}
.xq_left div li{
	float: left;
	width: 156px;
	height: 118px;
	margin-right: 15px;
	box-sizing: border-box;
	padding: 6px;
	border: 1px solid #e7e7e7;
}
.xq_left div li.active{
	border-color: #fd0505;
}
.xq_left div li:last-child{
	margin-right: 0;
}
.xq_left div li img{
	display: block;
	width: 100%;
	height: 100%;
}
.xq_right{
	width: 650px;
	box-sizing: border-box;
	padding-left: 36px;
	background: url(../img/product/bor.jpg) no-repeat left top;
}
.xq_right h2{
	font-size: 32px;
	color: #333;
	font-weight:bold;
}
.xq_right p{
	font-size: 16px;
	color: #333;
	line-height: 70px;
	margin-top: 5px;
}
.xq_right i{
	display: block;
	border-bottom: 1px dashed  #d8d8d8;
	border-top: 1px solid #d8d8d8;
	margin-top: 30px;
    height:195px;
    line-height:25px;
    padding:10px 0px;
    display:block;
    overflow:hidden;
}
.xq_right .zx{
	margin-top: 30px;
}
.xq_right .zx a{
	float: left;
	width: 220px;
    background-color: #fd0505;
	height: 72px;
	text-align: center;
	line-height: 72px;
	box-sizing: border-box;
	font-size: 24px;
	border-radius: 5px;
}

    .xq_right .zx a:hover {
      background-color: #d9343a;
    }

.xq_right .zx a{
	color: #fff;
	
	margin-right: 50px;
}
.xq_right .zx a:last-child{
	color: #fff;
	 
	border: 1px solid #fd0505;
}
.product_sj{
	margin-top: 40px;
}
.product_sj .p_tab a{
	display: block;
	float: left;
	width: 140px;
	text-align: center;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #454545;
}
.product_sj .p_tab a:hover{
	color: #fd0505;
}
.product_sj .p_tab a.active{
	color: #333;
}
.product_sj .p_tab  div{
	 
 height:40px; 
 line-height:40px; 
 font-size:16px;
 font-weight:bold;
 padding-left:8px;
}
.product_sj .p_tab{
    background:#eee;
	border-bottom: 1px solid #d8d8d8;
	 
}
.p_cont{
	margin-top: 30px;
	padding: 10px;
    margin:0px auto;
}
.p_cont h3{
	font-size: 16px;
	color: #333;
	text-align: center;
}
.p_cont h4{
	font-size: 16px;
	color: #454545;
	margin-bottom: 20px;
	margin-top: 40px;
}
.p_cont p{
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
    line-height:26px;
}

/*about*/
.about{
	margin-top:30px;
    height:auto !impotant;
    min-height:300px;
}
.about h2{
	font-size: 40px;
	color: #333;
	font-weight:bold;
}
.about h3{
	font-size: 30px;
	color: #d0d0d0;
	margin-bottom: 10px;
}
.about_m i:first-child img{
	display: block;
	width: 705px;
	height: 360px;
}
.about_m i:last-child img{
	display: block;
	width: 450px;
	height: 360px;
}
.about_c div:first-child{
	width: 560px;
}
.about_c div:first-child h4{
	font-size: 24px;
	color: #333;
}
.about_c div:first-child p{
	font-size: 14px;
	color: #666;
	line-height: 36px;
}
.about_c div:first-child p a{
	color: #fd0505;
}
.about_c div:last-child img{
	display: block;
	width: 600px;
	height: auto;
}
.about_c{
	margin-top: 20px;
}

/*contact*/
.contact{
	margin-top: 80px;
}
.contact h2{
	font-size: 36px;
	height: 40px;
	line-height: 40px;
	color: #333;
	width: 230px;
	margin: 0 auto;
	border-left: 3px solid #ddd;
	border-right: 3px solid #ddd;
	text-align: center;
	margin-bottom: 40px;
}
.contact_xx{
	float: left;
	width: 320px;
}
.contact_xx i{
	display: block;
	width: 320px;
	height: 210px;
}
.contact_xx i img{
	display: block;
	height: 100%;
	width: 100%;
}
.contact_xx h3{
	font-size: 18px;
	color: #454545;
	margin-top: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.contact_xx dl{
	margin-top: 30px;
}
.contact_xx dt{
	font-size: 16px;
	color: #454545;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.contact_xx dd{
	font-size: 14px;
	color: #454545;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.contact .map{
	width: 830px;
	height: 500px;
}
.contact .map img{
	display: block;
	width: 100%;
	height: 100%;
}
.leave_box{
	height: 608px;
	width: 100%;
	min-width: 1200px;
	background: url(../img/contact/bg.jpg) no-repeat 50%;
	overflow: hidden;
	margin-top: 20px;
}
.leave{
	width: 810px;
	margin: 45px auto 0;
	 
	box-sizing: border-box;
	padding: 0 135px;
	overflow: hidden;
}
.leave h2{
	font-size: 24px;
	color: #fff;
    text-indent:80px;
	height: 80px;
	line-height: 80px;
}
.leave li{
	margin-bottom: 15px;
}
.leave li label{
	display: inline-block;
	width: 80px;
	text-align: right;
	font-family: 16px;
	color: #fff;
	height: 34px;
	line-height: 34px;
}
.leave li i{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	margin-left: 5px;
	font-size: 12px;
	color: #999;
}
.leave li input{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	width: 210px;
	background-color: #eee;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	padding: 0 10px;
}
.leave .leave_c label{
	float: left;
	margin-right: 5px;
}
.leave .leave_c textarea{
	float: left;
	resize: none;
	background-color: #eee;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	width: 450px;
	height: 160px;
	padding: 10px;
}
.leave .btn{
	display: block;
	width: 165px;
	height: 45px;
	font-size: 15px;
	color: #222;
	border-radius: 5px;
	margin-left: 85px;
	background-color: #ccc;
    cursor:pointer;
}
.leave .btn:hover{ background:#fd0505;
                    color:#fff;
/*news*/
.news {
	margin-top: 50px;
}
.news li{
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #e0e0e0;
}
.news li>a{
	float: left;
	width: 202px;
	height: 135px;
}
.news li>a img{
	display: block;
	height: 100%;
	width: 100%;
}
.news li div{
	float: right;
	width: 960px;
}
.news li div h2 a{
	display: block;
	font-size: 24px;
	color: #2a2a2a;
}
.news li div h2 a:hover{
	color: #0077ff;
	text-decoration:underline;
}
.news li div p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-top: 10px;
}
.news li div em{
	display: block;
	font-size: 12px;
	color: #7e7e7e;
	margin-top: 10px;
}

/*news-xq*/
.news_xq{
	margin-top: 50px;
}
.news_left{
	width: 760px;
}
.news_left h2{
	font-size: 30px;
	color: #fd0505;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom:10px;
}
.news_left p span{
	font-size: 12px;
	color: #aaa9a9;
	margin-right: 50px;
}
.news_left i{
	display: block;
	margin-top: 20px;
}
.news_left i img{
	display: block;
	width: 640px;
	height: auto;
}
.news_left div{
	margin-top:30px;
}
.news_left div p{
	font-size: 12px;
	line-height: 24px;
	color: #666;
	text-indent: 2em;
}
.tuij{
	width: 330px;
}
.tuij h2{
	font-size: 24px;
	color: #333;
	font-weight: bold;
	padding-bottom: 10px;
}
.tj {
	width: 330px;
	border: 1px solid #dcdcdc;
}
.tj  a{
	display: block;
	width: 280px;
	margin: 30px auto;
}
.tj  a i{
	display: block;
	height: 210px;
	width: 280px;
}
.tj  a i img{
	display: block;
	height: 100%;
	width: 100%;
}
.tj a span{
	display: block;
	font-size: 16px;
	color: #454545;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.tj a:hover span{
	color: #0077ff;
	text-decoration:underline;
}
 /*league*/
.league{
	margin-top: 40px;
}
.league h2{
	font-size: 30px;
	color: #333;
	padding-bottom: 5px;
	border-bottom: 2px solid #e5e4e4;
	margin-bottom: 40px;
}
.league_l{
	width: 600px;
}
.league_l h3{
	font-size: 18px;
	color: #454545;
	margin-bottom: 30px;
}
.league_l p{
	font-size: 14px;
	color: #666;
	line-height: 36px;
	margin-bottom: 10px;
}
.league_l a{
	display: block;
	width: 216px;
	text-align: center;
	height: 56px;
	line-height: 56px;
	border-radius: 5px;
	font-size: 18px;
	color:#fff;
	background-color: #fd0c0c;
	margin-top: 50px;
}
.league_r{
	width: 600px;
}

/*register*/
.login_bg{
	height: 846px;
	width: 100%;
	min-width: 1200px;
	background: url(../img/login/bg.jpg) no-repeat 50%;
	overflow: hidden;
}
.register {
	width: 500px;
	background-color: #f4f5f3;
	margin: 110px auto 0;
	overflow: hidden;
	padding-bottom: 50px;
}
.register h2{
	font-size: 24px;
	color: #333;
	text-align: center;
	margin-top: 50px;
}
.register ul {
	width: 320px;
	margin: 30px auto 0;
}
.register li input{
	display: block;
	width: 320px;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	padding-left: 36px;
	padding-right: 10px;
	background: url(../img/icon2.png) no-repeat;
	background-color: #fff;
} 
.register li{
	margin-bottom: 20px;
}
.register .phone input{
	background-position: 14px 12px;
}
.register .mail input{
	background-position: 12px -44px;
}
.register .password input{
	background-position: 11px -103px;
}
.register .passwords input{
	background-position: 11px -103px;
}
.register .verify input{
	background-image: initial;
	width: 200px;
	display: inline-block;
}
.register .verify .btn_dx{
	width: 115px;
	padding: 0;
	font-size: 14px;
	color: #fff;
	background-color: #cccdcf;
}
.register li a{
	font-size: 12px;
	color: #348af4;
}
.register .btn_ok{
	display: block;
	margin: 50px auto;
	width: 160px;
	height: 40px;
	font-size: 14px;
	color: #fff;
	background-color: #fd0c0c;
	border-radius: 5px;
}
.register .re_xz input{
	width: 12px;
	height: 12px;
}
.register .re_xz label{
	display: block;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	color: #666;
	margin-left: 5px;
}
.register .re_xz {
	margin-top: 30px;
}

/*buy*/
.login_bg .leave{
	margin-top: 130px;
}

/*register_cg*/
.register_c{
	width: 574px;
	background-color: #fff;
	padding-bottom: 40px;
	margin: 130px auto 0;
}
.register_cg{
	padding-top: 120px;
}
.register_cg h2{
	font-size: 24px;
	color: #00ab04;
	font-weight: normal;
	text-align: left;
	padding-left: 180px;
	margin: 36px 0;
	height: 41px;
	line-height: 41px;
	background: url(../img/cg.png) no-repeat 110px center;
}
.register_cg div{
	padding-left: 180px;
}
.register_cg div p{
	font-size: 12px;
	color: #666;
	line-height: 24px;
}
.register_cg div p a{
	color: #0854b0;
}
.register_cg>a{
	display: block;
	width: 115px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 12px;
	color: #333;
	background-color: #ebebeb;
	margin: 60px auto;
}
.register_cg .sb{
	color: #ce0011;
	background-image: url(../img/cgs.png);
}

/*修改*/
.register li{
	position: relative;
	margin-bottom: 30px;
}
.register li i{
	position: absolute;
	display: block;
	font-size: 12px;
	color: red;
}
.xq_right .zx input{
	float: left;
	width: 220px;
	height: 72px;
	text-align: center;
	line-height: 72px;
	box-sizing: border-box;
	font-size: 24px;
	border-radius: 5px;
	color: #666;
	background-color: #ddd;
	 
    cursor:pointer;


}

    .xq_right .zx input:hover {
        background:#fd0505; color:#fff;
    }

.cont3_left .cut .cut_c h3{
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.cont3_left .cut .cut_c span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/***********************************************************************************修改*/
.product_box{
	margin-top: 30px;
}
.product2{
	width: 1200px;
    min-height:500px;
}
.product2 li{
	width:280px;
	margin-right: 26.66px;
}
.product2 li:nth-child(4n){
	margin-right: 0;
}
.product2 li:nth-child(3n){
	margin-right: 26.66px;
}