/*banner*/

body{margin: 0px;padding: 0px;font-family:'Microsoft Yahei',Arial,宋体,sans-serif;}
h1,h2,p,ul{ margin:0; padding:0;}
.box1{
	
	
    overflow: hidden;
    position: relative;

}
 .main_image { width: 100%; height: 500px; overflow: hidden; margin: 0 auto; position: relative;background:#2d2928}

 .main_image ul { width: 9999px; height: 500px; overflow: hidden; position: absolute; top: 0; left: 0}

 .main_image li { width: 100%; height: 500px; } 

 .main_image li span { display: block; width: 100%; height: 500px; } 

 .main_image li a { display: block; width: 100%; height:500px}

 .main_image li .img_1 { text-align: center; background-repeat: no-repeat}

 .main_image li .img_2 { text-align: center; background-repeat: no-repeat}

 .main_image li .img_3 { text-align: center; background-repeat: no-repeat}

.mf{overflow:hidden; *overflow-x: hidden;}
 ul, li {
    list-style: none;
}
/*productlist*/
.box2{
	
	margin: 0 auto;
    height: auto;
    width: 1200px;
    /*overflow: hidden;*/

}
 .flicking_con { width: 100%; margin: 0 auto; } 
 .inhov {
	background-color: #ededed;
}
.inhov:hover {
	background-color: #FE6100;
	color: white;
	border: 1px solid #FE6100;
}
.cp {
	float: left;
	width: 100%;
	margin-top: 10px;
}
ul.cpul {
	width: 100%;
	height: auto;
}
li.cpzs {
	float: left;
	width: 20%;
	min-height: 348px;
	clear: none;
position: relative;
margin-bottom: 15px;

}
    li.cpzs:nth-child(4) {
        margin-right:0px;
    }

.cpzs:hover .hhov {
	display: block;
}
.cpzs:hover .hov {
	display: none;
}
.hov {
	display: block;
	float: left;
	width: 230px;
	min-height: 348px;
	display: block;
	z-index: 1;
	background-color: white;
}
/*.hov:hover {
    display: none;
}*/
.pice {
	margin: 22px 22px 10px 22px;
	width: 200px;
	height: 200px;
}
.pice img {
	width: 100%;
	height: 100%;
}
.tit {
	margin: 0px 22px;
	float: left;
	font-size: 12px;
	line-height: 20px;
	display: block;
	height: 35px;
	overflow: hidden;
}
.bs{
    position: absolute;
    top: 25px;
    right: 25px;
    color: #ffad0e;
    z-index:1;
}
.hhov {
	display: none;
	float: left;
	width: 242px;
	min-height: 348px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 4px rgba(0,0,0,.13);
	background-color: white;
	z-index: 99;
	height: auto;
	position: absolute;
}
.off {
    margin-left:15px;
}
.hpice {
	margin: 21px 21px 10px 21px;
	width: 200px;
	height: 200px;
}
.hpice img {
	width: 100%;
	height: 100%;
}
.htit {
	margin: 0px 21px;
	float: left;
	font-size: 12px;
	line-height: 18px;
}
.yprice_css{
     text-decoration: line-through;
     color:rgba(25, 25, 25, 0.3);
     margin:0px 20px;
}
.zprice_css{

}
.hpri {
	float: left;
	margin: 23px 0px 21px 21px;
	font-size: 18px;
	color: red;
	font-weight: bold;
}
.hadd {
	float: right;
	font-size: 11px;
	width: 134px;
	margin: 16px 11px 1px 2px;
	text-align: center;
	background: url(/images/secondary/3.jpg);
	height: 31px;
	line-height: 31px;
	color: white;
	cursor: context-menu;
}
.hadd:hover {
	background: url(/images/secondary/1.jpg);
}
.hadd2:hover {
	background: url(/images/secondary/2.jpg);
}
.hadd1 {
	float: right;
	font-size: 11px;
	width: 134px;
	margin: 16px 11px 1px 2px;
	text-align: center;
	background: url(/images/secondary/1.jpg);
	height: 31px;
	line-height: 31px;
	color: white;
	display: none;
	cursor: context-menu;
}
.hadd2 {
	float: right;
	font-size: 11px;
	width: 134px;
	margin: 16px 11px 1px 2px;
	text-align: center;
	background: url(/images/secondary/4.jpg);
	height: 31px;
	line-height: 31px;
	color: white;
	/*display:none;*/
	cursor: context-menu;
}
.hadd3 {
	float: right;
	font-size: 11px;
	width: 134px;
	margin: 16px 11px 1px 2px;
	text-align: center;
	background: url(/images/secondary/2.jpg);
	height: 31px;
	line-height: 31px;
	color: white;
	display: none;
	cursor: context-menu;
}
.pri {
    float: left;
    margin: 20px 0px 0px 22px;
   font-size: 18px;
    color: red;
    font-weight: bold;
   
}
.sale-off {
   font-family: RobotoBold;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    height: 60px;
    width: 45px;
    line-height: 55px;
    /* border-radius: 50%; */
    /* background: #ffaa00; */
    text-align: center;
    float: right;
    z-index: 1;
    position: static;
    position: absolute;
    top: -13px;
    right: 15px;
    background: url(/images/erwer.png);
}
.sale-offs {
   font-family: RobotoBold;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    height: 60px;
    width: 45px;
    line-height: 55px;
    /* border-radius: 50%; */
    /* background: #ffaa00; */
    text-align: center;
    float: right;
    z-index: 1;
    position: static;
    position: absolute;
    top: -13px;
    right: 15px;
    background: url(/images/erwer.png);
}
.sale-off-t {
     font-family: RobotoBold;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    height: 60px;
    width: 45px;
    line-height: 55px;
    /* border-radius: 50%; */
    /* background: #ffaa00; */
    text-align: center;
    float: right;
    z-index: 999;
    position: static;
    position: absolute;
    top: -13px;
    right: 15px;
    background: url(/images/erwer.png);
}
.m-caption {
   
    text-align: center;
    color: #fff;
    position: relative;
    font-size:30px;
    font-weight: bold;
    padding:50px;
}
.box3{
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 1200px;
}

#roll  dd {
	width: 230px;
	height: 400px;
	float: left;
	margin: 10px 5px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	cursor: pointer;
	background: #fff;
    position:relative;
}
#roll dd:hover {
	-webkit-box-shadow: 0 0 10px rgba(132, 130, 130, 0.3);
	-moz-box-shadow: 0 0 5px rgba(25, 25, 25, 0.3);
	-ms-box-shadow: 0 0 5px rgba(25, 25, 25, 0.3);
	-o-box-shadow: 0 0 5px rgba(25, 25, 25, 0.3);
	box-shadow: 0 0 10px rgba(113, 111, 111, 0.3);
	-webkit-box-transform: translate(0px, -3px);
	-moz-box-transform: translate(0px, -3px);
	-ms-box-transform: translate(0px, -3px);
	-o-box-transform: translate(0px, -3px);
	transform: translate(0px, -3px);
}
a {
	color: inherit;
	text-decoration: none;
}
#roll dd img {
	width: 100%;
	height: 245px;
}
.box3 span {
	cursor: pointer;
	background: #f7f7f7;
	color: #333;
	float: right;
	margin-right: 20px;
	border: 1px solid #333;
	width: 40px;
	height: 40px;
	font-size: 20px;
	border-radius: 5px;
	line-height: 30px;
}
.box3 span:hover {
	background-color: #ff6464;
	color: white;
	border: 1px solid white;
}


.roll-tit {
	float: left;
	margin: 10px;
	font-size: 12px;
	height: 45px;
	line-height: 20px;
	overflow: hidden;
	/*width: 100%;*/
	text-align: left;
    margin-bottom:30px;
}
.roll-pic {
	float: left;
	width: 80px;
	margin-left:30px;
	text-align: left;
	font-size: 18px;
	color: rgba(25, 25, 25, 0.3);
	font-weight: bold;
    text-decoration: line-through;
}
.roll-pics {
	float: left;
	width: 80px;
	/*margin-left:10px;*/
	text-align: left;
	font-size: 18px;
	color: red;
	font-weight: bold;
   
}

.offprice {
    font-size:25px;
}
.f {
    font-size: 14px;
    width: 48px;
    line-height: 28px;
    display:block;
}
.roll-pic2 {
	float: left;
	width: 186px;
	font-size: 18px;
	color: red;
	font-weight: bold;
	padding: 10px 0px 0px 90px;
}
.roll-btn {
	float: left;
	width: 120px;
	margin: 10px 10px;
	height: 40px;
	background-color: #f67000;
	line-height: 40px;
	color: white;
	font-size: 15px;
	text-align: center;
}
.box4{
	
	margin: 0 auto;
    height: auto;
    width: 1200px;
    overflow: hidden;
}
.box4 ul li{
	
	line-height: 30px;
	text-align: center;
}
.list{
	
	width: 190px;
    background: #fdf4e3;
    float: left;
   height:370px;
   padding: 5px 0px;
}
    .list a:hover {
        color:#FE6100;
    }
.m-mod{
	margin: 20px;
	color: #ffa442;
}
.kuai{
	width: 190px;
	overflow: hidden;
	 margin-left: 10px;
	 float: left;
     font-size:12px;
}
.title_name{
	    margin-bottom: 10px;
	text-align: center;
	line-height: 50px;
	background: #fedec8;
}
    .title_name a:hover {
         color:#FE6100;
    }
.boxleft{
	width: 500px;
    padding-top: 200px;
	color: #fff;
	float: left;
}
.boxleft>h2{
	margin-bottom: 50px;
	font-size: 35px;
}
.boxleft>p{
line-height: 30px;
font-size: 18px;
	
}
.boxrigth{
	/*width: 500px;*/
    padding-top: 50px;
    float: right;
}
.formbox{
	
	width: 625px;
	height: 525px;
	float: right;
	background: #fff;
}
.cd-form{
	padding: 30px;
	
}
.cd-form>p{
	margin: 2em 0;
	
}
.cd-form input.has-padding {
    padding: 16px 20px 16px 50px;
    border: 1px solid #828282;
    margin-left: 20px;
}
.cd-form input.full-width {
    width: 80%;
}
.cd-form input {
    margin: 0;
    padding: 0;
    border-radius: 0.25em;
}
#lb_msg {
    color:red;
}
input.bigk {
	
    border: 1px solid #828282;
	height: 150px;
	width: 524px;
	margin-left: 20px;
}
input#bt_save{
	width: 80px;
	height: 50px;
	border: 1px solid #0b1d52;
	background: #dde6ff;
	margin-right: 20px;
	font-size: 18px;
}
.b{
	
	float: right;
	font-size: 14px;
}
.cd-form>h2{
	font-size: 30px;
	padding-left: 20px;
    font-weight:bold;
}
.service {
	float: left;
	width: 100%;
	margin: 50px 0px;
}
.wow {
	width: 1140px;
	margin: auto;
}
.plane {
	float: left;
	width: 265px;
	margin: 0px 10px;
	height: 200px;
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.12);
	-ms-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.12);
	-o-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.12);
	background: white;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	cursor: pointer;
}
.plane-img {
	text-align: center;
	margin: 30px 0px 10px 0px;
}
.plane-bt {
	text-align: center;
	font-size: 16px;
	color: #576056;
	font-weight: bold;
}
.plane-tit {
	text-align: center;
	margin-top: 10px;
	font-size: 13px;
	color: #9899a2;
	margin: 10px 10px;
}
.plane:hover {
	box-shadow: none;
}
.footer {
	float: left;
	width: 100%;
	background-color: black;
	margin-top: 50px;
	height: 50px;
	line-height: 50px;
}
.col {
	width: 1140px;
	margin: auto;
}
.col ul li {
	float: left;
	color: white;
	margin-right: 30px;
	list-style: none;
	font-size: 13px;
	cursor: pointer;
}
.col-sm {
	color: white;
	float: right;
	font-size: 13px;
}
.biaoti {
    text-align: center;
    color: #fff;
    height: 50px;
    /* margin: 0px auto; */
    line-height: 50px;
    font-size: 20px;
    font-size: 30px;
    font-weight: bold;
    padding: 20px 0px;
}

.prev, .prev2, .prev3, .prev4, .prev5, .prev6, .next, .next2, .next3, .next4, .next5, .next6 {
	position: absolute;
	width: 30px !important;
	height: 30px !important;
	background-color: #d6d6d6;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-transition: all ease .35s;
	transition: all ease .35s;
}
.prev, .prev2, .prev3, .prev4, .prev5, .prev6 {
	background-image: url(/images/qa/arrow-left.png);
	background-size: 70% 70%;
}
.next, .next2, .next3, .next4, .next5, .next6 {
	background-image: url(/images/qa/arrow-right.png);
	background-size: 70% 70%;
}
.prev6:hover, .next6:hover {
	background-color: #c7c7c7;
}
.prev, .prev2, .prev3, .prev4, .prev5, .prev6 {
	left: 15%;
}
.next, .next2, .next3, .next4, .next5, .next6 {
	right: 15%;
}
.prev5:hover, .next5:hover {
	background-color: #c7c7c7;
}
.prev4:hover, .next4:hover {
	background-color: #c7c7c7;
}
.prev3:hover, .next3:hover {
	background-color: #c7c7c7;
}
.prev2:hover, .next2:hover {
	background-color: #c7c7c7;
}
.prev:hover, .next:hover {
	background-color: #c7c7c7;
}
.bar-img {
	position: relative;
	width: 82px;
	height: 50px; /*margin-top:10px;*/
	padding-top: 20px;
     font-size:12px;
      font-size:12px;
}
.bar-img .original-img {
	width: 30px;
	height: 30px;
	margin: auto;
}
.bar-img .hover-img {
	display: none;
	position: absolute;
	top: 20px;
	left: 24px;
	width: 30px;
	height: 30px;
	margin: auto;
   
}
.bar-img:hover .hover-img {
	display: block;
}
.bar-img:hover {
	color: red;
}
.homeright ul li {
	text-align: center;
}
.fixed-bar {
	display: none;
	right: 80px;
}
.bar-img:hover .fixed-bar {
	display: block;
}
.pct {
	margin: 40px 0px;
	height: 120px;
	overflow: hidden;
}
.list li:hover {
    text-decoration:underline;
}