/* CSS Document */
html{overflow-y:scroll;}
html {font-family:"Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {margin:0;color:#333;font-size:14px;line-height:1.42;}
form,input{margin:0;padding:0;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{list-style:none;margin:0;padding:0;}
img{vertical-align:middle;border:0;}
a:link,a:visited{outline:none;color:#053297;text-decoration:none;}
a:hover{color:#d3091a;}

.header-wrap,.nav-wrap,.container{margin-right:auto;margin-left:auto;width:1200px;}
/* header */
.header{clear:both;width:100%;min-width:1200px;height:94px;background:#fff url(images/header-bg.png) repeat-x bottom;}
.header-wrap{padding:7px 0;}
.header-logo{float:left;}
.header-right{float:right;}
.header-right ul li{width:100%;font-weight:700;text-align:right;}
	/* language */
	.share{float:right;}
	.share em{float:left;width:3px;height:16px;}
	.language{margin-top:10px;margin-bottom:2px;line-height:16px;}
	.language .china{margin-right:20px;padding-left:28px;background:url(images/china.png) no-repeat left 2px;}
	.language .english{margin-right:20px;padding-left:28px;background:url(images/english.png) no-repeat left 2px;}
	/* phone */
	.phone{float:left;width:520px;height:45px;font-size:0px;}
	.phone span.num{display:block;width:520px;height:45px;outline:none;background:transparent url(images/tel.png) no-repeat;text-indent:-9999px;}

/* nav */
.nav{clear:both;position:relative;min-width:1200px;height:42px;line-height:42px;background:url(images/nav-bg.png);}
	.nav dl{display:block;float:left;font-size:15px;font-weight:700;}
	.nav dl dd{display:inline;float:left;background:url(images/nav-li.png) no-repeat left;text-align:center;}
	.nav dl dd.one{width:80px;}
	.nav dl dd.two{width:100px;}
	.nav dl dd.three{width:134px;}
	.nav dl dd.fours{width:96px;}
	.nav dl dd.five{width:156px;}
	.nav dl dd.six{width:148px;}
	.nav dl dd.seven{width:84px;}
	.nav dl dd.eight{width:140px;}
	.nav dl dd a{display:block;margin-left:2px;color:#fff;white-space:nowrap;}
	.nav dl dd a:hover{background:#d3091a;}
	.nav dl dd .active{color:#fc0;}
	.nav dl dd.box:hover{background:url(images/nav-hover.png) no-repeat;}
	.nav dl dd.box:hover ul{display:block;z-index:1;border-top:1px solid #999;}
	.nav dl dd.box ul{display:none;position:absolute;margin-left:2px;min-width:154px;font-size:14px;font-weight:100;background:#d3091a;}
	.nav dl dd.box ul li{padding-left:12px;line-height:36px;border-bottom:1px solid #999;text-align:left;}
	.nav dl dd.box ul li a:hover{font-weight:700;}
	.nav dl dd .new{position:absolute;margin-left:-8px;width:28px;height:15px;background:url(images/new.gif) no-repeat left;}
	.nav dl dt{float:right;width:262px;background:url(images/nav-li.png) no-repeat left;}

	/*.nav{min-width:1200px;background:url(images/nav-bg.png);}
	.nav a{display:block;padding:0 16px;line-height:inherit;color:#fff;cursor:pointer;}
	.nav_menu{line-height:42px;font-weight:700;text-transform:uppercase;}
	.nav_menu-item{display:inline-block;position:relative;}
	.nav_menu-item:hover{background-color:#9b59b6;}
	.nav_menu-item:hover .nav_submenu{display:block;}
	.nav_submenu{font-weight:300;text-transform:none;display:none;position:absolute;width:220px;background-color:#9b59b6;}
	.nav_submenu-item:hover{background:rgba(0, 0, 0, 0.1);}*/

	/* search */
	.search{float:right;height:42px;}
	.search-form{ float:right;margin:8px 0;}
	.search-input{float:left;display:block;padding:2px 8px;width:160px;height:26px;line-height:1.42857143;font-size:14px;color:#555;background-color:#eee;background-image:none;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
	.search-input:focus,.btn:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
	.btn{float:left;padding:6px 10px;height:26px;line-height:1.42857;border:1px solid #ccc;background:#eee url(images/search.png) no-repeat center;text-indent:-9999px;cursor:pointer;}
	.btn:hover{border-color:#adadad;background:#e6e6e6 url(images/search.png) no-repeat center;}

/* banner */
.banner-grids{clear:both;position:relative;margin:0 auto;width:1200px;height:400px;box-shadow:0 6px 6px #ccc;}
	.banner{clear:both;overflow:hidden;width:1200px;height:400px;text-align:center;}
	.banner ul li{float:left;width:1200px;height:400px;}
	.banner ul li a{display:block;margin: 0 auto;width:1200px;height:400px;text-indent:-9999px;}
	.banner .dots{position:absolute;height:26px;bottom:0px;right:44%;}
	.banner .dot{float:left;margin-right:2px;width:26px;height:26px;background:url(images/left.png) no-repeat center;text-indent:-9999px;cursor:pointer;}
	.banner .dot.active{background:url(images/right.png) no-repeat center;}
	
/* product */
.margin{margin-top:20px;}
	/* sidebar */
	.sidebar-grids{float:left;width:280px;}
	.sidebar-grids .service{margin-bottom:20px;height:300px;line-height:22px;border:1px solid #ddd;box-shadow:0 0 5px #ddd;color:#666;}
	.sidebar-grids .service li{float:left;margin:0px 10px 5px 0px;padding:4px 8px;border:1px solid #ddd;}
	.sidebar-grids .service li:hover{border-color:#e4393c;}
	.sidebar-grids .about{overflow:hidden;height:385px;border:1px solid #ddd;box-shadow:0 0 5px #ddd;}	
	.sidebar-grids .title{height:32px;line-height:32px;border-bottom:1px solid #ddd;background:url(images/common.png) repeat-x;}
	.sidebar-grids .title em{float:left;padding-left:15px;font-style:normal;font-weight:700;}
	.sidebar-grids .title span{float:right;padding-right:15px;}
	.sidebar-grids .left-service{padding:15px 20px;}
	.sidebar-grids .left{padding:20px;}
	.sidebar-grids .left p{margin:10px 0 0 0;line-height:22px;color:#666;}
		
	/* layout */
	.layout{float:right;width:900px;}
	.layout p{margin:2px;}
	
	.video-grids{float:right;width:900px;height:325px;border:1px solid #ddd;box-shadow:0 0 5px #ddd;}
	.video-grids .title{height:32px;line-height:32px;border-bottom:1px solid #ddd;background:url(images/common.png) repeat-x;}
	.video-grids .title em{float:left;padding-left:15px;font-style:normal;font-weight:700;}
	.video-grids .title span{float:right;padding-right:15px;}
	.video-grids .content{overflow:hidden;}
	
	.video-grid{float:left;position:relative;width:200px;height:250px;border:1px solid #eee;background:#fff;text-align:center;}
	.index{margin-top:20px;margin-left:18px;}
	.video-grid:hover{opacity:0.9;border-color:#e4393c;}
	.video-grid .video-img{width:200px;height:200px;display:table-cell;text-align:center;vertical-align:middle;}
	.video-grid img{max-width:200px;max-height:200px;display:inline-block;vertical-align:middle;}
	.play{top:60px;right:77px;width:48px;height:48px;background:url(images/play.png) no-repeat;}
	.picture{top:60px;right:75px;width:52px;height:48px;background:url(images/picture.png) no-repeat;}
	.mold{position:absolute;height:54px;}
	.video-bottom{overflow:hidden;position:relative;margin:5px;height:34px;font-size:12px;text-overflow:ellipsis;word-wrap:break-word;}

	/* product */	
	.product-grids{float:right;margin-top:20px;margin-bottom:20px;width:900px;height:360px;border:1px solid #ddd;box-shadow:0 0 5px #ddd;}
	.product-grids .title{height:32px;line-height:32px;border-bottom:1px solid #ddd;background:url(images/common.png) repeat-x;}
	.product-grids .title em{float:left;padding-left:15px;font-style:normal;font-weight:700;}
	.product-grids .tab{float:left;overflow:hidden;}
	.product-grids .tab a{float:left;display:block;padding:0 40px;border-right:1px solid #ddd;font-weight:700;}
	.product-grids .tab a:hover,.product-grids .tab a.on{border-bottom:1px solid #e4393c;color:#e4393c;background:#fff url(images/select-hover.png) no-repeat center bottom;}	
	.product-grids .content{overflow:hidden;}
	.product-grids .content li{display:none;}	
	.pro-grid{float:left;position:relative;width:200px;height:280px;border:1px solid #eee;background:#fff;text-align:center;}
	.pro-grid:hover{border-color:#e4393c;}
	.four{margin-right:-24px;}
	.pro-grid .pro-img{width:200px;line-height:200px;border:none;}
	.pro-grid img{width:200px;max-height:200px;}

	.newest{width:54px;top:-1px;right:-1px;background:url(images/new.png) no-repeat;}
	.discount{width:59px;top:10px;left:10px;background:url(images/discount.png) no-repeat;}
	.sale{width:50px;top:10px;left:10px;background:url(images/sale.png) no-repeat;}
	.hot{width:84px;top:-10px;right:-10px;background:url(images/hot.png) no-repeat;}

	.price{text-shadow:0px 0px 1px #fff;}
	.price em, .price i, .price u{color:#e4393c;font-style:normal;}
	.price em{margin-right:5px;font-size:16px;}
	.price i{font-size:22px;font-family:Georgia, "Times New Roman", Times, serif;}
	.price u{top:170px;font-size:20px;text-decoration:none;}
	.pro-grid a{font-size:12px;}
	.img-bottom p{overflow:hidden;position:relative;margin:5px;height:34px;text-overflow:ellipsis;word-wrap:break-word;}
	/*.img-bottom p:after{position:absolute;bottom:0;right:0;content:"бн";color:#999;background:url(images/ellipsis.png) repeat-y left;} */

/* wrapper */
.about-banner-grids{clear:both;position:relative;margin-top:0px;width:100%;min-width:1200px;height:150px;}
	.about-banner{clear:both;overflow:hidden;margin:0 auto;min-width:1200px;height:150px;text-align:center;}
	.about-banner p{float:left;margin:0;width:100%;min-width:1200px;height:150px;background:150px 100%;}
	
.wrapper{margin:0 auto;width:1200px;border-bottom:1px solid #eee;box-shadow:0 0 5px #ddd;background:url(images/bg.png);overflow:hidden;}

.wrapper .sidebar{float:left;width:220px;}
	.sidebar dl{margin:20px;}
	.sidebar dt{display:block;height:30px;border-bottom:2px solid #ddd;}
	.sidebar dt h2{font-size:14px;}
	.sidebar dd{display:block;line-height:40px;border-bottom:1px solid #ddd;background:url(themes/images/last.png) no-repeat 180px 17px;}
	.sidebar-menu dd:hover{background:url(themes/images/last-hover.png) no-repeat 180px 17px;}
	.sidebar-menu dd.strong{font-weight:700;}
	.sidebar a{color:#06c;display:block;}
	.sidebar a:hover{color:#d94335;}
	.sidebar .hover{color:#f60;font-weight:700;}

	.wrapper .content{float:right;width:980px;}
	.breadcrumbs{margin:20px 30px;height:30px;border-bottom:2px solid #ddd;}
		.vital{float:left;width:40%;}
		.vital span{display:inline-block;padding-bottom:10px;border-bottom:2px solid #0068b7;color:#666;font-size:14px;font-weight:700;}
		.location{float:right;width:60%;color:#999;text-align:right;}
	.main{padding:0px 30px 30px;min-height:400px;line-height:1.6em;font-size:16px;text-align:justify;overflow:hidden;}
	.title h1{margin-top:0px;margin-bottom:20px;font-size:24px;font-weight:100;text-align:center;}
	.minor{margin:auto;padding-bottom:15px;width:90%;border-bottom:1px dotted #ccc;color:#999;font-size:12px;text-align:center;}
	.minor span{margin-right:20px;}
	
	.products,.video{margin:0px 30px 30px;}
	.row ul{margin-right:-13px;}
	.distance{margin:0px 13px 25px 13px;}

/* ProductsView */
.control-group,.secondary p{clear:both;overflow:hidden;}

.gallery{float:left;width:300px;height:300px;line-height:300px;border:1px solid #eee;}
	.gallery img{width:300px;max-height:300px;cursor:pointer;}

.secondary{float:right;width:580px;height:300px;border-bottom:1px solid #eee;}
	.secondary h1{margin-bottom:10px;line-height:1.3em;font-size:24px;font-weight:100;}
	.secondary small{color:#e4393c;font-size:13px;line-height:20px;}
	.secondary hr{margin:20px 0px;height:1px;border:none;border-top:1px solid #eee;}

	.control-group{height:36px;line-height:36px;}
	.control-group .control-label{float:left;}
	.control-group .control-label span{color:#e4393c;font-size:28px;}
	.control-group .controls{float:left;margin-left:50px;padding:6px 12px;line-height:20px;color:#333;font-size:18px;text-align:center;text-shadow:0px 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(to bottom, #fff, #e6e6e6);background-repeat:repeat-x;border-width:1px;border-style:solid;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;border-radius:4px;box-shadow:0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);}
	.secondary p{color:#666;}
	
.describe{clear:both;padding-top:20px;}
.describe img{max-width:840px;}
.toolbar{float:left;margin-top:20px;margin-bottom:30px;width:100%;height:1px;border-top:1px solid #ddd;}
.toolbar span{position:relative;top:-12px;background:#fff;padding-right:10px;}
.article ul{padding-left:2em;}
.article ul li{list-style-type:square;padding:2px;text-indent:0.5em;}

/* pageNav */
.pageNav{clear:both;text-align:center;font-size:14px;}
	.pageNav strong{margin-right:2px;padding:6px 12px;border:1px solid #ddd;color:#ce000f;font-weight:normal;background:#ddd;}
	.pageNav .current{margin-right:2px;padding:6px 12px;border:1px solid #ddd;color:#666;}
	.pageNav a{margin-right:2px;padding:6px 12px;color:#000;border:1px solid #ddd;}
	.pageNav a:hover{border:1px solid #e4393c;}

/* footer */
.FooterArea{clear:both;margin-top:20px;width:100%;min-width:1200px;border-top:1px solid #ddd;box-shadow:0 0 5px #ddd;background:#eee;}
.FooterAreaInner{margin:0 auto;padding:20px 0;width:1200px;background:url(images/weixin.png) no-repeat right;}
.FooterAreaInner p,.bottom p{margin:0;line-height:22px;color:#666;font-size:13px;text-align:center;}
.FooterAreaInner span,.bottom span{margin:0 10px;color:#ccc;}
.FooterAreaInner em,.bottom em{margin-left:15px;}

.footer{position:relative;z-index:0;width:100%;background-color:#eee;}
.bottom{margin:0px auto;padding:22px 15px 18px;width:1168px;border-left:1px solid #ddd;border-right:1px solid #ddd;box-shadow:0 0 5px #ddd;background:#fff url(images/footer-bg.png) repeat-x bottom;overflow:hidden;}
.bottom p{background:url(images/weixin.png) no-repeat right;}

/* online */
.online{position:fixed;right:10px;top:200px;width:120px;height:224px;background:url(images/onlinecenter.png) no-repeat;}
.online ul{padding:40px 20px 10px 20px;text-align:center;}
.online ul li{width:100%;padding-bottom:12px;}
.online .skype{padding-top:12px;border-top:1px solid #ccc;}


@media (max-width:768px){
img{max-width:100%;}
.header{min-width:100%;}
.header-wrap, .container,.wrapper{margin-right:auto;margin-left:auto;width:auto;}

.header-wrap{padding:15px;}
.header-logo img{height:30px;}
.header-right{float:none;}
.language .china{margin-right:0;}
.phone span.num{width:260px;height:22.5px;background-size:100%;}

.nav{min-width:auto;}


.wrapper{background:#fff;}
.wrapper .sidebar, .wrapper .content{float:none;width:100%;background:#fff;}

.breadcrumbs{margin:0;padding-bottom:10px;height:auto;border-bottom:1px solid #ddd;}
.location{float:none;padding-left:15px;padding-right:15px;width:auto;text-align:left;}

.main{padding:0 10px 30px;font-size:14px;text-align:inherit;}
.title h1{margin-top:20px;}
.bottom{width:auto;border-right:0;border-left:0;}
.bottom p{background:none;}
.english, .shared, .share, .nav-wrap, .nav dl dt, .vital, .online{display:none;}
}