@charset "utf-8";
body{ background: #fff none repeat scroll 0% 0%;
    font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
a:focus{
    outline: none;
    outline-style: none;
}
.f14{
    font-size: 14px!important;
}
.pdl0{
    padding-left: 0px!important;
}
.imgauto{
    display: block;
    width: 100%;
}
#header{
    position: fixed; height: 60px;width: 100%;line-height: 60px;z-index: 3;
}
.breadcrumb{*margin-left:0px;*padding-left:0px;}
.breadcrumb li{*margin-left:5px;*padding-left:0px;*float:left;}
.clearfix{clear:both;}
.clearfix2{*clear:both;}
.nav_banner{width:100%;min-width: 1200px;/*height: 800px;*/ margin-top: 60px;/*background: url("../../assets/images/banner.jpg") center top no-repeat;*/}
.nav_banner a{display: block; width: 100%;height: 100%;}
.navbar {
    font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
}
.navbar-default {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.12);
}

.navbar-default .navbar-nav > li > a {
    font-family: "Microsoft YaHei";
    color: #8e8e8e;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 32px!important;
}
.navbar-default .navbar-nav > li > a:hover{
    color: #f66;
}
.navbar-nav{
    margin-top: 0px!important;
}
.logo {
    background: url("../images/welcomes_logo.png") no-repeat scroll center center ;
    width: 148px;
    height: 60px;
    margin-left: 10px!important;
    line-height: 60px;
    *padding-top:0px;*margin-top:-8px;
    /*margin-top: 10px!important;*/
    margin-right: 20px!important;
}

.navbar   .jumbotron {
    margin-top: 0px;
    
}
.noscript{background-color:yellow;color:red;padding:5px 20px;}
.jumbotron {
    margin-bottom: 31px;
    padding: 100px 0px !important;
    background-color: #323330;
    color: #FFF;
    background: url("../images/bg.jpg") no-repeat scroll center center ;
}
.jumbotron-sub-page{
	padding: 50px 0px !important;
}

.jumbotron h1 {
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: 35px;
    color: #F5DA55;
}

.jumbotron p {
    font-size: 20px;
    font-weight: 600;
}

.jumbotron-callout {
    display: block;
    color: inherit;
    padding: 20px;
    margin: 20px 0px;
    border: 1px solid #EEE;
    border-radius: 3px;
}
.jumbotron-callout:hover{
	color:white !important;
	text-decoration:none;
}
.jumbotron-callout p {
    
    font-size: 28px;
    font-weight: 600;
}
.index-assembly-col{ *padding-left:0px;*padding-right:0px; }
.widget-layout {
    position: relative;
    background: #FFF none repeat scroll 0% 0%;
    overflow: hidden;
    border-radius: 7px;
    *padding-left:5px;*padding-right:5px;
}


.post {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.post a{color:#666;}
.post a:hover{color:#666;}

#carousel-example-generic .carousel-indicators li{ *float:left;  }
#carousel-example-generic .carousel-indicators  { *margin-left:auto;*margin-right:auto;  } 


/* assembly start */

.m-tabs{ width:100%;background:#E5E5E3;border-bottom:1px solid #f0f0f0; }
.m-tabs a:hover{text-decoration: none;  }
.m-tabs .active{background-color:#337ab7;color:white;text-decoration:none;}
.m-tabs .active a{color: #fff!important;}
.m-tab-pane{display:none;background-color:white;padding:3px 20px;}
.m-tab-panel-product{ margin-top:13px;padding:5px;*margin:5px; }
.m-tab-panel-product-name{ padding:5px; }
.m-tab-pane .col-sm-6,.m-tab-pane .col-sm-4{*padding-left:0px;*padding-right:0px;*z-index:2;}

.img-radio{ display:inline-block; width:92px;height:92px;z-index:100; border:1px solid #FFFFFF;}
.img-radio img{cursor:pointer; }
.img-radio-checked { border:1px solid #337AB7;}
.img-radio-active { border:1px solid #9d9d9d;}
.img-radio img{position:absolute;}
.productBlock{position:relative;z-index:205;*padding-left:1px;*padding-top:1px;}
	.img-radio .productImg{z-index:200;position:absolute;}
.img-radio-checked .productBlock i{position:absolute;z-index:202;width:20px;height:20px;display:block;right:0px;*right:-3px;color:red;  background:url('/assets/images/img-radio-checked.gif') no-repeat;padding:2px;}

	
 .img-panel-float{display:block;position:absolute;z-index:3005;}
	  
	  .img-panel{cursor:cross;display:none;position:absolute;border:1px solid #9d9d9d;width:280px;box-shadow: 1px 1px 2px #999;height: auto;
		top:90px;left:-1px;background-color:white;z-index:2003;}
	  .img-panel .cnt{ padding:10px;z-index:1003;*z-index:1003; font-size: 10px;color: #666;}
      .img-panel .cnt table{font-size: 10px;color: #666;}
      .img-panel .cnt td{line-height: 29px!important;}
	 .img-panel .cnt .attr-options input{display: inline-block;vertical-align: middle;padding-top: 0px!important;margin: 0 3px;font-size: 14px;height: 24px;line-height: 22px;text-align: center;}
     .numinput{line-height: 22px!important;outline: none;text-align: center;width: 80px;font-size: 14px;}
	  .img-panel .cnt .btn-chooser{height:50px;padding-top:10px; }
	.img-radio-close{margin-right:3px;cursor:pointer;text-decoration:none!important;font-size:22px;font-weight:bold;color: #666; display: block;width: 22px;height: 22px;line-height: 22px;border: 1px solid #666;text-align: center;border-radius: 50%;margin-top: 5px;
}
	.img-panel-border-top-mask{ width:90px;height:3px;margin-top:-2px;z-index:1001;border:0px solid green;background-color:white;}
	
	.img-radio-sm{ display:inline-block;*float:left;width:41px;height:41px;cursor:pointer;border:1px solid #E4E4E4;margin-right:2px; }
	.img-radio-sm i{display:none;}
	.img-radio-sm-checked{ border:1px solid #337AB7; position:relative; }
	.img-radio-sm-checked i{position:absolute;display:block;z-index:1004;width:20px;height:20px;top:0px;right:0px;   background:url('/assets/images/img-radio-checked.gif') no-repeat;}
 
 .img-checkbox-sm-block{ width:100px;height:42px;display:block;float:left; }
	.img-checkbox-sm{ display:inline-block;*float:left;width:41px;height:41px;cursor:pointer;border:1px solid #E4E4E4;margin-right:2px; }
	.img-checkbox-sm i{display:none;}
	.img-checkbox-sm-checked{ border:1px solid #337AB7; position:relative; }
	.img-checkbox-sm-checked i{position:absolute;display:block;z-index:1004;width:20px;height:20px;top:0px;right:0px;   background:url('/assets/images/img-radio-checked.gif') no-repeat;}

.qty-panel{ padding-top:30px;padding-bottom:20px; }
/* footer */

.w-modal-lg{ width:800px;margin-left:auto;margin-right:auto;}
 
.icons-block-red {
    background: #57C8EB none repeat scroll 0% 0%;
}
.icons-block {
    color: #FFF;
    padding: 20px 0px;
}
.icons-block .fa-truck, .icons-block .fa-gift, .icons-block .fa-phone {
    font-size: 30px;
    border: 2px solid #FFF;
    border-radius: 30px !important;
    width: 60px;
    height: 60px;
    *height:45px;
    text-align: center;
    vertical-align: middle;
    padding-top: 16px;
    margin-right: 11px;
    float: left;
}
.icons-block h2{margin-top:5px;font-size:22px;}
.icons-block-col {
    overflow: hidden;
    min-height: 71px;
     padding-right:0px;
     *padding-left:0px;
}
.icons-block .icons-block-col div {
   
}


.pre-footer {
    background: #313030 none repeat scroll 0% 0%;
    color: #B0B0B0;
}
.pre-footer-col {
    padding-bottom: 22px;
    *padding-left:0px;
    *padding-right:0px;
}
.pre-footer h2, .ecommerce .pre-footer h2 {
    font-size: 21px;
    color: #C2C1C1;
    margin-top:30px;
    font-weight:600;
}
.pre-footer p {
    margin-bottom: 20px;
}
.footer .padding-top-10 {
    opacity: 0.5;
}
.padding-top-10 {
    padding-top: 10px !important;
}
.footer {
    background: #272626 none repeat scroll 0% 0%;
    color: #FFF;
    font-size: 12px;
    padding: 15px 0px;
}
.footer a {
    color: #FFF;
    text-decoration: underline;
}
.shopping{
    float: left;
    width: 100%;
}
.shoppings{
    width: 1272px;
    margin: 0 auto;
}
.line {
    float: left;
    width: 1272px;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    font-family: 宋体;
}
.lines {
    float: left;
    width: 1272px;
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
}
/*ÑÝʾÑùʽ*/
.made{
    float: left;
    width:100%;
}
.mades{
    width:1140px;
    margin:0 auto;
}
.made_all {
    float: left;
    width: 1140px;
    height: 591px;
    border: 1px solid #ccc;
    margin-top: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.made_left{
    float: left;
    width:204px;
    height:591px;
}
.img_made{
    float: left;
    margin:-3px 0 0 -3px;
}
.img_made img{
    float: left;
}
.tx{
    float: left;
    width:300px;
    margin-top:140px;
}
.tx1{
    float: left;
    font-size:25px;
    color:#2bbada;
    font-weight: bold;
    text-indent: 13px;
}
.tx2{
    float: left;
    font-size: 14px;
    margin-top:8px;
}
.xz{
    float: left;
    width:300px;
    margin-top:25px;
}
.xz1{
    float: left;
    font-size:25px;
    color:#3b75e0;
    font-weight: bold;
    text-indent: 13px;
}
.xz2{
    float: left;
    font-size: 14px;
    margin-top:8px;
}
.zh{
    float: left;
    width:300px;
    margin-top:25px;
}
.zh1{
    float: left;
    font-size:25px;
    color:#131be8;
    font-weight: bold;
    text-indent: 13px;
}
.zh2{
    float: left;
    font-size: 14px;
    margin-top:8px;
}
.made_mid{
    float: left;
    width:1px;
    height:570px;
    background: #646464;
    margin-top:12px;
}
.made_right{
    position: relative;
    float: left;
    width:915px;
    height:569px;
    margin-top:12px;
}
.ownmake{
	cursor: pointer;
    width: 191px;
    height: 79px;
    background: #0E6ED6 !important;
    z-index: 2;
    position: absolute;
    top: 20px;
   /* left: 1053px;*/
    right: 0px;
    color: #57FBFF !important;
    font-size: 30px;
    line-height: 77px;
    text-align: center;
    box-shadow: 5px 5px #B4B6AE !important;
    text-shadow:3px 3px 3px #FFFDFF !important;
    transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    font-family: ºÚÌå;
}
.ownmake:hover{
	text-shadow:3px 3px 3px #FF00CA !important;
}
.ownmake a:visited{
	color:#57FBFF;
}
.ownmake a{text-decoration:none; }

.fw{
    width:100%;
}
.fws{
    width:100%;
    margin:0 auto;
}
.fws ul{    
    float: left;
    width:100%;
    padding: 0;
    margin: 0;
   /* margin-left:30px;*/
}
.fws li{
    float: left;
    width:25%;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: 18px;
    color:#777;
    font-weight: bold;
}
.fws li div{
    margin:0 50px;
}
.zheng img{   
    float: left;
}
.zheng span{
    float: left;
    margin-left:25px;
}
.seven{
    float: left;
    
}
.seven img{
    
    float: left;
}
.seven span{
    float: left;
    margin-left:25px;
}
.money{
    float: left;
    
}
.money img{
    
    float: left;
}
.money span{
    float: left;
    margin-left:25px;
}
.car{
    float: left;
   
}
.car img{
    
    float: left;
}
.car span{
    float: left;
    margin-left:25px;
}
/*.border_bot{
    width:100%;
    border: 1px solid #303030;
    margin:30px auto;
}*/
.border_bot {
    width: 100%;
    /* border: 1px solid #303030; */
    margin: 30px auto;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.contactsimg{
    min-width: 1140px;
    margin: 30px auto;
}
.contactsimg img{
    display: block;
    width: 100%;
}
.contmain{
    min-width: 1140px;
    margin: 90px auto;
}
.contlft h3{
    display: block;
    padding: 30px;
    font-size: 22px;
    font-weight: bold;
}

/*联系框*/
.lx_info2{
    border: 2px solid #807A43;
    width: 489px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    margin: auto;
    margin-top: 28px;
    font-size:25px;
    border-radius:15px;
}

img {
margin:0 auto

}
.welcomes_main  img{z-index:0;}
.close{
    float:right;
    cursor:pointer;
}

.lx_info1{
    width:414px;
    height:74px;
}

.lx_info2 input{   
    height: 68px;
    line-height: 66px;
    width: 343px;
    margin:auto;
    padding-top:2px;
    font-size:25px;
    border:0;
    background-color:#dfe1e1;
    outline:none;
}

.sbmt input{
    font-size:25px;
    height: 52px;
    width: 162px;
    margin-left: 239px;
    margin-top: 40px;
    border-radius: 9px;
    border:1px solid #807A43;
    outline:none;
    }
.connect_info{
    height: 74px;
    width: 360px;
    margin-left: 239px;
    padding-top: 24px;
    font-size:25px;
}

.connection_frame{
    /*margin:0 auto;*/
    background-color:#DFE0E0;
    border:1px solid #807A43;
    width:600px;
    height:573px;
    z-index:500;
    position: fixed;
    top: 123px;
    left: 468px;
    border-radius:15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari 和 Chrome */
};
.left-pic{
    width: 631px;
    height: 223px;
    margin-top: 104px;
}
/*个性定制部分样式*/
.shopprice{
    margin: 10px;
}
.shopprice .pricesign{
    color: #e4393c;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    font-family: Verdana;
}
#taoshu{
    width: 98px;
    height: 42px;
    border: 1px solid #c0c0c0;
    outline: none;
    text-align: center;
    color: #6d6d6d;
    font-size: 20px;
    line-height: 32px;
}
.cartbox{
    margin-top: 30px;
}
.cartbox input{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px!important;
    line-height: 28px;
}
.show-area{
	position: relative;
	width: 540px;
	height: 340px;
	background: #f0f0f0 ;
}

.show-area-content-1{
	position: absolute;
	left:30px;
	top:20px;
	width: 480px;
	height: 300px;
	z-index:5px;
}
.show-area-content-2{
	position: absolute;
	left:30px;
	top:20px;
	width: 480px;
	height: 300px;
	outline: 1px solid cornsilk;
	z-index:10;
}
.show-area-content-3{
	position: absolute;
	left:30px;
	top:20px;
	width: 480px;
	height: 300px;
	outline: 1px solid cornsilk;
	z-index:20;
}
.show-area-content-img{
	width: 480px;
	height: 300px;
}
.select-head{
	width: 100%;
	height: 50px;
	background: #A0A0A0;
	
}
.select-items{
	width: 540px;
	height: 250px;
	
}
.select-item{
	position: relative;
	width: 100%;
	height: 80px;
	padding: 20px 0 20px;
}
.select-item-name{
	float: left;
	width: 80px;
	height: 40px;
	line-height: 40px;
}
.select-item-options{
	width: 400px;
	height: 40px;
	float: left;
	z-index: 1;
}
.select-item-option{
	float:left;
	width: 64px;
	height: 40px;
	cursor: default;
    margin-right: 5px;
	line-height: 40px;
	outline: 1px solid #E0E0E0;
}
.select-item-attrs{
	position: absolute;
	background: #FFFFFF;
	left:0;
	top:60px;
	width: 100%;
	height: 180px;
	outline: 1px solid #BFCAE6;
	z-index: 2;
	display: none;
}
.select-item-attr{
	position: relative;
	width: 100%;
	height: 50px;
	padding: 10px 0 10px;
	line-height: 40px;
}
.select-item-attr-name{
	float: left;
	height: 30px;
	width: 80px;
	line-height: 30px;
	text-align: center;
}
.select-item-attr-option{
	float: left;
	height: 30px;
	width: 64px;
    margin-right: 5px;
	text-align: center;
	cursor: default;
	line-height: 30px;
	outline: 1px solid #E0E0E0;
}
.select-item-attr-option:hover{
	outline: 1px solid #103667;
}

.select-item-attr-submit{
	position: absolute;
	width: 64px;
	height: 40px;
	line-height: 40px;
	left: 240px;
	bottom: 10px;
	text-align: center;
	
}
.select-item-option:hover{
	outline: 1px solid #103667;
}
.select-item-option-img{
	width: 64px;
	height: 40px;
}
.checked{
	outline: solid 2px #F3C246!important;
}

/*支付页面样式开始*/
.paymain{
    width: 1140px;
    margin: 10px auto;
    border: 1px solid #d5cdda;
    box-shadow: 0px 0px 3px #ccc;
    background: #fff;
}
.shoppingBox{
    text-align: center;
}
.suc_bg {
    width: 129px;
    height: 128px;
    background: url("../images/paysure.png") no-repeat;
    margin-right: 60px;
}
.sop_tip {
    text-align: center;
    line-height: 40px;
    padding: 30px 0;
    width: 520px;
}
.pagebox{
    width: 1140px;
    margin: 10px auto;
    border-top: 1px solid #e8e8e8;
}
.pagebox h3{
    height: 29px;
    line-height: 29px;
    padding-left: 190px;
}
.payment_list{
    border-bottom: 1px solid #e8e8e8;
}
.payment_list ul{
    margin-left: 0px!important;
    padding-left: 0px!important;
}
.payment_list ul li{
    float: left;
    margin: 0 27px 20px 0;
    background: #fff;
    list-style: none;
    padding-left: 190px;
}
.zhifubaobox{
    width: 100%;
    height: 100px;
    line-height: 100px;
}
.zhifubaobox input{
    width: 16px;
    height: 16px;
    border: 1px solid red;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    border: none;
    outline: none;
}
.zhifubaoicon{
    font-style: normal;
    vertical-align: middle;
    display: inline-block;
    width: 90px;
    height: 90px;
    background: url("../images/zhifubao.png") no-repeat;
    /*background-size: 100% 100%;*/
}
.paybtnbox{
    width: 100%;
    position: relative;
    text-align: center;
    padding:20px;
}
 #paybtn{
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #f5a63e;
    cursor: pointer;
    text-decoration: none;
}
/*.payendshowbj{
    position: relative;
}*/
.payendshowbox{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -180px;
    margin-top: -87px;
    width: 360px;
    height: 174px;
    background: #fff;
    border: 1px solid #ccc;
}
.payendshowmain{
    margin: 10px;
}
.payendshowtitle{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #ccc;
}
.payendshowtitle h3{
    height: 30px;
    line-height: 30px;
    margin: 0px!important;
}
.payclosebtn{
    cursor: pointer;
}
/*.payclosebtn {
    height: 16px;
    width: 16px;
    display: inline-block;
    float: right;
    margin: 7px auto;
    background: url(../images/close.png) no-repeat;
    background-size: contain;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/close.png',  sizingMethod='scale');
    cursor: pointer;
}*/
.payendshowcont a{
    margin-right: 10px;
}
.payinfotop input{
    width: 70%;
    border: 0 none;
    height: 24px;
    line-height: 24px!important;
    outline: none;
}
.payinfodown input{
    width: 70%;
    border: 0 none;
    height: 24px;
    line-height: 24px!important;
    border-bottom: 1px solid #ccc;
    outline: none;
    color: #666;
    background: #fff;
}
.shopdesc{
    width: 100%;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
#back-to-top{
    position: fixed;
    right: 0px;
    top: 220px;
    width: 86px;
    height: 286px;
    background-image: url("../../assets/images/float_bg.png");
    z-index: 2;
}
.service_icon{position: relative; height:68px;padding-top: 17px;}
.service_number{display: none; position: absolute;top: 4px;right: 78px;width: 190px;height: 161px; background-image: url("../../assets/images/server_hover_bg.png");text-align: center;}
.service_number_text span{display: block;margin-top: 15px; font-size: 14px;color: #666;}
.service_number_text span:after{content: ""; display: block;width: 30px;height: 2px; margin: 7px auto;background-color: #666;}
.service_number_text i{display: block; font-size: 18px;color: #f66;font-style: normal;}
.product_icon_number{display: none; position: absolute;top: 2px;right: 78px;width: 190px;height: 161px;}
.product_icon,.customization_icon,.backtop_icon{height:68px;padding-top: 12px;}
.service_icon a,.service_icon a:hover,.product_icon a,.product_icon a:hover,.customization_icon a,.customization_icon a:hover,.backtop_icon a,.backtop_icon a:hover{
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    background-image: url("../../assets/images/server_icon_1.png");
    text-decoration: none;
}
.service_icon a:hover{
    background-image: url("../../assets/images/server_icon_2.png");
}
.service_icon a:after,.service_icon a:hover:after,.product_icon a:after,.product_icon a:hover:after,.customization_icon a:after,.customization_icon a:hover:after,.backtop_icon a:after,.backtop_icon a:hover:after{
    content: "寻求帮助";
    display: block;
    width: 51px;
    padding-top: 30px;
    color: #a6a6a6;
    font-size: 12px;
    margin-left: -10px;
    text-decoration: none;
    text-align: center;
}
.service_icon a:hover:after,.backtop_icon a:hover:after{
    color: #a6a6a6;
}
.product_icon a,.product_icon a:hover{
    background-image: url("../../assets/images/shopping_icon_1.png");
}
.product_icon a:hover{background-image: url("../../assets/images/shopping_icon_2.png");}
.product_icon a:after,.product_icon a:hover:after{
    content: "手机商城";
    color: #faae7c;
}
.product_icon a:hover:after{color: #faae7c;}
.customization_icon a,.customization_icon a:hover{
    background-image: url("../../assets/images/dz_icon_1.png");
}
.customization_icon a:hover{background-image: url("../../assets/images/dz_icon_2.png");}
.customization_icon a:after,.customization_icon a:hover:after{
    content: "我要定制";
    color: #f99;
}
.customization_icon a:hover:after{color: #f99;}
.backtop_icon a{background-image: url("../../assets/images/backtop_icon_1.png");}
.backtop_icon a:hover{background-image: url("../../assets/images/backtop_icon_2.png");}
.backtop_icon a:after,.backtop_icon a:hover:after{content: "返回顶部";}
.service_number_icon{margin-top: 15px;}
.service_number_icon a{display:inline-block; margin: 0 auto;color: #999;font-size: 12px;}
.service_number_icon a:after,.service_number_icon a:hover:after{display: none;}
.service_number_icon_a{float: left;margin-left: 37px;}
.service_number_icon_a span{
    display: block;
    text-align: center;
    margin-top: 8px;
    margin-left: -8px;
    width: 52px;
}
.service_number_icon_img{width:34px;height: 34px;background-color: rgb(153,153,153); }
.customkey{
    font-family: "Microsoft YaHei";
    font-size: 24px;
    color: #363636;
    font-weight: normal;
    font-style: normal;
}
.listupdate li{
    border: 0 none;
    background-color: #f7f7f7;
    z-index: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.listupdate li a{
    text-decoration: none;
}
.listupdate li:hover{
   opacity: .8;
   filter:alpha(opacity=80);
   /*background-color: #ccc;*/
  /* box-shadow: 0 5px 5px #ccc;*/

}
.listfont{
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #363636;
}
.foothr{
    width: 100%;
    height: 0px;
    margin-bottom: 30px;
    border-top: 1px solid #E6E0E0;
}
/*颜色*/
.col_523 {
    color: #56abe4;
}
.col_red{
    color: red;
}
.col_f60 {
    color: #f49f26;
}
.col_666 {
    color: #666;
}
/*布局*/
.inline{
    display: inline-block;
    vertical-align: middle;
}
.t_l {
    text-align: left;
}
.lineH24 {
    line-height: 24px;
}
.mg_t20 {
    margin-top: 20px;
}
.mg_t45 {
    margin-top: 45px;
}
.mg_t40 {
    margin-top: 40px;
}
.mg_t10 {
    margin-top: 10px;
}
.mg_l40 {
    margin-left: 40px;
}
.mg_l10{
    margin-left: 10px;
}
.mg_t90{
    margin-top: 90px;
}
.mg_b45{
    margin-bottom: 45px;
}
.mg_b80{
    margin-bottom: 80px;
}
.mg_r5{
    margin-right: 5px;
}
.mg_l5{
    margin-left: 5px;
}
.mg_b22{
    margin-bottom: 22px;
}
.pd30{
    padding: 30px;
}
/*字体*/
.f18 {
    font-size: 18px !important;
}
.f16 {
    font-size: 16px!important;
}
.f12 {
    font-size: 12px;
}
.fb {
    font-weight: bold;
}
.text-shadow{
    text-shadow:2px 0 2px #ccc;
}
a{
    cursor: pointer;
}

/* 下载页面样式 */
.position_con{
    width: 100%;
    height: 40px;
    margin-bottom: 70px;
    margin-top: 64px;
    border-bottom: 1px solid #e6e6e6;
}
.container_top{
    width: 1200px;
    margin:0 auto;
    height: 40px;
    line-height: 40px;
    padding-left: 34px;
    position: relative;
    color:#999;
    font-size: 12px
}
.container_top a,.container_top a:hover{
    font-size: 12px; 
    text-decoration: none;
}
.container_top a:hover{color: #f66;}
.cols{
    color:#999;
}
.cols7{
    color: #f66;
}
.search{
    height: 124px;
    background: -webkit-linear-gradient(#838383,#5b5b5b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#838383,#5b5b5b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#838383,#5b5b5b); /* Firefox 3.6 - 15 */
    background: linear-gradient(#838383,#5b5b5b);
}
.search_qd{
    line-height: 124px;
    margin-left: 59px;
    color: #feffff;
    font-size: 24px;
}
.search input{
    width: 520px;
    height: 37px;
    line-height: 37px;
    padding-left: 10px;
    color: #acacac;
    font-size: 16px;
    outline: none;
}

.search img{
    margin: -5px 0 0 -4px;
}
.contain_down{width: 1200px;margin:0 auto;min-height: 450px;}
.down{
    margin-top: -20px;
    padding-bottom: 30px;
    /*text-align: center;*/
    padding-left: 45px;
}
.drive_down{
    float: right;
    width: 100px;
    height: 36px;
    line-height: 36px;
    margin-top: 32px;
    text-align: center;
    background-color: #f66;
}
.drive_down a{
    display: block;
    width:100%;
    color:#fff;
    font-size:14px;
}
.down p{
    color: #000;
    font-size: 30px;
    margin:0;
}
.down span{
    color: #999;
    font-size: 14px;
}
.infolist{
    padding: 0;
    margin-bottom: 80px;
}
.infolist li{
    position: relative;
    height: 100px;
    list-style: none;
}
.info_list:hover,.infolist_act{
    /*background-color: rgb(255,255,255);*/
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.07);
}
.info_list{
    height: 100px;
    line-height: 100px;
    border-bottom: 1px solid #e5e5e5;
}
.info_list_img{float: left;width: 100px;height: 100px;}
.info_list_img img{
    width: 46px;
    height: 42px;
    margin: 29px auto 0;
    display: block;
}
.info_list_p{
    height: 100px;
    float: left;
    line-height: 0px;
}
.info_list_p p{
    margin-top: 24px;
    line-height: 30px;
    color: #1d1d1d;
    font-size: 18px;
    font-weight: bold;
}
.info_list_p span{
    color: #999;
    font-size: 12px;
}
.click_info,.click_info_act{
    float: right;
    height: 100px;
    width: 40px;
    margin:0 26px;
    cursor: pointer;
}
.click_info:before,.click_info_act:before{
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    margin: 40px 14px 0;
    border-top: 1px solid red;
    border-right: 1px solid red;
    border-left: 0px solid transparent;
    border-bottom: 0px solid transparent;
    transform:rotate(130deg);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -trident-transition: 0.4s;
    -gecko-transition: 0.4s;
}
.click_info_act:before{
    margin: 48px 14px 0;
    transform:rotate(-45deg);
}
.info{
    display:none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px  12px 10px 90px;
    background-color: #f7f7f7;
    z-index: -1;
}
.img1{
    position: absolute;
    top: -12px;
    left: 100px;
    width: 34px;
    height: 12px;
    background-color: #f7f7f7;
    z-index: 1;
}
.img2{
    position: absolute;
    top: 20px;
    right: 13px;
    z-index: 2;
}
.info span{
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 20px;
}
.info p{
    margin: 20px 0 0 0;
    font-size: 16px;
    color: #272636;
}
.title_name{
    margin: 28px auto 30px auto;
    color: #000;
    text-align: center;
}
.title_name p{
    margin:0;
    font-size: 30px;
    color: #000;
}
.title_name span{
    font-size: 14px;
    color: #999;
}
.img_list{
    width: 1200px;
    margin: 80px auto 0;
}

.img_list ul{
    margin:0;
    list-style: none;
}

.span_list{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -300px;
    width: 600px;
    height: 600px;
    /*padding: 12px 22px 18px 22px;*/
    background-color: #fff;
    box-shadow: 0px 4px 21px 0px;
    border-radius: 12px;
    z-index: 2;
}
.span_list_img{
    width: 600px;
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;  
}
.span_list_img::-webkit-scrollbar {width: 18px;background: #dbdbdb;}
.span_list_img::-webkit-scrollbar-track {background: #dbdbdb;}
.span_list_img::-webkit-scrollbar-thumb {border-radius: 15px;background: #f5f5f5;border: 4px solid #dbdbdb;}

.span_max_width{
    width: 600px;
    height: auto;
    overflow: hidden;
}
.span_max_width p{
    width: 410px;
    margin:0 auto;
}

.span_max_width p span{
    display: block;
    text-align: center;
    color: #b3b3b3;
    font-size: 14px;
}
.span_max_width p img{width: 100%;margin:0 auto;}
.img_list_li{
    float: left;
    margin-bottom: 20px;
    height: 198px;
    width: 25%;
    border:1px solid #f0f0f0;
    border-right: 0;
    box-sizing:border-box;
}
.img_list_li:hover{
    float: left;
    margin-bottom: 20px;
    height: 198px;
    width: 300px;
    border:2px solid #f66;
    box-sizing:border-box;
}
.img_list_li:nth-child(4n){border-right:1px solid #f0f0f0;}
.img_list_li:hover:nth-child(4n){border-right:2px solid #f66;}
.img_list_li:last-child{border-right:1px solid #f0f0f0;}
.img_list_li:hover:last-child {border-right: 2px solid #f66;}
/*.mg_ie7{
    *margin-left:35px; 
}*/
/* .img_list_li > a {
  position: relative;
  float: left;
}
.img_list_li > li > img {
  width: 200px;
  -webkit-transition: .1s transform;
  -moz-transition: .1s transform;
  -ms-transition: .1s transform;
  -o-transition: .1s transform;
  transition: .1s transform;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.img_list_li > a:hover {
  z-index: 9;
}

.img_list_li > a:hover > img {
-webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: .3s transform;
  -moz-transition: .3s transform;
  -ms-transition: .3s transform;
  -o-transition: .3s transform;
  transition: .3s transform;
} */
.contact_content{
    width: 1200px;
    height: 130px;
    margin: 60px auto 110px;
}
.scan{
    width: 230px;
    margin: 58px auto 0;
    text-align: center;
}
.scan span{
    display: inline-block;
    line-height: 40px;
    font-size: 20px;
    color: #000;
}
.interaction{
    float: left;
    width: 43%;
    margin-top: 4px;
    font-family: "Microsoft YaHei";
    cursor:default;
}
.interaction a{
    float: left;
    width: 50%;
    display: block;
    text-decoration: none;
    cursor:pointer;
}
.interaction_list{
    margin-left: 11px;
    margin-bottom: 30px;
}
.interaction_list_imgbg,.interaction_list_imgbg_act{
    float: left;
    width: 44px;
    height: 44px;
    background-color: #808080;
}
.interaction_list_imgbg_act{
    background-color: #f66;
}

.interaction_list_con{
    margin-left: 55px;
}
.interaction_list_con p{
    margin: 0;
    line-height: 28px;
    font-size: 16px;
    color: #4d4d4d;
}
.interaction_list_con span{
    font-size: 12px;
    color: #999;
}
.interaction_list_img{float: right; width: 57%;}
.list_img_border,.list_img_noborder{float: left;}
.list_img_border:after{content: "";display: inline-block;height: 90px;margin-top: 20px; border-right: 1px solid #e6e6e6;}
.list_img_text{
    float: left;
    margin: 43px 39px;
    text-align: center;
}
.list_img_text p{margin:0; font-size: 18px;color: #333;}
.list_img_text span{font-size: 12px;color: #666;}
.list_img_bg{float: left;margin-right: 41px;}
.list_img_bg_blk,.list_img_bg_act{
    width: 132px;
    height: 132px;
    background-image: url("../../assets/images/service_number_1.jpg");
}
.list_img_bg_act{
    background-image: url("../../assets/images/service_number_2.jpg");
}
.about_content{
    clear: both;
    width: 1200px;
    height: 300px;
    margin: 48px auto 100px;
    overflow: hidden;
}
.about_content_address{
    float: left;
    width: 492px;
    height: 225px;
    margin: 40px 0 0 16px;
}
.about_title_name p{margin-top: 8px; margin-bottom: 20px; font-size: 22px;color: #333;}
.about_address_list{
    cursor: pointer;
    margin: 14px  0;
    font-size: 16px;
    color: #666;
}
.about_phone{
    margin-top: 14px;
    font-size: 16px;
    color: #666;
}
.about_content_map{
    position: relative;
    float: right;
    width: 560px;
    height: 300px;
    margin: 16px 0;
    overflow: hidden;
}
#allmap{
    position: absolute;
    width: 560px;
    height: 300px;
    display: block;
}
#allmap1{
    position: absolute;
    width: 560px;
    height: 300px;
}
.product_list{width: 1200px;margin:0 auto; clear: both; padding: 0 40px;}
.products_w{width: 1200px;margin:0 auto;padding:70px 30px 0 50px;}
.other_products{
    
}
.other_products_left{
    float: left;
}
.other_products_left p{
    font-size: 30px;
    color: #333;
    margin:0;
}
.other_products_left span{
    font-size: 12px;
    color: #999;
}

.other_products_right{
    float: right;
    margin-top: 25px;
}
.other_products_auto{
    float: none;
    width: 514px;
    height: 26px;
    margin: 0 auto 40px auto;
}
.other_products_right li{
    float: left;
    list-style: none;
    height: 26px;
    line-height: 26px;
}
.other_products_right li:after{
    content: "";
    display: inline-block;
    height: 12px;
    border-right: 1px solid #ccc;
    vertical-align: -2px;
}
.other_products_right li:last-child:after{ border-right: 0;}
.other_products_right a,.other_products_right a:hover{
    display: inline-block;
    padding: 0 20px;
    color: #999;
    font-size: 12px;
    background-color:transparent;
}
.other_products_right a:hover{
    color: #fffefe;
    background-color: #f66;
    text-decoration:none;
}
.lunbo_1{clear: both;padding-top: 35px;}
 html, body {
        position: relative;
        height: 100%;
    }
.swiper-container,.swiper-container1,.swiper-container2{
        padding-bottom: 33px;
    }
.swiper-slide,.swiper-slide1{
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-button-next1,.swiper-button-prev1{
        position: absolute;
        top: 33%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;
        background-position: center;
        background-repeat: no-repeat
    }
    .swiper-button-prev:hover{background-image: url("../../assets/images/left_2.png");}.swiper-button-next:hover{background-image: url("../../assets/images/right_2.png");}
    .swiper-button-prev1:hover{background-image: url("../../assets/images/left_2.png");}.swiper-button-next1:hover{background-image: url("../../assets/images/right_2.png");}
    .swiper-button-prev1,.swiper-container-rtl .swiper-button-next1 {
        background-image: url("../../assets/images/left_1.png");
        left: 0px;
        right: auto
    }
    .swiper-button-next1,.swiper-container-rtl .swiper-button-prev1 {
        background-image: url("../../assets/images/right_1.png");
        right: 0px;
        left: auto
    }
    .swiper-pagination1{
        position: absolute;
        text-align: center;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        z-index: 10;
    }
    .swiper-container-horizontal>.swiper-pagination1{
        bottom: 10px;
        left: 0;
        width: 100%;
    }
    .swiper-pagination1.swiper-pagination-hidden {
        opacity: 0
    }
    .swiper-container-horizontal>.swiper-pagination1 .swiper-pagination-bullet {
        margin: 0 5px;
    }
    .swiper-slide-wid a{cursor: pointer;}
    .swiper-slide-wid{
        float: left;
        width: 24%;
        margin-right: 1%;
    }
    .swiper-slide-wid:last-child{margin-right: 0;}

    .swiper-slide-list a{cursor: pointer;}
    .swiper-slide-list{
        float: left;
        width: 24%;
        margin-right: 1.33%;
    }
    .link_li_img{
        float: left;
        width: 100%;
        margin-right: 0;
        cursor: pointer;
    }
   
    .swiper-slide-list:nth-child(4n){margin-right: 0;}
    .swiper-slide-img{    
        position: relative;
        display: block;
        /*overflow: hidden;*/
    }


    .swiper-slide-img img{
        width: 100%;
        height: auto;
        transition: all ease-out .3s;
        float: none;
        display: block;
    }
    .link_img,.product_link_img{
        position: absolute;
        top: 50%;
        right: 50%;
        width: 71px;
        height: 71px;
        margin-right: -35px;
        margin-top: -35px;
        -webkit-transition: opacity .3s linear;
        -moz-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        transition: opacity .3s linear;
        opacity:0;
    }
    .product_link_img{
        top: 0;
        right: 0;
        width: 46px;
        height: 29px;
        margin:0;
    }
    .img_list_li .img_icon_fd img{
        width: 200px;
        height: 136px;
        margin: 8px auto;
    }
    .img_list_li:hover .img_icon_fd img{
        margin: 7px auto;
    }
    .fadein {
      opacity: 10;
      filter: alpha(opacity=100);
    }
    .link_img img{
        width: 100%;
        height: 100%;
    }
    .item_wrapper,.item_wrapper_act{
        height: 60px;
        padding: 0 10px;
        margin-bottom: 20px;
        line-height: 60px;
        background-color: #f7f7f7;
        box-sizing: border-box;
        transition: all ease-out .3s;
    }
    .item_wrapper_act{
        background-color: rgb(255,102,102);
    }
    .item_wrapper p{
        font-size: 16px;
        display: inline-block;
        margin:0;
    }
    .item_wrapper_product_name{
        height: 44px;
        line-height: 44px;
    }
    .item_wrapper_text{    
        width: 67%;
        float: left;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .item_wrapper_name{width:100%;float: none; text-align: center;font-weight: bold;}
    .item_wrapper_price{float: right; text-align: right;display: inline-block;}
    *{margin:0;padding: 0;}
    .con{width: 100%;clear: both;margin-top: 70px;}
    .con_border{width: 100%; border-top: 1px solid #e6e6e6;}
    .con_wid{width: 1200px; height: 600px; padding-top: 135px; margin: 0 auto;}
    .con_left{float: left;width: 65%;}
    .con_right{float: left;width: 35%;}
    .con_right p{font-size: 30px;color: #333;margin:50px 0 28px 0;}
    .con_span span{display: block;font-size: 14px;color: #666;line-height: 26px;}
    .con_autocenter{
        margin-top: 80px;    
        padding-bottom: 20px;
        border-bottom: 1px solid #e6e6e6;}
    .con_autocenter_text1{
        text-align:center; 
        font-size: 30px;
        color: #333;
    }
    .con_autocenter_text2{
        margin: 20px 0 50px 0;
        text-align:center; 
        font-size: 14px;
        color: #666;
    }
    .con_autocenter img{display: block; width: 967px; margin:0 auto;}
    .jkdz_video{position: relative; margin:100px 0;}
    .play_video{position: relative; width: 1020px;height: 600px;}
    .play_video video{ width: 1020px;height: 600px;}
    .play_img{position: absolute;top:50%;left: 50%;width: 152px;height: 152px;margin-top: -76px; margin-left: -76px;cursor: pointer;}
    .play_img img{width: 100%;}
    .about_jkdz{position: absolute;top: 40px;right:40px;width: 50%;height: 520px;padding:95px 80px 0 145px;background-color: rgb(255, 255, 255);box-shadow: 0px 4px 33px 0px rgba(4, 0, 0, 0.14);z-index: 1;}
    .about_jkdz_title h1{margin: 0;font-size: 30px;}
    .about_jkdz_title p{line-height: 30px; font-size: 14px; color: #999;}
    .about_jkdz_text{margin:40px 0 104px 0; line-height: 30px; font-size: 16px; color: #666;}
    .about_jkdz_link{width: 240px;height: 60px;font-size: 16px;}
    .about_jkdz_link a{display: inline-block; width: 238px;height: 58px;line-height: 58px; text-align: center; border:1px solid #ccc; color: #666;}
    .about_jkdz_link a:hover{display: inline-block; width: 240px;height: 60px;line-height: 60px; text-align: center; border:0; color: #fff;background-color: #f66;text-decoration:none;}
    .buttom_bgimg{width: 100%;height: 260px; margin-bottom: 160px; background-image: url("../../assets/images/buttom_bg.jpg");background-size: 100% 100%;}
    .buttom_bgcolor{width: 100%; height: 260px; background-color: rgba(252,106,105,.9)}
    .buttom_sever{color: #fff;text-align: center;}
    .buttom_sever p{font-size: 38px;margin:0;padding-top: 66px;}
    .buttom_sever span{font-size: 14px;}
    
    .button_server_list{width: 1440px;margin:0 auto;}
    .service_list_text{float: left;  width: 470px;height: 160px;margin-top: 40px;margin-right: 15px; background-color: rgb(255, 255, 255);box-shadow: 0px 4px 24px 0px rgba(4, 0, 0, 0.1);}
    .service_list_text:last-child{margin-right:0}

    .service_list_text img{float: left;}
    .server_img_1{margin:46px 0 0 46px;}
    .server_img_2{margin:44px 0 0 42px;}
    .server_img_3{margin:48px 0 0 48px;}
    .list_text_pdl{padding:40px 50px 0 160px;}
    .list_text_pdl p{font-size: 18px;color: #4c4c4c;}
    .list_text_pdl span{line-height: 24px; font-size: 14px;color: #999;}
    .footer_bg{
    width: 100%;
    padding: 65px 0 22px 0;
    background-color: #3e3e3e;
    clear: both;
}
.footer_bg_div{width: 1400px;margin:0 auto;}
.footer_bg_div p{
    font-size: 16px;
    color: #bfbfbf;
    margin:0;
}
.footer_bg_div_ul li{
    float: left;
    font-size: 13px;
    margin: 26px 93px 36px 0;
    color: #999;
    list-style: none;
}
.footer_bg_div_ul li:last-child{margin-right: 0}
.footer_bg_div_span{
    float: right;
}
.footer_bg_div_a{
    position: relative;
    clear: both;
}
.footer_bg_div_a a{
    display: inline-block;
    width: 31px;
    height: 30px;
    margin: 4px 16px 40px 0;
}
.qq_icon{
    background-image: url("../../assets/images/qq_icon1.png");
}
.qq_icon:hover{
    background-image: url("../../assets/images/qq_icon2.png");
}
.qq_act_img{
    display: none;
    position: absolute;
    top: -80px;
    left: -71px;
    width: 178px;
    height: 113px;
}
.wx_icon{
    background-image: url("../../assets/images/wx_icon1.png");
}
.wx_icon:hover{
    background-image: url("../../assets/images/wx_icon2.png");
}
.wx_act_img{
    display: none;
    position: absolute;
    top: -121px;
    left: 6px;
    width: 127px;
    height: 156px;
}
.wb_icon{
    background-image: url("../../assets/images/wb_icon1.png");
}
.wb_icon:hover{
    background-image: url("../../assets/images/wb_icon2.png");
}
.footer_bg_div_num{
    height: 10px;
    font-size: 12px;
    color: #999;
    margin-top: 20px;
}
.zhebu{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    z-index: 2;
}
.zhebu_video{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -510px;
    margin-top: -300px;
    width: 1020px;
    height: 600px;
    z-index: 3;
}
.zhebu_video video{
    width: 1020px;
    height: 600px;
}
@media screen and (max-width: 1366px) and (min-width: 1200px){
    .play_video{
        position: relative;
        width: 680px;
        height: 400px;
    }
    .play_video video{
        width: 100%;
        height: 400px;
    }
    .play_img{position: absolute;top:50%;left: 50%;width: 100px;height: 100px;margin-top: -50px; margin-left: -50px;cursor: pointer;}
    .about_jkdz{    
        position: absolute;
        top: 20px;
        right: 40px;
        width: 680px;
        height: 355px;
        padding: 45px 80px 0 120px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 4px 33px 0px rgba(4, 0, 0, 0.14);
        z-index: 1;
    }
    .about_jkdz_title h1{margin: 0;font-size: 30px;}
    .about_jkdz_title p{line-height: 30px; font-size: 14px; color: #999;}
    .about_jkdz_text{margin:40px 0 44px 0; line-height: 30px; font-size: 14px; color: #666;}
    .about_jkdz_link{width: 240px;height: 60px;margin:0 auto;font-size: 14px;}
    .about_jkdz_link a{display: inline-block; width: 198px;height: 48px;line-height: 48px; text-align: center; border:1px solid #ccc; color: #666;}
    .about_jkdz_link a:hover{display: inline-block; width: 200px;height: 50px;line-height: 50px; text-align: center; border:0; color: #fff;background-color: #f66;text-decoration:none;}
}
@media screen and (min-width: 1200px){
    .button_server_list{width: 1200px;margin:0 auto;}
    .service_list_text{width: 390px;height: 160px;}
    .list_text_pdl span{font-size: 12px;}
    .footer_bg_div,.footer_bg_div hr,.footer_bg_div_num{width: 1200px;margin:0 auto;}
    .footer_bg_div_ul li {
        float: left;
        font-size: 13px;
        margin: 20px 93px 36px 0;
        color: #999;
        list-style: none;
    }
    .footer_bg_div_num{margin:20px auto 0;}
}
.page_list{    
    clear: both;
    width: 280px;
    height: 40px;
    margin: 0 auto;
    padding: 40px 0 80px 0;
}
.page_list li{
    float: left;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    list-style: none;
    color: #fff;
    font-size: 16px;
}
.page_list li:last-child{margin-right: 0;}
.page_left{
    background-image: url("../../assets/images/left_1.png");
}
.page_left:hover{
    background-image: url("../../assets/images/left_2.png");
}
.page_right{
    background-image: url("../../assets/images/right_1.png");
}
.page_right:hover{
    background-image: url("../../assets/images/right_2.png");
}
.page_num{
    background-color: #b3b3b3;
}
.page_num:hover,.page_num_act{
    background-color: #f66;
}
 .show_text{
    display: none;
}
    /*.other_products_right a, .other_products_right a:hover{padding: 10px;}*/
.titlename,.yd_nav{display: none;}

@media screen and (max-width: 768px) and (min-width: 375px){
    .product_list {
        width: 100%;
        max-width: 768px;
        min-width: 320px;
        clear: both;
        padding: 0 10px;
    }
    .swiper-slide-list{
        float: left;
        width: 49.5%;
        margin-right: 1%;
    }
    .swiper-slide-list:nth-child(2n){margin-right: 0;}
    .other_products_right a, .other_products_right a:hover{padding: 10px;}
    .item_wrapper p{font-size: 12px;}
    .link_img{
        position: absolute;
        top: 50%;
        right: 50%;
        width: 50px;
        height: 50px;
        margin-right: -25px;
        margin-top: -25px;
        -webkit-transition: opacity 1s linear;
        -moz-transition: opacity 1s linear;
        -o-transition: opacity 1s linear;
        transition: opacity 1s linear;
        opacity: 0;
    }
    .img_icon img{
        margin: 5px auto;
    }
    .fadein {
        opacity: 10;
        filter: alpha(opacity=10);
    }
    .item_wrapper,.item_wrapper_act{
        height: 40px;
        padding: 0 10px;
        line-height: 40px;
        background-color: #f7f7f7;
        box-sizing: border-box;
        transition: all ease-out .3s;
    }
    .item_wrapper_act{
        background-color: rgb(255,102,102);
    }
}
@media screen and (max-width: 768px) and (min-width: 320px){
    .container_top{display: none;}
    .navbar-header{display: block;}
    .img_list {
        width: 100%;
        max-width: 768px;
        min-width: 320px;
        padding: 0 5px;
        margin: 40px auto 0;
    }
    .img_list_li{
        float: left;
        margin-bottom: 20px;
        height: 198px;
        width: 50%;
        border:1px solid #f0f0f0;
        border-right: 0;
        box-sizing:border-box;
    }
    .img_list_li:hover{
        float: left;
        margin-bottom: 20px;
        height: 198px;
        width: 50%;
        border:1px solid #f66;
        box-sizing:border-box;
    }
    .img_list_li:nth-child(2n){border-right:1px solid #f0f0f0;}
    .img_list_li:hover:nth-child(2n){border-right:1px solid #f66;}
    .img_list_li:hover:nth-child(4n) {
        border-right: 1px solid #f66;
    }
    .img_list_li .img_icon_fd img{
        width: 200px;
        height: 136px;
        margin: 6px auto;
    }
    .img_list_li:hover .img_icon_fd img{
        margin: 5px auto;
    }
    .link_li_img {
        float: left;
        width: 100%;
        margin-right: 0;
        cursor: pointer;
    }
    .yd_nav{position: fixed;width: 100%;height: 100%;top: 60px;left: 0;background-color: #f7f7f7;z-index: 5;}
    .yd_nav ul{margin:0;}
    .yd_nav li{
        height: 50px;
        line-height: 50px;
        margin: 0 20px;
        border-bottom: 1px solid #d9d9d9;
        font-size: 14px;
        list-style: none;
    }
    .yd_nav a,.yd_nav a:hover{display: block; width: 100%; color: #666;}
    .yd_nav a:hover{color: #f66;text-decoration: none;}
    .con_left{width: 100%;max-width: 980px;min-width: 320px;}
    .titlename{position: fixed;top:60px;display: block;width: 100%; height:40px;padding:0 15px; background-color:#f25a00;z-index: 1;}
    .productname{float: left;font-size: 14px;line-height: 40px;color: #fff;}
    .product_open{float: right; width: 40px;height: 40px;}
    .product_open_blk,.product_open_act{
        display: block;
        float: right;
        width: 10px;
        height: 10px;
        margin-top: 10px;
        border-top: 1px transparent dashed;
        border-right: 1px transparent dashed;
        border-bottom: 1px white solid;
        border-left: 1px white solid;
        transform: rotate(-45deg);
        transition:0.4s;
        -webkit-transition:0.4s;
        -trident-transition:0.4s;
        -gecko-transition:0.4s;
    }
    .product_open_act{ margin-top: 16px; transform: rotate(-224deg);}
    .other_products_auto{position: fixed;left: 0; width: 100%;height: 100%;background-color: #000;z-index: 6}
    .other_products_auto li,.other_products_auto li:hover{clear: both;display: block;width: 100%;height: 60px;line-height: 60px;font-size: 14px;color: #fff;border-bottom: 1px solid #3e3e3e;}
    .other_products_auto li:hover{background-color: #ccc;color: #f66;border: 0;}

    .other_products_right li:after{
        border-right: 0px solid #ccc;
    }
    .other_products_right a,.other_products_right a:hover{
        display: inline-block;
        width: 100%;
        height: 60px;
        color: #fff;
        background-color: transparent;
        text-decoration:none;
        padding: 0 10px;
        font-size: 14px;
    }
    .other_products_right a:hover{
        color: #f66;
        text-decoration:none;
        background-color: transparent;
    }
    .show_text{
        display: block;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size:14px;
        color:#fff;
    }
    .iclose{    
        width: 50px;
        height: 50px;
        display: block;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
    }
    .iclose:before {
        content: '';
        position: absolute;
        top: 25px;
        left: 15px;
        border-top: 1px solid #fff;
        width: 20px;
        transform: translateZ(0) rotate(-45deg);
        -webkit-transform: translateZ(0) rotate(-45deg);
    }
    .iclose:after {
        content: '';
        position: absolute;
        top: 25px;
        left: 15px;
        border-top: 1px solid #fff;
        width: 20px;
        transform: translateZ(0) rotate(45deg);
        -webkit-transform: translateZ(0) rotate(45deg);
    }
    .footer_bg{
        width: 100%;
        max-width: 980px;
        min-width: 320px;
        height: 315px;
        padding: 25px 0 22px 0px;
        background-color: #3e3e3e;
    }
    .footer_bg_div_ul{
        display: flex;
        flex-wrap: wrap;
    }
    .footer_bg_div_ul li{
        width: 100%;
        margin: 10px 26px 0 0;
    }
    .footer_bg_div{
        width: 100%;
        margin: 0;
    }
    .footer_bg_div_a a{margin: 22px 16px 22px 0;}
    .footer_bg_div_span{display:none;}
    .footer_bg_div_num{margin-top: 10px;}
    .yd_mleft, .footer_bg_div_num {margin-left: 5px;}
    .position_con{margin-bottom: 35px;}
    #back-to-top{
        position: fixed;
        right: 10px;
        bottom: 100px;
        width: 86px;
        height: 286px;
        background-image: url("../../assets/images/float_bg.png");
        z-index: 1;
    }
}

@media screen and (max-width: 320px) and (min-width: 0px){
    .img_list{padding: 0 5px;}
    .img_list_li{
        float: left;
        margin-bottom: 20px;
        height: 198px;
        width: 100%;
        border:1px solid #f0f0f0;
        border-right: 0;
        box-sizing:border-box;
    }
    .img_list_li:hover{
        float: left;
        margin-bottom: 20px;
        height: 196px;
        width: 100%;
        border:1px solid #f66;
        box-sizing:border-box;
    }
    .img_list_li:nth-child(1n){border-right:1px solid #f0f0f0;}
    .img_icon img{
        margin: 4px auto;
    }
    .product_list {
        width: 320px;
        clear: both;
        padding: 0 10px;
    }
    .swiper-slide-list{
        float: left;
        width: 100%;
        margin-right: 0;
    }
    .position_con{margin-bottom: 35px;}
    .footer_bg{
        width: 100%;
        max-width: 768px;
        min-width: 320px;
        height: 315px;
        padding: 25px 0 22px 0px;
        background-color: #3e3e3e;
    }
    .footer_bg_div_ul{
        display: flex;
        flex-wrap: wrap;
    }
    .footer_bg_div_ul li{
        margin: 10px 26px 0 0;
    }
    .footer_bg_div{
        width: 100%;
        margin: 0;
    }
    .footer_bg_div_a a{margin: 22px 16px 22px 0;}
    .footer_bg_div_span,.container_top{display:none}
    .footer_bg_div_num{margin-top: 10px;}
    .other_products_auto{width: 100%;}
}
.info_banner{
    width:100%;
    height: 400px;
    margin-top: 60px;
    margin-bottom: 30px;
    background-image:url("../../assets/images/info_banner.jpg");
    background-size: 100% 100%;
}
/*我要定制*/
.customze_con,.assembly_con{
    width: 1200px;
    margin:0 auto;
}
.customze_con_list{margin:0 55px;padding-top: 40px;}
.customze_con_list li{
    float: left;
    width: 480px;
    height: 280px;
    margin-left: 40px;
    margin-bottom: 40px;
    list-style: none;
}
.customze_con_list li:last-child{margin-bottom: 80px;}
.customze_con_list a,.customze_con_list a:hover{
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f7fafa;
}
.customze_con_list a:hover{
    box-shadow: 0 6px 40px 0 rgba(4,0,0,0.13);
    text-decoration: none;
}
.customze_con_list_text{text-align: center;}
.customze_con_list a>.customze_con_list_text p{margin: 0;font-size: 22px;color: #333;}
.customze_con_list a>.customze_con_list_text span{margin: 0;font-size: 16px;color: #999;}
.assembly_con_bg{width: 100%;height: 2870px;padding-top:40px;background-color: #f7f7f7;}
.customze_con_list_text i{font-style: normal;}
.assembly_con_title{padding-left:30px;font-size:22px;color:#333;}
.assembly_con_info{padding-left:30px;margin-top:30px;}
.assembly_con_left{float:left;width:970px;margin-right:20px;}
.assembly_con_banner{    
    position: relative;
    width: 970px;
    height: 400px;
}
.assembly_con_banner_bg{width:100%;height:400px;}
.assembly_con_banner_bg img{width:100%;height:100%;}
.assembly_con_zp{position:absolute;top:-10px;left:-2px;}
.assembly_con_img_list{width:970px;height: 168px; padding-top: 6px;margin-bottom:20px;background-color: #fff;}
.assembly_con_img_list li{float: left;list-style: none; width: 282px;height: 174px;margin:0 20px;text-align: center;font-size: 16px;color: #666;}
.assembly_con_img_list i{
    float: left;
    display: inline-block;
    width: 1px;
    height: 68px;
    margin-top: 30px;
    background-color: #e6e6e6;
}
.slideTxtBox{ width:970px; height: 662px; margin:0 auto; padding-left: 104px;background:#fff;}
.slideTxtBox_text{margin-bottom:45px;padding-top: 40px; text-align: center;}
.slideTxtBox_text p{display:inline-block;margin:0;font-size: 22px; color: #333;}
.slideTxtBox_text i{display:inline-block;font-size: 12px; color: #f66;margin: 0px 7px;font-style: normal;}
.slideTxtBox_text span{font-size: 12px; color: #999;}
.slideTxtBox .hd{}

.slideTxtBox .hd_bg{ float:left;width: 237px;height: 102px; margin-right:30px; cursor:pointer;list-style: none;}
.hd_bg_1{background-image: url("../../assets/images/color_1.png");}
.hd_bg_2{background-image: url("../../assets/images/ys_1.png");}
.hd_bg_3{background-image: url("../../assets/images/custom_1.png");}

.slideTxtBox .hd .hd_bg_1.on{ background-image: url("../../assets/images/color_2.png");margin-top: -8px;box-shadow: 0 3px 16px 0 rgba(210,0,0,0.15); transition: 1s;}
.slideTxtBox .hd .hd_bg_2.on{ background-image: url("../../assets/images/ys_2.png");margin-top: -8px;box-shadow: 0 3px 16px 0 rgba(210,0,0,0.15); transition: 1s;}
.slideTxtBox .hd .hd_bg_3.on{ background-image: url("../../assets/images/custom_2.png");margin-top: -8px;box-shadow: 0 3px 16px 0 rgba(210,0,0,0.15); transition: 1s;}
.colordp{clear: both;height: 80px; padding-top: 50px;}
.colordp_img{height: 80px;}
.colordp .colordp_img li{float: left;width: 160px;height: 80px;margin:0 15px;margin-bottom: 40px;border:1px solid #e5e5e5;list-style: none;}
.colordp .colordp_img li img{display: block;width: 80px;margin:0 auto;}

.colordp .colordp_img li.zhouti{border:1px solid #f66;}
.colordp_con{clear: both;width: 770px;height: 234px;color: #fff; overflow: hidden;}
.colordp_con div{width: 770px;height: 234px;}
.function_con{    
    width: 970px;
    height: 688px;
    margin: 20px auto;
    background-color: #fff;
}
.function_con .hd{width: 450px;height: 36px;margin:0 auto;}
.function_con .hd li{float: left; margin-right: 30px;text-align: center;font-size: 14px;}
.function_con .hd li:last-child{margin-right: 0;}
.function_blk{width: 128px;height: 34px;line-height: 34px;border: 1px solid #e5e5e5; color: #666;}
.function_act{width: 130px;height: 36px;line-height: 36px; border: 0;color: #fff;background-color:#ff6565; }
.function_img{width: 900px; height: 462px;margin:40px auto 0; overflow: hidden;}
.present_con,.basic_con{width: 970px;height: 360px; margin: 0 auto 20px;background-color: #fff;}
.present_con .slideTxtBox_text{margin-bottom: 28px;padding-top: 36px;text-align: center;}
.present_con_ul{padding-left: 25px;margin:0;}
.present_con_ul li{float: left;width: 160px;margin-left:20px;font-size: 14px;color: #999;text-align: center;}
.present_con_ul img{width: 160px; height: 202px; }
.present_con_ul span{display: block;margin-top: 14px;}
.basic_con .slideTxtBox_text{padding-left: 45px; margin-bottom: 38px;padding-top: 36px;text-align: left;}
.basic_con_ul{padding: 0 45px;}
.basic_con_ul li{float: left;margin-bottom: 18px;}
.basic_con_ul li:nth-child(2n-1){width: 490px;}
.basic_con_ul li:nth-child(2n){width: 390px;}
.basic_con_ul h4{display: inline-block;float: left; width: 70px;margin:0 40px 0 0;font-size: 14px;color: #999;}
.basic_con_ul span{display: inline-block;float: left;font-size: 14px;color: #666;}
.assembly_con_right{float:left;width:180px;}
.assembly_con_right_p{margin-bottom: 5px;text-align: center;font-size: 14px;color: #999;text-align: center;}
.assembly_con_right_p:before,.assembly_con_right_p:after{content: "";display: inline-block;width: 50px;height: 1px;background-color: #ccc;margin-right: 5px;vertical-align: super;}
.assembly_con_right_p:after{margin-left: 5px;}
.assembly_con_right_product{margin-bottom:20px;}
.assembly_con_right_product img{width: 180px;height: 145px;}
.assembly_product_name{width: 180px;height: 36px;line-height: 36px; text-align: center;font-size:13px;color: #666;background-color: #fff;}
.parts_list{
    position: relative;
    width: 180px;
    padding: 0 14px;
    border: 1px solid #eee;
    border-bottom: 0;
    background-color: #fff;
}
.parts_list_show_blk,.parts_list_show_act{position: absolute;top: -12px;left: 60px;width: 56px;height: 12px;cursor: pointer;}
.parts_list_show_act{background-image: url("../../assets/images/list_down.png");}
.parts_list_show_blk{background-image: url("../../assets/images/list_up.png");}
.parts_list_text{line-height: 30px; text-align: center;font-size: 12px;color: #666;margin: 0;}
.parts_list_li{display: none; padding-bottom: 4px;margin: 0;}
.parts_list_li li{border-bottom: 1px dashed #ccc;list-style: none;margin-bottom: 10px;}
.parts_list_li li p{font-size: 14px;color: #666;margin-bottom: 0;}
.parts_list_name{color: #999;font-size: 12px;margin: 5px 0 10px;}
.parts_list_name span{text-align: left;}
.parts_list_name i{display: block;text-align: right;font-style: normal;float: right;}
.parts_info{width: 180px;height: 34px;line-height: 34px;color: #fff;font-size: 12px;}
.parts_price{float: left; display: inline-block;width: 80px;text-align: center;font-weight: bold;background-color: #ffa86e;}
.parts_buy{display: inline-block;width: 100px;text-align: center;color:#fff;background-color: #f66;}
.parts_info a:hover{text-decoration:none;color: #fff;}
li{list-style: none;}

/*在线订购*/
.oder_title{text-align: center;margin-bottom: 30px;}
.oder_title p{margin:0;font-size: 30px;}
.oder_title span{font-size: 14px;color: #999;}
.oder_table{width: 1170px;border: 1px solid #cbcbcb;border-collapse: separate;}
.oder_menu{height: 86px; line-height: 74px;}
.oder_menu li{margin-top: -20px;}
.oder_menu td,.oder_menu li{float:left;width: 375px;height:64px;text-align: center;font-size: 16px;}
.oder_menu td:first-child{margin-left: 22px;}
.oder_menu li:first-child{margin-left: 22px;}
.oder_menu td:after,.oder_menu li:after{
    content: "";
    display: inline-block;
    float: right;
    width: 12px;
    height: 12px;
    margin-top: 30px;
    border-top: 1px transparent dashed;
    border-right: 1px transparent dashed;
    border-bottom: 1px #ccc solid;
    border-left: 1px #ccc solid;
    -webkit-transform: rotate(224deg);
    -moz-transform: rotate(224deg);
    -ms-transform: rotate(224deg);
    -o-transform: rotate(224deg);
    transform: rotate(224deg);
}
.oder_menu td:last-child::after,.oder_menu li:last-child::after{
    width: 0;
    height: 0;}
.border_blk{border-bottom: 4px solid #b3b3b3;color: #ccc;}
.border_act{border-bottom: 4px solid #f66;color: #000;}
.jianxin_bg{height: 48px;background-color: #ededed;text-align: center;}
.key_title{font-size: 16px;color: #000;border-top: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;}
.key_title span{font-size: 14px;color: #999;}
.publice_style{height:150px;border-bottom: 1px solid #cbcbcb;font-size: 20px;}
.publice_style td{float: left;height:150px;}
.publice_style_text{width:290px;line-height: 150px;text-align: center;border-right: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;}
.publice_style_img{width:460px;height:150px;border-right: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;}
.publice_style_img img{display: block; width: 414px;margin:14px auto;}
.publice_style_radio{width: 418px;padding-left: 16px;border-bottom: 1px solid #cbcbcb;}
.publice_style_line18{line-height: 18px;}
.publice_style_line{line-height: 18px;margin-top: 34px;}
.all_check,.check_xp{
    float: left;
     height: 48px;
    background-color: #ededed;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    margin-top: 19px;
}

.all_check{
    width: 290px;
    font-size: 14px;
    color:#808080;
    padding-left: 20px;
    padding-top: 3px;
}
.all_check input{    
    width: 20px;
    height: 20px;
    margin-top: 1px;
}
.all_check span{margin-left: 14px;}
.check_xp{
    width: 878px;
    line-height: 48px;
    font-size: 18px;
    padding-left: 250px;
    color: #000;
}

.single_check{    
    width: 289px;
    height: 150px;
    float: left;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
.single_check div{margin: 0;margin-left: 40px;}
.single_check label{padding: 0;}
.single_check input{
    width: 20px;
    height: 20px;
    margin: 20px 0 0 20px;
}
.single_check span{
    display: inline-block;
    line-height: 150px;
    text-align: center;
    width: 209px;
}
.single_check_img{
    float: left;
    width: 150px;
    border-right: 1px solid #cbcbcb;
    height: 150px;
    border-bottom: 1px solid #cbcbcb;
}
.single_check_img img{display: block;margin: 17px auto 0;}
.single_check_radio{
    float: left;
    width: 729px;
    height: 150px;
    border-bottom: 1px solid #cbcbcb;
}
.single_check_radio1,.single_check_radio2{
    margin:0;
    margin-top: 19px;
    padding-left: 30px;
}
.single_check_radio1{ 
    border-bottom: 1px solid #cbcbcb;
    height: 60px;
}
.pub_border,.pub_mb,.pub_keymao{ font-size:20px;border-bottom: 1px solid #cdcdcd;}
.pub_mb{height:250px;}
/*共用背景色和字体颜色*/
.public_bg{background-color: #ffe6e5;}
.color_act{color: #b2b2b2;}

.single_check_mr0{margin: 0}
.single_check_pd0{margin-left: 40px; padding: 0;}
.publice_style_mrt{margin-top: 64px;line-height: 18px;}
.logo_check_img{width: 317px;}
.logo_check_img img{margin: 10px auto 0;}
.server_bg_text{
    height: 48px;
    line-height:48px;
    margin-top: 19px;
    background-color: #ededed;
    text-align: center;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    font-size: 18px;
    color: #000;
}
.publice_style_h98{height: 98px;}
.publice_style_l150{line-height: 150px;}
.product_play_text{float: left; width: 298px;height: 445px;text-align: center; border-right: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;}
.product_play_text p{margin:0;margin-top: 180px; font-size: 18px;color: #000;}
.product_play_text span{font-size: 14px;color: #808080;}
.product_play_img{position: relative; float: left;width: 870px;height: 445px;border-bottom: 1px solid #cdcdcd;}
.product_play_img img{
    position: absolute;
    top: 15px;
    left: 15px;
    width: 840px;
    height: 415px;
}
.cover_1{z-index: 0;}
.cover_2{z-index: 1;}
.cover_3{z-index: 2;}
.oder_text{height: 108px; border-bottom: 0px solid #cdcdcd;}
.oder_text p{margin-top: 32px;color: #000;}
.total_price td{float: left;height: 108px;border-right: 1px solid #cdcdcd;}
.total_price td:last-child{border-right: 0px solid #cdcdcd;}
.price_number{width: 260px;}
.price_number span{
    display: inline-block;
    margin-top: 44px;
    padding-left: 20px;
    font-size: 14px;
    color: #808080;
}
.price_number input{
    width: 172px;
    height: 42px;
    outline: none;
    background-color: #f2f2f2;
    border: 1px solid #b3b3b3;
    margin-left: 8px;
    padding-left: 8px;
    font-size: 18px;
}
.price_multiply_by,.price_equal{
    width: 62px;
    color: #ccc;
    text-align: center;
    line-height: 108px;
    font-size: 28px;
}
.unit_price{width: 235px;text-align: right;padding-right: 30px;}
.base_pric{color: #b2b2b2;font-size: 17px;margin-top: 26px;}
.favourable_price{color: #f00;font-size: 18px;margin-top: -5px;}
.favourable_price i{font-style: normal;font-weight: bold;font-size: 16px;}
.favourable_price span{font-size: 26px;font-weight: bold;}
.price_num{width:251px;line-height: 108px;text-align: center;}
.next_link{float:right;margin-top: 32px;margin-bottom: 100px;width: 138px;height: 42px;text-align: center;line-height: 42px;}
.next_link a,.next_link a:hover{    
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    background-color: #f66;
    border-radius: 5px;
}
.next_link a:hover{background-color: #f00;}
.next_link button{width: 138px;height: 42px;background-color: transparent;border: 0;outline: none;}

/*确认订单*/
.product_parameter li{
    float: left;
    width: 234px;
    -webkit-width: 238px;
    height: 44px;
    line-height: 44px; 
    text-align: center;
    font-size: 20px;
    color: #000;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
.product_parameter li:last-child,.product_parameter_con li:last-child{float: left;width: 232px;-webkit-width: 239px; border-right: 0px solid #cdcdcd;}
.product_parameter_con li{
    float: left;width: 234px;
    -webkit-width: 238px;
    height: 290px;
    line-height: 290px; 
    text-align: center;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
.product_parameter_con li:nth-child(2){line-height: normal;text-align: left; }
.public_color,.public_style_color p,.public_style_color span{
    font-size: 15px;
    color: #808080;
    font-weight: normal;
}
.public_style_color{padding:10px 39px 0;}
.public_style_color p{font-weight: bold; margin:0;}
.parameter_con_bord{border-bottom: 1px dashed #cdcdcd;padding-bottom: 6px;}
.parameter_con_marg{margin-top: 6px;}
.parameter_price{font-size: 15px;color: #f66;}
.parameter_cont{font-size: 20px;color: #f66;font-weight: bold;}
.purchase{
    float: left;
    width: 300px;
    height: 330px;
    line-height:330px;
    text-align: center;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    font-size: 20px;
    color: #000;
}
.purchase_info{float: left;width: 868px;height: 330px;padding-top: 30px;border-bottom: 1px solid #cdcdcd;}
.purchase_text_style span{width: 70px;display: inline-block;margin-left: 40px;font-size: 14px;color: #666;}
.purchase_text_style input{margin-top: 17px;height: 34px;line-height: 34px;padding-left: 7px;font-size: 14px;color: #b2b2b2}
.w_350{width: 350px;}
.w_133{width: 133px;}
.w_66{width: 100px;margin-right: 5px;}
.w_480{width: 400px;}
.product_parameter_bottom{height:114px;margin-top: 66px;padding-right:28px;background-color: #ededed;border-top: 1px solid #cdcdcd;text-align: right;}
.amount_info{color: #000;font-size: 20px;margin-top: 24px;}
.amount_info span{display:inline-block;margin-left: 48px;font-size: 26px;color: #f00;font-weight: bold;}
.address_info,.ok_info{font-size: 15px;color: #999;}
.address_info_name{display: inline-block;margin-left: 20px;}
.check_info{float: right;margin-top: 26px;margin-bottom: 90px;}
.check_info span{display: inline-block;margin-right:10px; font-size: 14px;color: #666;}
.check_info input{width: 140px;height: 34px;margin-right: 10px;}
.check_info img{margin-right: 10px;}
.check_info a{display: inline-block;color: #0af;font-size: 14px;}
.check_info a:hover,.check_info a:hover button{text-decoration: none;}
.check_info a button,.check_info a:hover button{
    width: 138px;
    height: 42px;
    line-height: 42px;
    margin-left: 42px;
    text-align: center;
    font-size:20px;
    background-color: #f66;
    border: 0;
    outline: none;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
.check_info a:hover button{background-color: #f00;}
.check_info a button {
    width: 138px;
    height: 42px;
    color: #fff;
}
.finish_text{margin-top: 101px;}
.finish_img{width: 100px; height: 101px;margin: 0 auto 18px;}
.finish_img img{
    width: 100%;
    height: 100%;
}
.finish_text_con li{text-align: center;}
.public_finish_color1{color: #666;}
.public_finish_color2{color: #b2b2b2;}
.public_finish_color3{color: #0af;}
.subm_success{font-size: 40px;}
.list_number{margin-top: 10px;margin-bottom: 25px;font-size: 20px;}
.contact_text{margin-bottom: 48px;font-size: 30px;}
.contact_phone{margin-bottom: 5px; font-size: 15px;}
.order_mrt{margin-top: 90px;color: #d3d3d3;}
.order_mrt a{display: inline-block;margin:0 12px 30px;}
.order_mrt a:hover,.order_mrb a:hover{color: #0af;text-decoration: none;}
.order_mrb{margin-bottom: 100px;}
.marb_135{margin-bottom: 135px;}

/*注册*/