﻿
@charset "utf-8";
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0;}
body,html,input,button,textarea{color:#000; font-family:'SourceSansProRegular',Arial,Tahoma,Verdana,Helvetica,sans-serif; font-size:14px;}
article,aside,figcaption,figure,footer,header,nav,section{display:block;}
body{background:#fff;}

img{border:none;vertical-align:middle;}
li{list-style:none;}
i,em{font-style:normal;}
a{color:#000;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#282f89;text-decoration:none;}

/*float*/
.fl{float:left;}
.fr{float:right;}

/* clear floating */
.clearfix:after,.layout:after,.topbar:after,.product-intro:after,.product-shop dl:after,.color-list:after,#respond:after,.goods-related .related-list ul:after,.head-wrapper:after,.blog-widget .foot-blog-item:after,.products-scroll-list li:after,.blog-list .blog-item:after,.index-discover ul li:after,.exhibition-tit-bar:after,.detail-tabs:after,.index-video-news .layout:after,.index-news .index-news-cont .index-new-list:after,.index-newsletter-testimonial .layout:after,.index-about:after,.news-slides .news-item:after,.page-bar:after,.second-product-item .item-wrap:after,.company-data-wrap:after,.gm-sep:after,.owl-stage:after,.certificate-list ul:after,.video-list ul:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
.clearfix,.layout,.topbar,.product-intro,.product-shop dl,.color-list,#respond,.goods-related .related-list ul,.head-wrapper,.blog-widget .foot-blog-item,.products-scroll-list li,.blog-list .blog-item,.index-discover ul li,.exhibition-tit-bar,.detail-tabs,.index-video-news .layout,.index-news .index-news-cont .index-new-list,.index-newsletter-testimonial .layout,.index-about,.news-slides .news-item,.page-bar,.second-product-item .item-wrap,.company-data-wrap,.gm-sep,.owl-stage,.certificate-list ul,.video-list ul{*zoom:1;}
.clear{ clear:both;}

/* layout */
.layout,.nav-bar .nav-wrap{width:1200px;margin:0 auto; position:relative;}

body{width:100%;min-width:1200px;position:absolute;left:0;top:0}






.wrapper{
	width:100%;
	 background:#EAEAEA;}

.mainnav{
	width:1200px;margin:0 auto;
	height:66px;
	background:url(../images/nav_off2.gif) repeat-x top left;}

/*nav*/


ul.nav{
	margin-left:15px;
	height:66px;
}
ul.nav li{
	float:left;
	display:inline;
	line-height:66px;
	height:66px;
	position:relative;

font-weight:bold;
	z-index:10
}
ul.nav li a{
	padding:0 37px;
	display:block;
font-size:20px;
	color:#0060AC}
ul.nav li a:hover{
	color:#0060AC;
    
font-size:20px;
	}
ul.nav li.mainlevel{height:66px;_margin-top:4px;}
ul.nav li ul {
	display:none; 
	position:absolute;
	background:#0172BE;
	width:auto;
	z-index:10;
	top:34px;
	}
ul.nav li ul li{
	background:#0172BE;
	display:block;

	height:40px;
	text-indent:10px;
	text-align:center;
font-size:14px;
	line-height:40px}
ul.nav li ul li a{
	background:#0172BE;
	display:block;
	min-width:185px;
font-size:14px;
color:#fff;
	width:auto !important;
	_width:180px;
	padding:0;
}
.backgroundColor{
	background:#0172BE}
ul.nav li.mainlevel a span{
	width:17px;
	height:21px;
	margin-left:1px;
	padding-top:5px;
	display:inline-block;
	background:url(../images/nav_dot2.gif) no-repeat bottom;
	*background:url(../images/nav_dot2.gif) no-repeat 2px 50%;
	_background:url(../images/nav_dot2.gif) no-repeat 2px 75%}


ul.nav li ul li a:hover{
	background:#014075;
font-size:14px;

	color:#fff;}
/*nav end*/

/*banner*/
.banner{ height:550px; position:relative; background:url(../images/loading.gif) 50% no-repeat; min-width:1200px;}
.slides{position:relative;z-index:1;}
.slides li{height:550px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:3px;overflow:hidden;background:#fff;cursor:pointer;}
.flex-control-nav .flex-active{background:#E21F2F;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;}
.flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev_icon.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next_icon.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

#footer{
  max-width:1200px;
  margin:auto;
}

/*底部*/
.footer{ width:100%; height:auto; padding-top:50px;background-color:#282E3E; float:left;  padding-bottom:40px}
.footer .footer_in{width:1200px; margin:0px auto;}
.footer .footer_in .footer_left{ float:left; margin:0px 20px; width:260px;color:#fff;line-height:32px;}
.footer .footer_in .footer_left h3{width:260px;}

.footer .footer_in .footer_left ul li{line-height:30px;font-size:14px; color:#fff;margin-bottom:10px; width:260px; list-style:square inside; float:left}
.footer .footer_in .footer_left ul li a,.footer .footer_in .footer_left ul li a:hover{ color:#fff; }
/*底部*/
.bottom{ width:100%; height:45px; background-color:#1C202B; float:left;}
.bottom .bottom_in{width:1200px; height:45px; margin:0px auto; line-height:45px}
.bottom .bottom_in .bottom_left{ float:left;text-align:left;color:#fff;}
.bottom .bottom_in .bottom_right{ float:right;text-align:right; color:#fff}
.bottom .bottom_in .bottom_right a,.bottom .bottom_in .bottom_right a:hover{ color:#fff; }


.xiaobanner{width:100%;margin:0 auto; }

.w_1200 .page .page_l{ width:270px;}
.w_1200 .page .page_r{ width:886px;}
.page{ background:#eaeaea;}
.page .page_l{ width:228px;}
.page .page_r{ width:850px;}
.page .page_r .c_contents{ min-height:400px;}
.wrap{ width:1100px; margin:0 auto;}
.min{ min-width:1100px;}
.max{ max-width:1100px; margin:0 auto;}

.blank3{margin:0px auto; clear:both; height:3px; font-size:1px; overflow:hidden;}
.blank6{margin:0px auto; clear:both; height:6px; font-size:1px; overflow:hidden;}
.blank9{margin:0px auto; clear:both; height:9px; font-size:1px; overflow:hidden;}
.blank12{margin:0px auto; clear:both; height:12px; font-size:1px; overflow:hidden;}
.blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}

.leftmenu .t{ font-size:18px; font-family:"Georgia"; height:45px; line-height:45px; text-transform:uppercase;}
.leftmenu .row{}
.leftmenu .row .n1{ text-indent:45px; height:45px; line-height:45px; overflow:hidden; background:url(../images/fir.jpg)#fdfdfd 15px center no-repeat; margin-top:6px;}
.leftmenu .row .n1 a{ font-size:16px; font-family:"Georgia"; color:#555; display:block;}
.leftmenu .row .n1:hover,.leftmenu .row.on .n1{ background:url(../images/fir_cur.jpg)#fdfdfd 15px center no-repeat;}
.leftmenu .row .n1:hover a,.leftmenu .row.on .n1 a{ text-decoration:none; color:#eb557b;}
.leftmenu .row .sub{ display:none;}
.leftmenu .row.on .sub{display: block;}
.leftmenu .row .sub .i{ text-indent:45px; height:40px; line-height:40px; overflow:hidden; background:#f8f8f8; border-top:1px solid #dcdcdc;}
.leftmenu .row .sub .i:first-child{ border-top:none;}
.leftmenu .row .sub .i a{ font-size:14px; font-family:"Georgia"; color:#777;}
.leftmenu .row .sub .i a:hover{ color:#eb557b; text-decoration:none;}
.leftmenu .row .sub .v3{ display: none;text-indent:55px; border-top:none;}
.leftmenu .row .sub .v3:first-child{ border-top:1px solid #dcdcdc;}
.leftmenu .row .sub .v3 a:hover{ text-decoration:none; color:#000;}
.leftmenu .row .nor{ margin-top:0;}
.leftmenu .row .sub .i a.on{ color:#eb557b;}
.leftmenu .row .sub .i.v3 a.on{ color:#000;}

.bxSlide-outter .bx-wrapper .bg-mode{min-height: 300px;width: 100%;display: block;background: no-repeat center/cover;}

#position{ height:45px; line-height:45px; text-align:right; font-family:"Georgia";}
#position a{ font-family:"Georgia";}
#position span{ font-size:18px; color:#000; font-family:"Georgia";}
#position .po_cur{ color:#eb557b;}



#open_title .item{ margin:0; padding:0; border:none;}

.neirong{ width:870px; padding:5px; border:2px solid #fff; border-bottom:none;  background:#fff; position:relative;font-size:15px;line-height:33px;}

.item{ width:232px; padding:10px; border:2px solid #fff; border-bottom:none;  margin-left:20px; background:#fff; position:relative;}
.item:hover{ border-bottom:none;}
.item .pic{ width:232px; height:200px; text-align:center;}
.item .pic img{ vertical-align:middle;width:232px; height:174px; }
.item .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.item .i_line{ border-bottom:1px dashed #ddd; margin:10px 0;}
.item .name{ margin:0 5px; height:30px; line-height:30px; overflow:hidden; }
.item .name a{ font-family:"Verdana"; font-size:16px;}
.item .price{ margin:0 5px; font-size:16px; font-family:"Verdana"; color:#eb557b;}
.item .price a,.item .price a hover{ margin:0 5px; font-size:16px; font-family:"Verdana"; color:#eb557b;}
.i_nor{ margin-left:0;}
.i_top{ margin-top:0;}
.i_mar{ margin-left:0; margin-right:24px;}

.pro02{
	width:275px;
	height:260px;
	position:relative;
	float:left;
	margin:0 0 15px 9px;
background:#fff; 
	background:url(../images/quality-bg_top.gif) no-repeat top left}
.pro02 img{margin:6px 5px;background:#fff; }
.pro02 p{
	width:275px;
	line-height:34px;
	text-shadow:1px 1px 0 white;
	text-align:center;
	height:40px;
	background:url(../images/quality-bg_title.gif) no-repeat ;
	font-size:13px;
background:#fff; 
	color:#013367;
	position:absolute;
	bottom:0;
	left:0}


.page33 { text-align:center;margin-top:15px;letter-spacing:2px;}