/*

技术支持：猎人传媒 www.srlrcm.cn
Powered By S.Y.Jang
Build201605

*/

/* CSS Document */
@charset "gb2312";
/*YUI 2: Reset CSS Start*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; vertical-align: top; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol:after, ul:after,.head:after,.pp1:after,.pp2:after,.p1:after,.p2:after,#fbox:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
ol, ul { list-style: none; zoom: 1; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/*YUI 2: Reset CSS End*/
html, body { overflow-x: hidden; }
body { font-size: 12px; font-family: arial,Microsoft Yahei; line-height: 20px; background: #fff; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
#headWrap, #focusWrap, #mainWrap { width: 1200px; margin: 0 auto; }
/*==================== 页眉部分 ====================*/
/*页眉*/
#headWrap { position:relative; top:0; left:0; width:100%; background: #fff; z-index:9997;}
#headWrap .head { position:relative; max-width: 1400px; margin: 0 auto; padding:0; zoom: 1; }
#logo { position:absolute; left:0;}
#nav ul{  max-width:680px; padding:0 290px 0 410px;  }
#nav { width:100%;}
#nav li { position:relative; float: left; width:20%; text-align:center;}
#nav li a { display: block; height:107px; font-size:16px; line-height:40px; text-decoration:none; margin-left:1px;}
#nav li a { border: 0; margin:0; }
#nav li a:hover { color:#fff; background: #218ccd; }
#nav .c1 b{ display:block; height:55px; background:url(../images/n1.png) center -13px no-repeat;}
#nav .c2 b{ display:block; height:55px; background:url(../images/n2.png) center -13px no-repeat;}
#nav .c3 b{ display:block; height:55px; background:url(../images/n3.png) center -13px no-repeat;}
#nav .c4 b{ display:block; height:55px; background:url(../images/n5.png) center -13px no-repeat;}
#nav .c5 b{ display:block; height:55px; background:url(../images/n4.png) center -13px no-repeat;}
#nav .c1:hover b,#nav .navHere .c1 b,#nav .navHere .c1:hover b{ display:block; height:55px; background-position:center -113px;}
#nav .c2:hover b,#nav .navHere .c2 b,#nav .navHere .c2:hover b{ display:block; height:55px; background-position:center -113px;}
#nav .c3:hover b,#nav .navHere .c3 b,#nav .navHere .c3:hover b{ display:block; height:55px; background-position:center -113px;}
#nav .c4:hover b,#nav .navHere .c4 b,#nav .navHere .c4:hover b{ display:block; height:55px; background-position:center -113px;}
#nav .c5:hover b,#nav .navHere .c5 b,#nav .navHere .c5:hover b{ display:block; height:55px; background-position:center -113px;}
#nav .navHere a{ color:#fff; background:#218ccd;}
{ background-position:-140px -113px;}

#nav .navMenu { position: absolute; display: none; left:0; width:180%; text-align:center; padding:0; z-index: 999; }
#nav li .navMenu a { display: block; height:58px; color: #fff !important; font-size: 13px; text-align:left; line-height: 58px; padding: 0 20px; border-top:solid 1px #69bef2; opacity: 0.85; background:#218ccd;}
#nav li .navMenu a:hover { background: #218ccd;border-top:solid 1px #b8def3; opacity:1; }

.lan2{ display:none;}

#rbox{ position:absolute; top:0; right:0;}
.lan{ text-align:right; padding:15px 0 10px;}
.search{ position:relative; width:258px; height:35px; overflow:hidden;}
.search .keys{ position:absolute; left:0; top:0; width:256px; height:33px; color:#666; font-size:14px; border:solid 1px #cbcbcb; border-radius:3px; text-indent:10px;}
.search .btn{ position:absolute; right:0; top:0; width:35px; height:35px; border:0; background:url(../images/btn.png) no-repeat; cursor:pointer;}

/*焦点图切换*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
.swiper-slide a{ display:block; position:relative;}
.swiper-slide .txt{ position:absolute;top:0; color:#0b91d8;}
.swiper-slide .txt .t1{ font-size:28px; line-height:40px;}
.swiper-slide .txt .t2{font-size:18px; line-height:30px;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/*begin*/
.device { position: relative; }
.content-slide { padding: 20px; color: #fff; }
.swiper-slide img { width: 100%; }
/*.title { font-size: 25px; margin-bottom: 10px; }*/
.pagination { position: absolute; left: 0; bottom: 5px; text-align: center; width: 100%; z-index: 999; }
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #000; margin: 0 2px; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; }
.swiper-active-switch { background: #fff; filter: alpha(opacity=100); opacity: 1; }


#main{ width:100%;}
/*1*/
.p1{ width:100%; background:#a49997;zoom:1;}
.p1 .txt{ float:left; width:600px; height:530px; color:#fff; overflow:hidden;}
/*.p1:hover{ background:#218ccd;}*/
.p1 .txt h4{ font-size:60px; font-weight:normal; padding:75px 0 75px 120px}
.p1 .txt p{ font-size:20px; line-height:35px; padding:0 60px 40px 120px;}
.p1 .txt span{ padding-left:120px;}
.p1 .txt span a{ display:inline-block; width:254px; height:63px; color:#fff; font-size:20px; text-align:center; line-height:63px; border:solid 1px #fff;}
.p1 .pic{width:100%; margin-left:600px; }
.p1 .pic p{ overflow:hidden;}
.p1 .pic img{ }
.p1 .pic img { transform: scale(1, 1); transition-duration: 2000ms; transition-timing-function: ease-out; -webkit-transform: scale(1, 1); -webkit-transition-duration: 2000ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(1, 1); -moz-transition-duration: 2000ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1, 1); -ms-transition-duration: 2000ms; -ms-transition-timing-function: ease-out; }
.p1:hover img { transform: scale(1.1, 1.1); transition-duration: 2000ms; transition-timing-function: ease-out; -webkit-transform: scale(1.1, 1.1); -webkit-transition-duration: 2000ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(1.1, 1.1); -moz-transition-duration: 2000ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1.1, 1.1); -ms-transition-duration: 2000ms; -ms-transition-timing-function: ease-out; }
.pp1,.pp2{ width:100%; background:#a49997;zoom:1;}
.pp1 img{ width:100%;}
.pp1 .txt{ float:left; width:30%;}
.pp1 .pic{ float:right; width:70%;}
.pp2 img{ width:100%;}
.pp2 .txt{ float:right; width:30%;}
.pp2 .pic{ float:left; width:70%;}
/*2*/
.p2{ width:100%; background:#a49997;zoom:1;}
.p2 .txt{ float:right; width:600px; height:530px; color:#fff; overflow:hidden;}
/*.p2:hover{ background:#218ccd;}*/
.p2 .txt h4{ font-size:60px; font-weight:normal; padding:75px 0 75px 120px}
.p2 .txt p{ font-size:20px; line-height:35px; padding:0 60px 40px 120px;}
.p2 .txt span{ padding-left:120px;}
.p2 .txt span a{ display:inline-block; width:254px; height:63px; color:#fff; font-size:20px; text-align:center; line-height:63px; border:solid 1px #fff;}
.p2 .pic{width:100%; margin-right:600px; }
.p2 .pic p{ overflow:hidden;}
.p2 .pic img{ }
.p2 .pic img { transform: scale(1, 1); transition-duration: 2000ms; transition-timing-function: ease-out; -webkit-transform: scale(1, 1); -webkit-transition-duration: 2000ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(1, 1); -moz-transition-duration: 2000ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1, 1); -ms-transition-duration: 2000ms; -ms-transition-timing-function: ease-out; }
.p2:hover img { transform: scale(1.1, 1.1); transition-duration: 2000ms; transition-timing-function: ease-out; -webkit-transform: scale(1.1, 1.1); -webkit-transition-duration: 2000ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(1.1, 1.1); -moz-transition-duration: 2000ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1.1, 1.1); -ms-transition-duration: 2000ms; -ms-transition-timing-function: ease-out; }
#cc{ text-align:center; padding:35px 0;}
#cc a{ display:inline-block;padding:10px;}

#foot{ padding-bottom:65px;background:#232323 url(../images/foot.jpg) center bottom no-repeat;}
#flink{ padding:36px 150px 50px;}
#flink a{ display:block; color:#666; font-size:20px; text-align:center; line-height:78px; border:dashed 2px #666;}
#fbox{ color:#8d9997; font-size:18px; line-height:24px; padding:0 150px;zoom:1;}
#fc{ float:left;}
#fc .pic{ padding-bottom:10px;}
#fc .pic a{ display:inline-block; margin-right:45px;}
#fd{ float:right; text-align:right;}
#fd .pic{ padding-bottom:10px;}
/*About Page*/
#banner img{ width:100%;}
#content{}
#title{ color:#595959; font-size:30px; font-weight:normal; text-align:center; padding:50px 0;}
#ctext{ color:#595959; font-size:16px; line-height:28px; padding:0 12% 50px;}
#ctext div,#ctext p{ padding-bottom:20px;}
/*Product Page*/
.pro{ background:#e9e9e9;}
#position{ font-size:14px; padding:20px 5% 20px;}
#position a{ display:inline-block; margin:0 10px;}
#position a.home{ margin-left:0;}
#probox{ padding:0 5%;}
#side{ float:left; width:275px;}
#sort h3{ height:45px; color:#fff; font-size:12px; line-height:45px; padding-left:30px; background:#0096e0;}
#sort li a{ display:block; font-size:12px; text-decoration:none; line-height:45px; padding-left:30px; background:#fff;}
#sort li a:hover{ display:block; color:#666; background:#f0f0f0;}
#sort li.cur a,#sort li.cur a:hover{ color:#fff; background:#0096e0;}

#proCont{ padding-left:295px;}
#proSubNav{ height:45px; margin:0 10px; background:#fff;overflow:hidden;}
#proSubNav li{ float:left;  line-height:43px;}
#proSubNav li a{ display:inline-block; color:#525252; text-decoration:none; font-size:14px; margin-right:1px; padding:0 30px; border-bottom:solid 2px #fff;}
#proSubNav li a:hover{border-bottom:solid 2px #0096e0;}
#proSubNav li.cur a,
#proSubNav li.cur a:hover{ border-bottom:solid 2px #0096e0;}
#listWrap{  padding-top:30px; overflow:hidden;}
#listWrap ul{}
#listWrap li{ position:relative; float:left; width:33.3333%; height:360px; margin-bottom:40px; overflow:hidden;}
#listWrap li img{ width:100%;}
#listWrap li span{ display:block;}
#listWrap li a{ display:block; text-decoration:none; background:#fff; margin:0 10px;}
#listWrap li a span{ height:50px; color:#666; font-size:16px; text-align:center;}
#listWrap li div a{ background:#000;}
#listWrap li div{ display:none; position:absolute; left:0; bottom:0; width:100%; height:360px; text-align:center; opacity:.8; z-index:99; overflow:hidden;}
#listWrap li div h4{ color:#0096e0; font-size:24px; line-height:32px; padding:40px 0 40px; margin:0 20px; border-bottom:solid 1px #fff;}
#listWrap li div .t1{ color:#fff; font-size:20px; line-height:40px; padding-top:20px;}
#listWrap li div .t2{ color:#fff; font-size:16px; line-height:40px; padding-bottom:20px;}
#listWrap li div .t3{ color:#fff; font-size:18px; line-height:56px; border:solid 1px #fff; border-width:1px 0; margin:0 20px;}

.page{ text-align:center; padding:20px 0 60px;}
.page a{ display:inline-block; color:#666; font-family:arial; font-size:16px; text-decoration:none; line-height:50px; padding:0 20px; border-right:solid 1px #f0f0f0; background:#fff;}
.page a:hover{color:#0093d5;  background:#f5f5f5;}
.page a.cur{ color:#fff; background:#0093d5;}
.page a.cur:hover{ color:#fff; background:#0093d5;}

@media screen and (max-width: 1400px) {/*幕宽度小于1300像素*/
#logo{ left:30px;}
#rbox{ right:10px;}
#nav li a{ font-size:12px;}
#position{ font-size:14px; padding:20px 10px 20px;}
#position a{ display:inline-block; margin:0 10px;}
#position a.home{ margin-left:0;}
/**/
#probox{ padding:0 0 0 10px;}
#side{ float:left; width:275px;}
#sort h3{ height:45px; color:#fff; font-size:12px; line-height:45px; padding-left:30px; background:#0096e0;}
#sort li a{ display:block; font-size:12px; line-height:45px; padding-left:30px; background:#fff;}
#sort li a:hover{ display:block; background:#f0f0f0;}
/**/
#proCont{ padding-left:295px;}
#proSubNav{ height:45px; margin:0 10px; background:#fff;overflow:hidden;}
#proSubNav li{ float:left;  line-height:43px;}
#proSubNav li a{ display:inline-block; color:#525252; font-size:14px; padding:0 30px; border-bottom:solid 2px #fff;}
#proSubNav li.cur a,
#proSubNav li.cur a:hover{ border-bottom:solid 2px #0096e0;}
#listWrap{ max-width:1092px; padding-top:30px; overflow:hidden;}
#listWrap ul{}
#listWrap li{ position:relative; float:left; width:33.3333%; height:360px; margin-bottom:40px; overflow:hidden;}
#listWrap li img{ width:100%;}
#listWrap li span{ display:block;}
#listWrap li a{ display:block; text-decoration:none; background:#fff; margin:0 10px;}
#listWrap li a span{ height:50px; color:#666; font-size:16px; text-align:center;}
#listWrap li div a{ background:#000;}
#listWrap li div{ position:absolute; left:0; bottom:0px; width:100%; height:360px; text-align:center; opacity:.8; z-index:99}
#listWrap li div h4{ color:#0096e0; font-size:24px; line-height:32px; padding:40px 0 40px; margin:0 20px; border-bottom:solid 1px #fff;}
#listWrap li div .t1{ color:#fff; font-size:20px; line-height:40px; padding-top:20px;}
#listWrap li div .t2{ color:#fff; font-size:16px; line-height:40px; padding-bottom:20px;}
#listWrap li div .t3{ color:#fff; font-size:18px; line-height:56px; border:solid 1px #fff; border-width:1px 0; margin:0 20px;}
#foot{max-width:1600px; padding-bottom:65px;background:#232323 url(../images/foot.jpg) center bottom no-repeat;}
#flink{ padding:36px 50px 50px;}
#flink a{ display:block; color:#666; font-size:20px; text-align:center; line-height:78px; border:dashed 2px #666;}
#fbox{ color:#8d9997; font-size:18px; line-height:24px; padding:0 50px;zoom:1;}
#fc{ float:left;}
#fc .pic{ padding-bottom:10px;}
#fc .pic a{ display:inline-block; margin-right:45px;}
#fd{ float:right; text-align:right;}
#fd .pic{ padding-bottom:10px;}
}

@media screen and (max-width: 1024px) {/*幕宽度小于1300像素*/
#logo{ left:20px;}
#logo img { height: 50px; padding:5px 0; }
#nav { width:auto; padding:0;}
#nav ul{ position:fixed; top:0; right:-50%; display:block !important; height:100%; width:50%; padding:0; background:#222; z-index:9999;}
#nav li{ float:none; width:auto; text-align:center; border:0;}
#nav li a{ height:50px; color:#ccc; line-height:50px; border:0; border-bottom:solid 1px #111;}
#nav b{ float:right; display:block; width:60px; height:60px; background:url(../images/icon_m.png) center center no-repeat;}
#nav li b{ display:none !important;}
#nav .navMenu { position: absolute; display: none; left:0; width:180%; text-align:center; padding:0; z-index: 999; }
#nav li .navMenu a { display: block; height:50px; color: #fff !important; font-size: 13px; text-align:left; line-height: 50px; padding: 0 20px; border-top:solid 1px #69bef2; opacity:1;}
#nav li .navMenu a:hover { background: #218ccd;border-top:solid 1px #b8def3; opacity:1; }
#blackBg { position: fixed; background-color: #000; z-index: 9998; left: 0; top: 0; display: none; width: 100%; height: 100%; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
.lan2{ display:block; text-align:center; padding:10px 0;}
.lan2 a{ display:inline-block; color:#ccc; padding:0 10px;}
#rbox{ position:absolute; top:12px; right:55px;}
.lan{ display:none;}
.search{ position:relative; width:180px; height:35px; overflow:hidden;}
.search .keys{ position:absolute; left:0; top:0; width:178px; height:33px; color:#666; font-size:14px; border:solid 1px #cbcbcb; border-radius:3px; text-indent:10px;}
.search .btn{ position:absolute; right:0; top:0; width:35px; height:35px; border:0; background:url(../images/btn.png) no-repeat; cursor:pointer;}

.p1{zoom:1;}
.p1 .txt{ float:none; width:100%; height:auto; color:#fff; padding-bottom:50px; background:#a49997; overflow:hidden;}
.p1 .txt h4{ font-size:35px; font-weight:normal; padding:50px 0 40px 20px}
.p1 .txt p{ font-size:20px; line-height:35px; padding:0 20px 20px 20px;}
.p1 .txt span{ padding-left:20px;}
.p1 .txt span a{ display:inline-block; width:50%; height:40px; color:#fff; font-size:16px; text-align:center; line-height:40px; border:solid 1px #fff;}
.p1 .pic{width:100%; margin-left:0; }
.p1 .pic p{ overflow:hidden;}
.p1 .pic img{ width:150%;}
/*2*/
.p2{zoom:1;}
.p2 .txt{ float:none; width:100%; height:auto; color:#fff; padding-bottom:50px; background:#218ccd; overflow:hidden;}
.p2 .txt h4{ font-size:35px; font-weight:normal; padding:50px 0 40px 20px}
.p2 .txt p{ font-size:20px; line-height:35px; padding:0 20px 20px 20px;}
.p2 .txt span{ padding-left:20px;}
.p2 .txt span a{ display:inline-block; width:50%; height:40px; color:#fff; font-size:16px; text-align:center; line-height:40px; border:solid 1px #fff;}
.p2 .pic{width:100%; margin-right:600px; }
.p2 .pic p{ overflow:hidden;}
.p2 .pic img{ width:150%;}

#foot{max-width:1600px; padding-bottom:65px;background:#232323 url(../images/foot.jpg) center bottom no-repeat;}
#flink{ padding:36px 20px 50px;}
#flink a{ display:block; color:#666; font-size:20px; text-align:center; line-height:50px; border:dashed 1px #666;}
#fbox{ color:#8d9997; font-size:16px; line-height:24px; padding:0 20px;zoom:1;}
#fc{ float:left;}
#fc .pic{ padding-bottom:10px;}
#fc .pic a{ display:inline-block; margin-right:45px;}
#fd{ float:right; text-align:right;}
#fd .pic{ padding-bottom:10px;}

#position{ font-size:14px; padding:15px 10px 20px;}
#position a{ display:inline-block; margin:0 8px;}
#position a.home{ margin-left:0;}
#probox{ padding:0 10px;}
#side{ float:none; width:100%; margin-bottom:1px; background:#fff;}
#sort h3{ float:left; height:45px; color:#fff; font-size:12px; line-height:45px; padding:0 8px; background:#0096e0;}
#sort li{ float:left;}
#sort li a{ display:block; font-size:12px; text-decoration:none; line-height:45px; padding:0 8px; background:#fff;}
#sort li a:hover{ background:#f0f0f0;}
#sort li.cur a,#sort li.cur a:hover{ display:block; background:#0096e0;}

#proCont{ padding-left:0px;}
#proSubNav{ height:45px; background:#fff; margin:0;overflow:hidden;}
#proSubNav li{ float:left; line-height:43px;}
#proSubNav li a{ display:inline-block; color:#525252; font-size:14px; padding:0 12px; border-bottom:solid 2px #fff;}
#proSubNav li.cur a,
#proSubNav li.cur a:hover{ border-bottom:solid 2px #0096e0;}



}
@media screen and (max-width: 770px) {/*幕宽度小于768像素*/
.pp1 .txt{ float:none; width:100%; text-align:center }
.pp1 .txt img{ width:100%;}
.pp1 .pic{ float:none; width:100%;}
.pp2 .txt{ float:none; width:100%; text-align:center}
.pp2 .txt img{ width:100%;}
.pp2 .pic{ float:none; width:100%;}
#listWrap li div a{ background:#000;}
#listWrap li div{ position:absolute; left:0; bottom:0; width:100%; height:360px; text-align:center; opacity:.8; z-index:99}
#listWrap li div h4{ color:#0096e0; font-size:24px; line-height:32px; padding:20px 0; margin:0 20px; border-bottom:solid 1px #fff;}
#listWrap li div .t1{ color:#fff; font-size:18px; line-height:30px; padding-top:10px;}
#listWrap li div .t2{ color:#fff; font-size:14px; line-height:30px; padding-bottom:20px;}
#listWrap li div .t3{ color:#fff; font-size:16px; line-height:56px; border:solid 1px #fff; border-width:1px 0; margin:0 20px;}

}
@media screen and (max-width: 640px) {/*幕宽度小于640像素*/
#headWrap { position:relative; top:0; left:0; width:100%; background: #fff; z-index:9997;}
#headWrap .head{ width:auto;}
#logo{ left:10px; padding-left:0px;}
#main{ min-width:auto;}
.p1{zoom:1;}
.p1 .txt{ float:none; width:100%; height:auto; color:#fff; padding-bottom:40px; background:#a49997; overflow:hidden;}
.p1 .txt h4{ font-size:26px; font-weight:normal; padding:40px 0 20px 20px}
.p1 .txt p{ font-size:16px; line-height:25px; padding:0 20px 20px 20px;}
.p1 .txt span{ padding-left:20px;}
.p1 .txt span a{ display:inline-block; width:50%; height:40px; color:#fff; font-size:16px; text-align:center; line-height:40px; border:solid 1px #fff;}
.p1 .pic{width:100%; margin-left:0; }
.p1 .pic p{ overflow:hidden;}
.p1 .pic img{ width:150%;}
/*2*/
.p2{zoom:1;}
.p2 .txt{ float:none; width:100%; height:auto; color:#fff; padding-bottom:40px; background:#218ccd; overflow:hidden;}
.p2 .txt h4{ font-size:26px; font-weight:normal; padding:40px 0 20px 20px}
.p2 .txt p{ font-size:16px; line-height:25px; padding:0 20px 20px 20px;}
.p2 .txt span{ padding-left:20px;}
.p2 .txt span a{ display:inline-block; width:50%; height:40px; color:#fff; font-size:16px; text-align:center; line-height:40px; border:solid 1px #fff;}
.p2 .pic{width:100%; margin-right:600px; }
.p2 .pic p{ overflow:hidden;}
.p2 .pic img{ width:150%;}

#cc{ text-align:center; padding:35px 0;}
#cc a{ display:inline-block;padding:0 5px;}
#cc img{ height:52px;}

#foot{ min-width:auto; padding-bottom:15px;background:#232323 url(../images/foot.jpg) -100px top no-repeat; background-size:350% auto;}
#flink{ padding:20px 20px 20px;}
#flink a{ display:block; color:#666; font-size:18px; text-align:center; line-height:50px; border:dashed 1px #666;}
#fbox{ color:#8d9997; font-size:14px; line-height:20px; padding:0 20px;zoom:1;}
#fc{ float:none; padding-bottom:20px;}
#fc .pic{ padding-bottom:10px;}
#fc .pic img{ width:80%;}
#fc .pic a{ display:inline-block; margin-right:8px;}
#fd{ float:none; text-align:left;}
#fd .pic{ padding-bottom:10px;}
#fd .pic img{ width:35%;}

/*about*/
#banner img{ width:100%;}
#content{}
#title{ color:#595959; font-size:24px; font-weight:normal; text-align:center; padding:30px 0;}
#ctext{ color:#595959; font-size:14px; line-height:24px; padding:0 20px 40px;}
#ctext div,#ctext p{ padding-bottom:10px;}

/*Product Page*/

#position{ font-size:12px; padding:15px 10px 20px;}
#position a{ display:inline-block; margin:0 8px;}
#position a.home{ margin-left:0;}
#probox{ padding:0 10px;}
#side{ float:none; width:100%; margin-bottom:1px; background:#fff;}
#sort h3{ float:left; height:40px; color:#fff; font-size:12px; line-height:40px; padding:0 8px; background:#0096e0;}
#sort li{ float:left;}
#sort li a{ display:block; font-size:12px; line-height:40px; padding:0 8px; background:#fff;}
#sort li a:hover{ display:block; background:#f0f0f0;}
#sort li.cur a,#sort li.cur a:hover{ display:block; background:#0096e0;}

#proCont{ padding-left:0px;}
#proSubNav{ height:42px; background:#fff; margin:0;overflow:hidden;}
#proSubNav li{ float:left; line-height:40px;}
#proSubNav li a{ display:inline-block; color:#525252; font-size:12px; padding:0 8px; border-bottom:solid 2px #fff;}
#proSubNav li.cur a,
#proSubNav li.cur a:hover{ border-bottom:solid 2px #0096e0;}
#listWrap{ width:auto; padding-top:10px; overflow:hidden;}
#listWrap ul{ width:auto;}
#listWrap li{ position:relative; float:none; width:100%; height:388px; text-align:center; padding:0; margin:0 0px 10px 0; overflow:hidden; background:#fff;}
#listWrap li img{ width:80%;}
#listWrap li span{ display:block; width:100%}
#listWrap li a{ display:block; text-decoration:none; background:#fff;}
#listWrap li a span{ height:50px; color:#666; font-size:16px; text-align:center;}
#listWrap li div a{ background:none;}
#listWrap li div{ position:absolute; left:0; bottom:0; width:100%; height:388px; text-align:center; background:#000; opacity:.8; z-index:99}
#listWrap li div h4{ color:#0096e0; font-size:24px; line-height:32px; padding:20px 0; margin:0 20px; border-bottom:solid 1px #fff;}
#listWrap li div .t1{ color:#fff; font-size:18px; line-height:30px; padding-top:10px;}
#listWrap li div .t2{ color:#fff; font-size:14px; line-height:30px; padding-bottom:20px;}
#listWrap li div .t3{ color:#fff; font-size:16px; line-height:56px; border:solid 1px #fff; border-width:1px 0; margin:0 20px;}

.page{ text-align:center; padding:20px 0 40px;}
.page a{ display:inline-block; color:#666; font-family:arial; font-size:16px; text-decoration:none; line-height:40px; padding:0 15px; border-right:solid 1px #f0f0f0; background:#fff;}
.page a:hover{color:#0093d5;  background:#f5f5f5;}
.page a.cur{ color:#fff; background:#0093d5;}
.page a.cur:hover{ color:#fff; background:#0093d5;}

}
@media screen and (max-width: 480px) {/*幕宽度小于480像素*/

.search{ width:150px;}
.search .keys{ width:148px;}
}