@charset "utf-8";

@font-face {
    font-family: 'pf_din_text_comp_proregular';
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fzlantinghei-l-gbkregular';
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe, h1,h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment:fixed;
_background-image:url(about:blank); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*产品详情*/
.position-box{ background:#eaeaea;}
.position{ padding:9px 0;}
.position span{ display:inline-block; float:left; color:#666666;}
.position a{ display:inline-block; float:left; margin-right:5px; color:#666666;}
.position a:hover{ color:#2190c3;}
.model{ margin: 35px 20px !important;margin-top:68px;}
.modeTab{ width:52%; float:left; border:1px solid #dedede;}
.mode-list li img{ display:block; width:100%; height:auto;}
.mode-list.owl-theme .owl-controls .owl-page{ margin-right:11px;}
.mode-list.owl-theme .owl-controls .owl-page:last-child{ margin-right:0;}
.mode-list.owl-theme .owl-controls .owl-page span{ margin:0; padding:0; width:37px; height:5px; border-radius:2px; background:#999999;}
.mode-list.owl-theme .owl-controls .owl-page.active span{ background:#3399cc;}
.mode-list .owl-pagination{ position:absolute; width:100%; left:0; bottom:16px;}
.mode-list.owl-theme .owl-controls .owl-buttons div{ width:40px; height:40px; position:absolute; top:50%; margin:0; margin-top:-20px; padding:0; text-indent:999px; overflow:hidden; transition:680ms; }
.mode-list.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:5px; background:url(../images/prev4.png) center no-repeat;}
.mode-list.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/prev4.png) center no-repeat;}
.mode-list.owl-theme .owl-controls .owl-buttons div.owl-next{ right:5px; background:url(../images/next3.png) center no-repeat;}
.mode-list.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/next4.png) center no-repeat;}

.modele{ width:44%; float:right; position:relative; height:420px;} 
.modele h2{ color:#2772b6; font-size:24px; font-weight:normal; padding-bottom:6px; border-bottom:1px solid #cccccc; position:relative;}
.modele h2 small{ display:inline-block; width:29px; height:3px; background:#2d9bcd; position:absolute;  left:0; bottom:-2px;}
.modele-text{ padding-top:2px;}
.model-list .modele-text{ display:none; padding:8px 18px 20px 18px; border:1px solid #dddddd; }
.modele-text p{ margin-left:22px;color:#666666; font-size:14px; line-height:2;}
.modele-text p span{ display:inline-block; color:#1c65a8;}
.manual{ margin-left:22px; position:absolute; left:0;}
.manual .manual-info{ float:left; margin-right:19px;}
.manual a{ display:block; width:178px; height:43px; text-indent:32px; line-height:43px; color:#ffffff; font-size:14px; font-weight:bold; position:relative; border-radius:5px;}


.products-wr{ padding-bottom:65px; border-bottom:8px solid #2d9bcd;}
.sele-list{ border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;background: #2d9bcd;} 
.sele-list li{ padding: 10px 20px; margin-left: 4px; margin-bottom:-1px; background: #2d9bcd; -webkit-text-fill-color: white}
.sele-list li:first-child{ margin-left: 0;}
.sele-list li{ display:block; text-align: left; color:#666666; position:relative; font-size: 16px;}

.sele-witch{ margin-top:64px;}
.sele-witch .sele-info{ display:none;}
.sele-witch .sele-info:nth-child(1){ display:block;}

.characteristic p{ color:#666666; font-size:14px; }/*text-indent:20px;*/
.productmodel{ border:1px solid #e4e4e4; border-collapse: collapse; border-spacing: 0; background:#fff;}
.productmodel thead tr{ background:#2d9bcd;}
.productmodel thead tr th{ height:61px; border-right:1px solid #3bb3e9; color:#fff; font-size:14px; font-weight:normal; line-height:normal;}
.productmodel thead tr th:nth-child(1){ width:111px;}
.productmodel thead tr th:nth-child(2){ width:84px;}
.productmodel thead tr th:nth-child(3){ width:92px;}
.productmodel thead tr th:nth-child(4){ width:82px;}
.productmodel thead tr th:nth-child(5){ width:89px;}
.productmodel thead tr th:nth-child(6){ width:81px;}
.productmodel thead tr th:nth-child(7){ width:122px;}
.productmodel thead tr th:nth-child(8){ width:93px;}
.productmodel thead tr th:nth-child(9){ width:78px;}
.productmodel thead tr th:nth-child(10){ width:78px;}
.productmodel thead tr th:nth-child(11){ width:78px;}

.productmodel tbody tr{ border-bottom:1px solid #e4e4e4; transition:750ms;} 
.productmodel tbody tr:hover{ background:#f1f9fd;}
.productmodel tbody tr td{ border-right:1px solid #e4e4e4; color:#666666; height:53px; text-align:center;}
.productmodel tbody tr td:nth-child(1) a{ color:#666;}
.modeload{ display:block; width:100%; height:53px; background:url(../images/load1.png) center no-repeat; margin:auto; transition:670ms;}
.modeload:hover{ background:#2d9bcd url(../images/load2.png) center no-repeat;}
.buying{ display:block; width:100%; height:53px; background:url(../images/cart.png) center no-repeat; transition:670ms;}
.buying:hover{ background:#ff911a url(../images/cart1.png) center no-repeat;}
.sample{ display:block; width:100%; height:53px; margin:auto; background:url(../images/car.png) center no-repeat; transition:670ms;}
.sample:hover{ background:#089a1c url(../images/car1.png) center no-repeat;}
.iphone-model{ display:none;}
.iphone-model .selectbox{ display:none; float:none;}
.iphone-model .selectbox span{ padding-left:0; border-left:none; border-bottom:none; background:#616161; text-indent:25px;}
.iphone-model .selectbox span i{ display:none;}
.iphone-model .selectbox:hover span,.iphone-model .selectbox.hove span{ background:#2d9bcd;}
.iphone-model .selectbox:hover span b,.iphone-model .selectbox.hove span b{ color:#fff; background:url(../images/down.png) 94% center no-repeat;}
.iphone-model .modele-text p a{ color: #666666;}
.iphone-model .modele-text p .modeload,.iphone-model .modele-text p .buying{ display:inline-block; position:relative; top:5px;}
.iphone-model .modele-text p .buying{  height:24px;}
.iphone-model .modele-text p .buying:hover{ background:url(../images/cart.png) center no-repeat;}
.product-sele .iphone-fix{ text-align:center;}





/*新增页面*/
.productbg{ background: #f6f6f6; border-bottom: 8px solid #2d9bcd;}
.productfix{ padding-top: 20px; width: 1100px;}
.pronav{ width: 18%; float: left;}
.prolist >li{ margin-bottom: 2px;}
.prolist >li span{ display: block; padding-left: 20px; height: 46px; line-height: 46px; background: #2d9bcd; color: #fff; font-size: 14px; cursor: pointer; transition: 0.38s; position: relative;} 
.prolist >li span:hover,.prolist >li.active span{ background: #16aca4;}
.prolist >li.active span b{ opacity: 1; visibility: visible;}

.prolist >li span b{ display: block; width: 12px; height: 7px; background: url(../images/arrow8.png) center no-repeat; position: absolute; right: 24px; top: 50%; margin-top: -3px; opacity: 0; visibility: hidden; transition: 0.38s;}
.promenus{ display: none;}
.promenus li{ margin-top: 2px;}
.promenus li a{ display: block; padding-left: 20px; height: 46px; line-height: 46px; color: #333333; font-size: 14px; position: relative; background: #fff;}
.promenus li a:before{ content: ""; width: 5px; height: 10px; position: absolute; right: 22px; top: 50%; margin-top: -5px; background: url(../images/arrow7.png) center no-repeat;}
.promenus li a:hover,.promenus li a.act{ color: #2d9bcd;}

.classificate{ width: 82%; float: right;}
.classificate .lecto-search{ float:none;}
.classlistd li{ position: relative; margin-bottom: 10px; border: 1px solid #dedede; background: #e4e4e4; transition: 0.54s;}
.classlistd li figure{ display: block; width: 21.164%; float: left; overflow: hidden; height: 134px; position: relative; background: #fff;}
.classlistd li figure img{ display: block; max-width: 96%; max-height: 96%; height: auto; line-height: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: 0.56s;}
.classbox{ width: 78.836%; float: left;}
.classwrs{ padding: 16px 26px 0;}
.classwrs h3{ line-height: 1; color: #2772b6; font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid #c4c4c4; font-weight: normal; transition: 0.38s; font-weight: bold;}
.classinfo{ margin-top: 16px;}
.classinfo p{ float: left; margin-bottom: 14px; width: 33.333%; line-height: 1; color: #1c65a8; font-size: 13px; height: 13px; overflow: hidden; transition: 0.38s; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; }
.classinfo p:nth-child(3n+3){ margin-right: 0;}
.classinfo p span{ color: #666666; margin-right: 8px; transition: 0.38s;} 
.classlistd li:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.classlistd li:hover{ background: #2d9bcd;}
.classlistd li:hover .classwrs h3{ color: #fff; border-bottom-color: #fff;}
.classlistd li:hover .classinfo p{ color: #fff;}
.classlistd li:hover .classinfo p span{ color: #fff;}
h2 {
	margin: 20px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
.proh2 {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	margin: 20px;
}
.pro {
	width:100%;
}
.pro table{
	font-size:16px;
	width:100%;
	border:solid 4px #039;
	color: blue;
}

.pro th{
	width:150px;
	background-color: #cae5f5;
}
.pro td{
	padding: 10px;
	border: thin double #039;
	border-width:0px 2px 2px 0px;
	background-color: #f5f5c8;
}
.product {
	width:80%;
	padding: 50px;
	margin: auto;
}
.product table{
	font-size:16px;
	width:100%;
	border:solid 4px #039;
}

.product th {text-align: center ;
	font-size:18px;
	width:300px;
	background: #c0f9fa;
	-webkit-text-fill-color: #002a80;
	border: thin double #039;
	border-width:0px 2px 2px 0px;
	padding: 10px;
}
.product td{
	padding: 10px;
	border: thin double #039;
	border-width:0px 2px 2px 0px;
	background: #edfdfd;
}
.protxt2 {
	font-size: 18px;
	margin: 5px;
	line-height: 24px;
 	
}
ol, ul { list-style: none; }
.inner { width: 90%; margin: 0px auto;}
.contact{
	padding: 50px 150px  50px 150px ;
	font-size: 24px;
	border: double #039;
	border-width:0px 2px 2px 0px;	
	text-align: left;
}
.contact span{
	color:#c0c0c0;
	font-size: 48px;
	
}
.contact dd{
	padding: 20px 120px  20px 120px ;
	font-size: 18px;
	
}
.contact dd i{
	padding: 20px;
	font-size: 28px;
	
}