@charset "utf-8";

/**

FileName:        style.css

Version:         1.0.0(2015.01.04)

Website:         PC;

Author:          Infinity arts vison,liuleimsn@sina.com

Page Width:      1200px;

**/



html{ overflow-x:hidden;}

*{margin:0; padding:0; list-style-type:none; border:0;}

table{empty-cells:show;border-collapse:collapse;border-spacing:0;}

h1{font-size:16px;} h2,h3,h4{font-size:12px; font-weight:normal;} h5,h6{font-size:12px; font-weight:normal;}

abbr,acronym{border:0;font-variant:normal} 

address,caption,cite,code,dfn,th,var,optgroup,i,b,em,small,ins,tt,big{font-size:12px; font-style:normal; text-decoration:none; font-weight:normal;}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}

input,button,textarea,select{*font-size:100%}

a{ text-decoration:none; color:#333;cursor:pointer; outline:none;blr:expression(this.onFocus=this.blur());

	-webkit-transition-property: background-color, color;

	-webkit-transition-duration: .4s, .5s;

	-webkit-transition-timing-function: ease, ease;

	-moz-transition-property: background-color, color;

	-moz-transition-duration: .4s, .5s;

	-moz-transition-timing-function: ease, ease;

	-ms-transition-property: background-color, color;

	-ms-transition-duration: .4s, .5s;

	-ms-transition-timing-function: ease, ease;

	-o-transition-property: background-color, color;

	-o-transition-duration: .4s, .5s;

	-o-transition-timing-function: ease, ease;

	transition-property: background-color, color;

	transition-duration: .4s, .5s;

	transition-timing-function: ease, ease;

}

img{display:block;}

.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0; font-size:0; width:100%;}

body{ font:12px/1.5 "Lucida Grande","Lucida Sans Unicode","Helvetica","微软雅黑","Arial","Verdana","sans-serif"; color:#000; background:#fff; position:relative; -webkit-text-size-adjust:none; min-width:1200px; cursor:default; }



.box{ width:100%; margin:0 auto; position:relative; min-width:1200px;}

@font-face {
font-family: 'Century Gothic Bold';
  src: url('../fonts/CenturyGothic-Bold.woff') format('woff'),
       url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),
       url('../fonts/CenturyGothic-Bold.svg#Helvetica57-Condensed') format('svg');
  font-weight: normal;
  font-style: normal;
}

.l_box{ position:absolute; width:300px; height:auto; left:0; top:0;}

.l_box h2{ width:210px; height:32px; padding-top:57px; margin:0 auto 81px;}

.l_box h3{ display:none;}

.l_box h2 a{ display:block; width:210px; height:32px; background:url(../bg/logo.png) no-repeat 0 0;}

.l_box nav{ display:block;}

.l_box ul{ display:block; width:262px; margin:0 auto;}

.l_box ul li{ display:block; width:262px; border-bottom:2px solid #f6f6f6; padding:21px 0; text-align:center;}

.l_box ul li.order{ display:none;}

.l_box ul li.tel,.l_box ul li.aq{ border-bottom:none;}

.l_box ul li.tel{ padding-top:31px;}

.l_box ul li.aq i{ margin:75px auto 0; width:177px; height:91px; background:url(../bg/ba_08.jpg) no-repeat 0 0; display:block;}

.l_box ul li a{ font-family:"Times New Roman", Times, serif; font-size:18px; color:#070707; width:125px; display:inline-block; line-height:18px;}

.l_box ul li a:hover{ color:#006cc0;}

.l_box ul li span{ font-family:"Times New Roman", Times, serif; font-size:18px; color:#070707; width:125px; display:inline-block; line-height:18px;}

.l_box ul li.special{ padding-top:53px; padding-bottom:24px; display: none;}

.l_box ul li.special a{display:block; margin:0 auto;}

.l_box ul li.special a.c1{ width:122px; height:25px; background:url(../bg/ba_01.png) no-repeat 0 0; margin-bottom:53px;}

.l_box ul li.special a.c2{ width:145px; height:25px; background:url(../bg/ba_02.png) no-repeat 0 0; margin-bottom:48px;}

.l_box ul li.special a.c3{ width:70px; height:48px; background:url(../bg/ba_03.png) no-repeat 0 0; margin-bottom:60px;}

.l_box ul li.special a.c4{ width:107px; height:16px; background:url(../bg/ba_04.png) no-repeat 0 0; margin-bottom:61px;}

.l_box ul li.special a.c5{ width:145px; height:32px; background:url(../bg/ba_05.png) no-repeat 0 0; margin-bottom:29px;}

.l_box ul li.special a.c6{ width:78px; height:28px; background:url(../bg/ba_06.png) no-repeat 0 0; margin-bottom:59px;}

.l_box ul li.special a.c7{ width:134px; height:19px; background:url(../bg/ba_07.png) no-repeat 0 0; margin-bottom:59px;}

.l_box ul li.special a.c8{ width:117px; height:21px; background:url(../bg/ba_09.png) no-repeat 0 0; margin-bottom:59px;}

.l_box ul li.special a.c9{ width:107px; height:57px; background:url(../bg/ba_09.png) no-repeat 0 0; margin-bottom:0;}

.l_box ul li.special a.c10{ width:107px; height:57px; background:url(../bg/ba_10.png) no-repeat 0 0; margin-bottom:0;}

.l_box ul li.special a.c11{ width:131px; height:13px; background:url(../bg/ba_11.png) no-repeat 0 0; margin-bottom:59px;}

.l_box ul li.special a.c12{ width:153px; height:21px; background:url(../bg/ba_12.png) no-repeat 0 0; margin-bottom:59px;}

.l_box ul li.special a.c13{ width:139px; height:27px; background:url(../bg/ba_13.png) no-repeat 0 0; margin-bottom:59px;}



.l_box ul li.special a.lady1{ width:145px; height:30px; background:url(../bg/lady_1.png) no-repeat 0 0; margin-bottom:59px;}
.l_box ul li.special a.lady2{ width:60px; height:53px; background:url(../bg/lady_2.png) no-repeat 0 0; margin-bottom:59px;}
.l_box ul li.special a.lady3{ width:145px; height:41px; background:url(../bg/lady_3.png) no-repeat 0 0; margin-bottom:59px;}
.l_box ul li.special a.lady4{ width:70px; height:47px; background:url(../bg/lady_4.png) no-repeat 0 0; margin-bottom:59px;}
.l_box ul li.special a.lady5{ width:134px; height:34px; background:url(../bg/lady_5.png) no-repeat 0 0; margin-bottom:59px;}
.l_box ul li.special a.lady6{ width:70px; height:48px; background:url(../bg/lady_6.png) no-repeat 0 0; margin-bottom:59px;}
.l_box ul li.special a.lady7{ width:117px; height:22px; background:url(../bg/lady_7.png) no-repeat 0 0; margin-bottom:59px;}
.l_box ul li.special a.lady8{ width:70px; height:47px; background:url(../bg/lady_8.png) no-repeat 0 0; margin-bottom:59px;}
.l_box ul li.special a.lady9{ width:145px; height:32px; background:url(../bg/lady_9.png) no-repeat 0 0; margin-bottom:30px;}


.r_box{ margin-left:300px; float:left; min-width:900px;}

.boximg{ overflow:hidden;}

.boximg img{ display:block; width:100%; float:left;}

.inbox{ float:left; position:relative;}

.inbox a.xx{ float: left; width: 50%; }

.l_berta_01{ width:64.2%;}

.r_berta_01{ width:35.8%; position:relative;}

.r_berta_01 a{ display:block; width:28.5%; height:4.62%; position:absolute; left:19.65%; top:67.55%}

.l_berta_02{ width:100%;}

.l_berta_03{ width:50%;}

.r_berta_03{ width:50%;}

.l_berta_04{ width:33.18%;}

.r_berta_04{ width:66.82%;}

.l_berta_05{ width:50%;}

.r_berta_05{ width:50%;}



.l_crystal_01{ width:64.2%;}

.r_crystal_01{ width:35.8%; position:relative;}

.r_crystal_01 a{ display:block; width:28.5%; height:4.62%; position:absolute; left:19.65%; top:67.55%}

.l_crystal_02{ width:100%;}

.l_crystal_03{ width:54.2%;}

.r_crystal_03{ width:45.8%; position:relative; float:left;}

.l_crystal_04{ width:100%;}

.l_crystal_05{ width:100%;}

.l_crystal_06{ width:50%;}

.r_crystal_06{ width:50%;}

.l_crystal_07{ width:100%;}



.l_home_01{ width:55.84%;}

.r_home_01{ width:44.16%; position:relative; float:left;}

.l_home_02{ width:55.84%;}

.r_home_02{ width:44.16%;}

.l_home_03{ width:55.88%;}

.r_home_03{ width:44.12%;}


.l_maision_01{ width:57.74%;}

.r_maision_01{ width:42.26%; position:relative;}

.r_maision_01 a{ display:block; width:24.08%; height:4.6%; position:absolute; left:12.46%; top:69.84%}


.l_inno_01{ width:57.74%;}

.r_inno_01{ width:42.26%; position:relative;}

.r_inno_01 a{ display:block; width:24.08%; height:4.7%; position:absolute; left:12.46%; top:71.5%}


.l_pronovias_01{ width:64.2%;}

.r_pronovias_01{ width:35.8%; position:relative;}

.r_pronovias_01 a{ display:block; width:28.5%; height:4.6%; position:absolute; left:11.85%; top:66.2%}

.l_pronovias_02{ width:38.84%;}

.r_pronovias_02{ width:61.16%;}

.b_pronovias_02_01{ width:37.4%;}

.b_pronovias_02_02{ width:35.45%;}

.b_pronovias_02_03{ width:27.15%;}

.l_pronovias_03{ width:52.07%;}

.r_pronovias_03{ width:47.93%;}

.l_pronovias_04{ width:37.52%;}

.r_pronovias_04{ width:62.48%;}

.l_pronovias_05{ width:37.52%;}

.m_pronovias_05{ width:30.88%;}

.r_pronovias_05{ width:31.59%;}

.l_pronovias_06{ width:68.4%;}

.r_pronovias_06{ width:31.6%; position:relative; float:left;}

.l_pronovias_07{ width:44.86%;}

.r_pronovias_07{ width:55.14%;}

.l_pronovias_08{ width:55.84%;}

.r_pronovias_08{ width:44.16%;}

.l_pronovias_09{ width:31.06%;}

.m_pronovias_09{ width:37.25%;}

.r_pronovias_09{ width:31.69%;}



.l_wangfeng_01{ width:64.2%;}

.r_wangfeng_01{ width:35.8%; position:relative;}

.r_wangfeng_01 a{ display:block; width:28.5%; height:4.6%; position:absolute; left:11.85%; top:66.2%}

.l_wangfeng_03{ width:100%;}

.l_wangfeng_04{ width:50%;}

.r_wangfeng_04{ width:50%;}

.l_wangfeng_02{ width:33.32%;}

.m_wangfeng_02{ width:33.36%;}

.r_wangfeng_02{ width:33.32%;}


.l_verawang_01{ width:64.2%;}

.r_verawang_01{ width:35.8%; position:relative;}

.r_verawang_01 a{ display:block; width:28.5%; height:4.6%; position:absolute; left:11.85%; top:66.2%}

.l_verawang_02{ width:100%;}

.l_verawang_03{ width:50%;}

.r_verawang_03{ width:50%; position:relative; float:left;}

.l_verawang_04{ width:100%;}

.l_verawang_05{ width:50%;}

.r_verawang_05{ width:50%;}


.l_nicole_01{ width:64.2%;}

.r_nicole_01{ width:35.8%; position:relative;}

.r_nicole_01 a{ display:block; width:28.5%; height:4.6%; position:absolute; left:11.85%; top:66.2%}

.l_nicole_02{ width:100%;}

.l_nicole_03{ width:30.8%;}

.r_nicole_03{ width:69.2%;}

.l_nicole_04{ width:50%;}

.r_nicole_04{ width:50%;}


.l_yiju_01{ width:64.2%;}

.r_yiju_01{ width:35.8%; position:relative;}

.r_yiju_01 a{ display:block; width:28.5%; height:4.6%; position:absolute; left:10%; top:67.6%}

.l_yiju_02{ width:100%;}

.l_yiju_03{ width:50%;}

.r_yiju_03{ width:50%;}

.l_yiju_04{ width:100%;}

.l_yiju_05{ width:50%;}

.r_yiju_05{ width:50%;}


.l_vestal_01{ width:57.74%;}

.r_vestal_01{ width:42.26%; position:relative;}

.r_vestal_01 a{ display:block; width:24.2%; height:4.7%; position:absolute; left:18.36%; top:69.29%}

.l_vestal_02{ width:33.54%;}

.m_vestal_02{ width:32.88%;}

.r_vestal_02{ width:33.58%;}

.l_vestal_03{ width:34.51%;}

.m_vestal_03{ width:33.63%;}

.r_vestal_03{ width:31.86%;}




.l_allenxie_01{ width:64.2%;}

.r_allenxie_01{ width:35.8%; position:relative;}

.r_allenxie_01 a{ display:block; width:28.5%; height:4.58%; position:absolute; left:11.85%; top:66.6%}

.l_allenxie_02{ width:52.7%;}

.r_allenxie_02{ width:47.3%;}

.l_allenxie_03{ width:100%;}

.l_allenxie_04{ width:41.06%;}

.r_allenxie_04{ width:58.94%;}

.l_allenxie_05{ width:32.48%;}

.m_allenxie_05{ width:32.43%;}

.r_allenxie_05{ width:35.09%;}

.l_allenxie_06{ width:57.52%;}

.r_allenxie_06{ width:42.48%;}

.l_allenxie_07{ width:32.83%;}

.r_allenxie_07{ width:67.17%;}

.l_allenxie_08{ width:32.96%;}

.m_allenxie_08{ width:30.88%;}

.r_allenxie_08{ width:36.16%;}



.foot{ margin-top:36px;}

.footnav{ overflow:hidden; height:120px;}

.footnav dl{ float:left; padding:0 35px; border-right:2px solid #e1e1e1; height:120px;}

.footnav dl.mm{ width:325px;}

.footnav dl dt{ display:block; margin-bottom:6px;}

.footnav dl dt a{ font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#070707; line-height:28px;}

.footnav dl dt a:hover{ color:#006cc0;}

.footnav dl dd a:hover{ color:#006cc0;}

.footnav dl dd a{ float:left; width:120px; font-size:14px; color:#575757; font-family:"Times New Roman", Times, serif; line-height:17px;}

.footnav dl dd span{ display:block; font-size:14px; color:#575757; font-family:"Times New Roman", Times, serif; line-height:17px;}

.footnav dl dt span{ font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#070707; line-height:28px;}

.copyright{ margin:3% 0 5%;}

.copyright p{ font-family:Century Gothic,Arial; font-size:12px; color:#767676; width:470px; line-height:14px; text-transform:uppercase;}


.order{ background:#f3f3f3;padding-left:90px; padding-bottom:105px;}

.orderimg{ padding-top:57px; width:1074px;}

.orderimg img{ display:block; width:100%;}

.order .store{ overflow:hidden; margin-top:140px;}

.order .store li{ float:left; padding-right:125px; margin-right:70px;height:600px; padding-top:20px; margin-bottom:10px;}

.order .store li big{ display:block; font-family:Century Gothic; font-weight:bold; font-size:65px; color:#797979;}

.order .store li big img{ display:block; width:100%;}

.order .store li span{ font-family:微软雅黑; font-size:20px; color:#000; display:block;}

.order .store li span b{ font-family:"Century Gothic"; font-weight:bold; font-size:20px; color:#000;}

.order .store li small{ font-family:微软雅黑; font-size:14px; color:#000;  display:block; line-height:14px; margin-bottom:20px; height:36px; line-height:18px;}

.order .store li small b{ font-family:"Century Gothic"; font-weight:bold; font-size:14px; color:#000; line-height:14px; line-height:18px;}

.order .store li em{ font-family:"Century Gothic"; font-weight:bold; font-size:35px; color:#b79e7b; display:block; line-height:35px; margin-top:-10px;}

.order .store li p{ font-family:微软雅黑; font-size:14px; color:#b79e7b; margin-bottom:35px;}

.order .store li p i{ font-family:"Century Gothic"; font-size:14px; color:#000;}

.order .store li tt{ width:248px; height:38px; overflow:hidden; display:block; margin-top:30px;}

.order .store li tt a{ width:124px; height:38px; float:left; background:url(../bg/now.png) no-repeat 0 0;}

.order .store li tt a.c1{ background-position:0 0;}

.order .store li tt a.c2{ background-position:-124px 0;}

.order .store li tt a.c1:hover{ background-position:0 -38px;}

.order .store li tt a.c2:hover{ background-position:-124px -38px;}

.order .store li:nth-last-child(1){padding-top:0;}


.order form{ padding-top:110px;}

.order form p{ margin-bottom:30px;}

.order form em{ display:block; overflow:hidden;}

.order form em dl{ float:left; margin-right:64px;}

.order form em dl dt{ display:block; font-family:微软雅黑; font-size:16px; color:#000; margin-bottom:10px;}

.order form em dl dt i{ display:inline-block; width:11px; height:10px; background:url(../bg/xx.png) no-repeat 0 0; margin-left:10px; vertical-align:3px;}

.order form em dl dd{ position:relative;}

.order form em dl dd i{ position:absolute; width:17px; height:20px; background:url(../bg/rl.png) no-repeat 0 0; top:11px; right:19px;}

.order form em dl dd input{ display:block; width:618px; height:48px; background:#fff; border:1px solid #bfbfbf; font-family:"Century Gothic Bold"; font-size:20px; color:#000; font-weight:bold; line-height:48px; padding-left:20px;margin-bottom:20px; padding-right:0;}

.order form em dl dd textarea{ display:block; width:1330px; height:133px; background:#fff; border:1px solid #bfbfbf; font-family:宋体; font-size:14px; color:#8b8b8b; line-height:20px; padding-left:12px; resize:none; padding-top:12px;margin-bottom:20px;}

.order form em input.submit,.order form em input.reset{ float:left; width:155px; height:70px; background:#fff; font-size:16px; color:#676767; font-family:微软雅黑; line-height:70px; text-align:center; margin-right:7px; cursor:pointer;-webkit-transition: all .4s ease-out;transition: all .4s ease-out;}

.order form em input.submit.on,.order form em input.reset.on{ background:#000; color:#fff;}

.r_box .home img{width:100%;}

@media screen and (max-width:1920px){

.order .store li{ padding-right:65px; margin-right:50px;}

.orderimg{ width:1000px;}

}


@media screen and (max-width:1680px){

.order .store li{ padding-right:40px; margin-right:20px;}

.order form em dl dd input{ width:500px;}

.order form em dl dd textarea{ width:1094px;}

}

@media screen and (max-width:1570px){

.footnav dl{ padding:0 20px;}

.order .store li{ padding-right:50px; margin-right:40px;}

.order .store li big{  font-size:50px;}

.order .store li span{ font-size:16px;}

.order .store li span b{ font-size:16px;}

.order .store li small{  font-size:12px; height:32px; line-height:16px;}

.order .store li small b{  font-size:12px; line-height:16px;}

.order .store li em{ font-size:30px; line-height:30px; margin-top:-10px;}

.order .store li p{ font-size:12px;}

.order .store li p i{ font-size:12px; color:#000;}

}

@media screen and (max-width:1480px){

.order .store li{ padding-right:20px; margin-right:20px;}

.orderimg{ width:900px;}

.order form em dl dd input{ width:400px;}

.order form em dl dd textarea{ width:894px;}

}


@media screen and (max-width:1384px){

.footnav dl{ padding:0 20px;}

.footnav dl.mm{ width:230px;}

.order .store li{ padding-right:20px; margin-right:20px;}

.order form em dl dd input{ width:350px;}

.order form em dl dd textarea{ width:794px;}

.order .store li big{ width:}

}

@media screen and (max-width:1300px){

.footnav{ height:120px;}

.footnav dl{ padding:0 20px; height:120px;}

.footnav dl.mm{ width:115px;}

.orderimg{ width:800px;}

}

@media screen and (max-width:1200px){

.order form em dl dd input{ width:300px;}

.order form em dl dd textarea{ width:694px;}
}