@charset "gb2312";

@media screen and (min-width: 768px){
	body{min-width:1349px;}
	.subMenu{min-width:1349px;}
}
@media screen and (min-width: 1190px)
{
	.subMenu{min-width:1110px;}
}
h1,h2,h3,h4,h5,h6,p,div{font-size:100%;font-family:'microsoft yahei',arial,'hiragino sans gb','Simsun',sans-serif;}
.bk20{clear: both;font-size: 1px;height: 0;line-height: 1px; height:20px;}.hr{background: url(../images/uline.gif) repeat-x center center;}
p{ color:#555}
a{ color:#00F;}
li{list-style:none}
a:link,a:visited{text-decoration:none}
/*common box*/
.wrapper { width: 100%; margin-top:10px; }
.wrapper-con { width: 1190px; margin:0 auto; }
/*blank*/
.blank5{ overflow: hidden; height: 5px; line-height: 0; font-size: 0; clear: both; }
.blank7 { overflow: hidden; height: 7px; line-height: 0; font-size: 0; clear: both; }
.blank10 { overflow: hidden; height: 10px; line-height: 0; font-size: 0; clear: both; }
.blank15 { overflow: hidden; height: 15px; clear: both; }
.blank20 { overflow: hidden; height: 20px; clear: both; }
.blank30 { overflow: hidden; height: 30px; clear: both; }
.blank40 { overflow: hidden; height: 70px; clear: both; }
.clear {clear: both;}
.hide{display:none;}
.content p{ color:#555}

.sTop .inner{ height:40px; margin:0 auto; width:1190px; }
.sTop .iphone{height:40px; line-height:40px; margin:0 auto; width:1000px; margin:auto; margin-top:30px;}
.sTop .iphone dt{ font-size:16px; float:left; width:120px; text-align:center; font-weight:800; color:#fff;margin:auto;}
.sTop .iphone dd{ font-size:16px; float:left; width:250px; margin-left:20px;color:#FFF; text-align:center;margin:auto; }
.sTop .iphone dd.online a{color:#fff!important; text-align:center; display:block; font-weight:800;}
.sTop .crumbs{ width:1190px; height:80px; line-height:80px; color:#FFF; margin:0 auto; font-size:16px;}
.sTop .crumbs a{ color:#FFF}

.menuBtn {display: block;width: 40px;height: 40px;position: absolute;top: 0;left: 10px;}
.wrap {/*background:url(../images/bg.png) top left repeat-x;*/width: 100%;max-width: 1600px;min-width: 480px;z-index: 10;margin: 0 auto;padding: 0;}
.inner {width: 1110px;height: 100%;margin: 0 auto;position: relative;padding:10px 0;font-size: 18px;font-weight: 300;overflow: hidden;}
.section{ width:1110px; margin:0 auto; }
.section .show-content h2{ color:#00C; font-size:16px; font-weight:600;}
.section .inner h2{ color:#00C; font-size:16px; font-weight:600; padding-bottom:10px; border-bottom:1px solid #d3d3d3;}
.section .inner h3{ font-size:14px; color: #2c51aa; height:30px; line-height:30px;}
.section .inner h4{ font-size:14px; color:#666;}
.section .inner p{ padding:5px 10px; margin:0 auto; font-size:14px; color:#444;}
.inner li.navsTop{width: initial;height: 100%; float:right;}
.inner li.navsTop-s{ width:600px; float:right; }
/* This is the selector i used for my menu, it needs to be set as position:absolute; */
.subMenu {height: 60px;z-index: 50;width: 100%;max-width: 1600px;background: rgb(226, 226, 226);}
.subMenu.fxd{max-width:100%;}
.subMenu .inner {padding:0;font-weight: 400;}
.subMenu .inner a{font-size: 16px;}
.subMenu .inner a.active{font-weight: 500;background: rgb(25, 81, 185);}
h1.subNavBtn {display: block;height: 100%;width:400px;float: left;margin: 0px 0px 0 0;padding: 0;text-decoration: none;text-align: left;color: rgb(25, 81, 185);font-size: 16px;font-weight: bold;line-height: 60px;}
.subNavBtn {display: block;height: 100%;line-height: 60px;width: 100px;float: left;margin: 0px 0px 0 0;text-decoration: none;font-size: 14px;padding: 0;text-align: center;color: rgb(25, 81, 185);}
.subNavBtn.active{background:#ccc;color:#fff;}

.toolbar{ height:60px; width:1110px; margin:0 auto; border:1px solid #ddd; border-radius:5px;}
.toolbar-left{ float:left; height:60px; width:600px; border-right:1px solid #ddd;}
.toolbar-left .bshare-custom{ margin:10px 30px;}
.toolbar-left .bshare-custom .bshare-more{ margin-top:5px;}
.toolbar-right{ float:left;height:60px; line-height:60px; width:500px;}
.toolbar-right li{ display:block; float:left; width:200px; height:60px; text-align:center; font-size:16px;}

/* SECTIONS */
.s1 {min-height: 450px; }
.s2 {min-height: 100px;}
.s3 {min-height: 100px; }
.s4 {min-height: 100px; }
.s5 {min-height: 250px;}
.s6 {min-height: 400px; }
.end {margin: 0;}
.s1 .show-content{width: 570px;margin:20px auto 0 auto;}

.s1 .show-content p{ padding:8px 10px; margin:0 auto; font-size:14px; color:#444 }
.s1 .show-content #product_button{width:100%;height:auto;overflow:hidden;margin-top:20px;}
.s1 .show-content #product_button a{width: 160px;height: 36px;line-height: 36px; display:block; float:left; text-align:center; font-size:16px;background: rgb(25, 81, 185);color: #fff;border-radius: 3px;}
.s1 .show-content #product_button a i{margin-right:5px;}
.s1 .show-content #product_button a:first-child{margin-right:2%;}
.p_list .show-list{ float:right; width:300px;margin:40px auto 0 auto;}
.p_list .show-list p{ padding-left:20px; font-size:16px; color:#555;}
.p-line{ width:720px;}
.show-solution h3{ font-size:16px;color: #2c51aa; line-height:25px; text-indent:2em;}
.show-solution p{ text-indent:2em;}
.p-line h3{ font-size:16px;color: #2c51aa; line-height:25px; }
.p-line p{ font-size:14px; line-height:20px; }
.main-wrapper-s{ margin:16px auto; width:1110px; height:auto;}

#picarea{width:480px;border:#d9e0ea 1px solid;padding:0;margin-top: 20px;}
#bigpicarea{position:relative;margin:0px auto;width:474px;height:324px;overflow:hidden;}
.image{text-align:center}
.image img{border:#ececec 1px solid;margin:35px auto; }
#bigpicarea .word{text-align:center;height:30px;line-height:30px;background:#fff;color:#333;position:absolute;bottom:0px;left:0px;width:100%;}

#smallpicarea{margin:5px 0 0 0;border-top:#ececec 1px solid;}
#thumbs{margin:0px auto;width:480px;height:85px;overflow:hidden;}
#thumbs li{margin:0px 3px;width:94px;display:inline;float:left;height:64px;overflow:hidden;}
#thumbs ul{margin-top:3px;padding-left:5px;}
#thumbs li.last_img{margin-right:4px}
#thumbs li.first{margin:25px 10px 0px 15px;width:9px;height:20px;cursor:pointer}
#thumbs li.last{margin:25px 15px 0px 15px;width:9px;height:20px;cursor:pointer; float:right;}
#thumbs li a{border:#fff 2px solid;width:90px;display:block;font-size:0px;}
#thumbs li a:hover{border:#000 2px solid;}
#thumbs li a.current{border:#f8ae0f 2px solid;}

#picarea-s{border:#d9e0ea 1px solid;padding:20px 0 0 0;}
#bigpicarea-s{position:relative;margin:0px auto;width:574px;height:324px;overflow:hidden;}
#bigpicarea-s .image{text-align:center}
#bigpicarea-s .image img{border:#ececec 1px solid;margin:0px auto;}
#bigpicarea-s .word{text-align:center;height:30px;line-height:30px;background:#fff;color:#333;position:absolute;bottom:0px;left:0px;width:100%;}

#picarea-s #smallpicarea{margin:5px 0 0 0;border-top:#ececec 1px solid;}
#picarea-s #thumbs{margin:0px auto;width:580px;height:85px;overflow:hidden;}
#picarea-s #thumbs li{margin:0px 3px;width:94px;display:inline;float:left;height:64px;overflow:hidden;}
#picarea-s #thumbs ul{margin-top:3px;padding-left:5px;}
#picarea-s #thumbs li.last_img{margin-right:4px}
#picarea-s #thumbs li.first{margin:25px 10px 0px 15px;width:9px;height:16px;cursor:pointer}
#picarea-s #thumbs li.last{margin:25px 15px 0px 15px;width:9px;height:16px;cursor:pointer; float:right;}
#picarea-s #thumbs li a{border:#fff 2px solid;width:90px;display:block;font-size:0px;}
#picarea-s #thumbs li a:hover{border:#000 2px solid;}
#picarea-s #thumbs li a.current{border:#f8ae0f 2px solid;}
.s1 .show-solution{ width:490px;margin:40px auto 0 auto;}
.s1 .show-solution p{ padding:10px; font-size:14px; color:#444 }

.p_rl_list dl{float:left; margin:20px; width:180px; height:165px;}
.p_rl_list dl dd.pic{ float:left; width:180px; height:150px; padding:1px; border:solid #EAEAEA 1px;}
.p_rl_list dl dt{ float:left; margin:5px 0; width:180px; line-height:15px; font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif; font-size:13px; color:#333; text-align:center;}
.p_rl_list dl dt a{ color:#333;}
.p_rl_list dl dt a:hover{ color: #C00;}

#big_play_prev{background-image:url(../images/leftbig.png);width:35px;display:block;height:51px;_background:none;_filter:progid:DXImageTransform.Microsoft.alphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')}
#big_play_next{background-image:url(../images/rightbig.png);width:35px;display:block;height:51px;_background:none;_filter:progid:DXImageTransform.Microsoft.alphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')}

.wrapper-s{ width:100%;height: 125px;z-index: 50;background:#e4e4e4; line-height:40px; margin-bottom:0;}
.gz-ss { margin:0 auto;;width:1190px;}
.wrapper-s .search{float:left;margin-top:15px;width:362px;height:85px;}
.wrapper-s .search .tab{ padding:3px 10px 3px 20px;;}
.wrapper-s .search .tab span{ color:#999;}
.wrapper-s .search .tab a{ color:#999; font-weight:600; font-size:14px;}
.wrapper-s .search .tab a.on{ font-weight:700; color:#663300;}
.wrapper-s .search .bd{ height:40px;}
.wrapper-s .search .text{border:1px solid #e5e5e7; height:30px;width:250px; padding-left:30px;background:#fff url(../images/icon.png) no-repeat; float:left;}
.wrapper-s .search .button{ background:#fff; border:none; color:#333; height:2.4em;margin-left:3px;width:4.2em; text-align:center;cursor:pointer; display:inline;float:left; margin-left:5px;}
.wrapper-s .dh-phone{ float:left;/* height:125px;*/ width:480px;line-height: 25px;text-align: center;padding-top: 40px; font-size:16px; color:#444;}
.wrapper-s .dh-phone dd{ width:480px; height:60px; line-height:60px; text-align:center; font-size:20px; color:#666;}
.wrapper-s .social{ float:right;}
.wrapper-s .social li{ float:left; margin:20px 5px 0 5px; color:#666;}


.footer-wrap { overflow:hidden; width:100%; height:360px; background:#353535; text-shadow:0px 1px 0px #000; }
.footer {padding-top:32px;}
.footer a:hover { text-decoration:underline; }
.footer-wrap dl { float:left; margin-right:15px; width:120px; padding-bottom:10px; }
.footer-wrap dl a { color:#C7C7C7; }
.footer-wrap dl dt { height:32px; line-height:32px; font-weight:bold; font-size:16px;  }
.footer-wrap dl dt a { color:#fff; }
.footer-wrap dl dd { height:30px; line-height:30px; font-size:14px;  }
.footer-wrap dl dd a{color:#FFF; }
.footer-line { clear:both; height:2px; margin-top:30px; font-size:0; line-height:0; background: url(../images/footer-line.png) repeat-x 0 0;}
.company-info{ width:350px;}
.company-info dl{ width:350px;/* height:35px;*/height:25px;/* line-height:35px;*/ line-height:25px; font-size:14px; color:#FFF}
.company-info address{ color:#FFF; font-size:16px;}
.copyright{ color:#f3f3f3; height:25px; line-height:25px;}
.copyright dl{ width:830px; overflow:hidden;}
.copyright dl a {margin-left:10px;}

.totop{width:51px;height:51px;display:block; position:fixed;right:25px;bottom:45px;background-position:0 -51px; background-image:url(../images/top.gif); background-repeat:no-repeat;}
.totop:hover{ background-position:0 0;}

/*.fn-left, .fn-right { display: inline; }*/
.dh-left { float: left; }
.dh-right { float: right; }
p.fn-right { float: right; color:#999 }
.fn-clear:after { visibility: hidden; display: block; font-size: 0;  content: " "; clear: both; height: 0; line-height:0; }
.fn-clear {/* zoom: 1; */  clear: both; height: 0; margin-top: 0; font-size:0; line-height:0; overflow: hidden; }
.dib { display: inline-block; vertical-align: top; zoom: 1; *display: inline; }

@media screen and (max-width: 720px){
	.blank40{display:none;}
	.subMenu{ display:none;}
	.dh-left, .dh-right{ float:none;}
	.wrap {min-width: inherit;width: 100%;margin: 0 auto;padding: 0;overflow: hidden;}
	.wrap .banner{ display:none;}
	.section{ width:100%; margin:0 auto;overflow: hidden;padding: 0;}
	.toolbar{ display:none;}
	.show-content,#picarea,.smallpicarea{ width:100%;}
	.wrap img{ width:100%; height:auto;}
	.show-content{ width:100%;}
	.show-content.dh-right{width: 98%;margin:20px auto 0 auto;}
	.s1 .show-content p{width:98%; margin:0 auto; padding:5px 0;}

	#picarea{clear: both;width: 98%;border:#d9e0ea 1px solid;margin: 0 1%;padding: 10px 0;overflow: hidden;}
	#bigpicarea{width:100%;height:auto;overflow:hidden;}
	.image{width: 98%;margin: 0 1%;overflow: hidden;text-align: center;}
	.image img{border:#ececec 1px solid;width: 98%;margin: 10px auto 35px auto;}
	#bigpicarea .word{display:none;}

	#smallpicarea{width: 100%;margin:5px 0 0 0;overflow: hidden;border-top:#ececec 1px solid;}
	#thumbs{margin:0px auto;width:100%;height: auto;overflow:hidden;}
	#thumbs li{margin: 0 3px;width:64px;height:auto;display:inline;float:left;overflow:hidden;}
	#thumbs ul{width: 98%;overflow: hidden;margin-top:10px;padding-left: 1%;}
	#thumbs li.first{margin:18px 8px 0 8px;}
	#thumbs li.last{margin:18px 8px 0 8px}

	#picarea-s{border:#d9e0ea 1px solid;}
	#bigpicarea-s .image{text-align:center}
	#bigpicarea-s .image img{border:#ececec 1px solid;margin:0px auto; width:100%}
	#bigpicarea-s .word{text-align:center;height:30px;line-height:30px;background:#fff;color:#333;position:absolute;bottom:0px;left:0px;width:100%;}

	#picarea-s #smallpicarea{margin:5px 0 0 0;border-top:#ececec 1px solid;}
	#picarea-s #thumbs{margin:0px auto;width:100%;overflow:hidden;}
	#picarea-s #thumbs li{margin:0px 3px;width:44px;display:inline;float:left;overflow:hidden;}
	#picarea-s #thumbs ul{margin-top:3px; overflow:hidden;}

	.inner,.section{width:98%;margin:0 auto;overflow:hidden;}
	.product_tabel{overflow-x: auto;}
	.product_tabel table tr td{padding:3px;}

	.p_rl_list dl{width:48%;height:auto;margin:10px 1% 0 1%;}
	.p_rl_list dl dd.pic{width:100%;height:auto;}

	.footer{padding-top:0;}
}
@media screen and (max-width: 320px){
	.section.s5{display:none;}
	.p_rl_list dl{width:100%;}
}