/* css reset */

body, html {min-height:101%; background: #f7f7f7; }
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
body{color:#333; font-size:14px; line-height:1.8;font-family:'Microsoft YaHei',Taile, Arial, '宋体',Helvetica,  SimSun, Sans-serif; background-color:#fff;}
body,div,p{word-wrap:break-word;word-break:break-all;word-break:normal;}
select,input,label,button,button img{vertical-align:middle}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var,i{font-style:normal;}
ol,ul {list-style:none;}
input,textarea,select{outline:none; color:#666;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{ cursor:pointer; outline:none; color:#333; text-decoration:none;}
a:hover{ color:#  !important;; quotes:none;  text-decoration:none;}
a.underline{ text-decoration:underline!important;}

/* layout */
.w1400{ width:1400px; margin:0 auto;}
.w1270{ width:1270px; margin:0 auto;}
.w120{width:120px;}

/* 锟斤拷锟斤拷锟斤拷锟斤拷 */
.clr {display: block; overflow: hidden; clear: both; height: 0; line-height: 0; font-size: 0;}
.clearfix{ *zoom:1;}.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{float:left;}.fr{float:right;}.fn{float: none;}
.al{text-align: left;}.ac{text-align: center;}.ar{text-align: right;}
.vam{ vertical-align:middle;}.vat{ vertical-align:top;}.vab{ vertical-align:bottom;}
.pr{ position:relative;*zoom:1;}.pa{ position:absolute;}.indent{ text-indent:2em;}
.hide{display:none;}.block{ display:block!important;}
.bdrb{ border-bottom:none!important;}.bdrl{ border-left:none!important;}.bdrr{ border-right:none!important;}.bdrt{ border-top:none!important;}.bdrn{ border:none!important;}.bgnone{background:none!important;}
.aa img{ overflow:hidden; display:block;}
.wordWrap{word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;}

/* interval margin & padding */
.mt5{ margin-top:5px;}.mb5{ margin-bottom:5px;}.ml5{ margin-left:5px;}.mr5{ margin-right:5px;}
.mt10{ margin-top:10px;}.mb10{ margin-bottom:10px;}.ml10{ margin-left:10px;}.mr10{ margin-right:10px;}
.mt15{ margin-top:15px;}.mb15{ margin-bottom:15px;}.ml15{ margin-left:15px;}.mr15{ margin-right:15px;}
.mt20{ margin-top:20px;}.mb20{ margin-bottom:20px;}.ml20{ margin-left:20px;}.mr20{ margin-right:20px;}
.mb50{ margin-bottom:50px;}.mt50{ margin-top:50px;}
.pt5{ padding-top:5px;}.pb5{ padding-bottom:5px;}.pl5{ padding-left:5px;}.pr5{ padding-right:5px;}
.pt10{ padding-top:10px;}.pb10{ padding-bottom:10px;}.pl10{ padding-left:10px;}.pr10{ padding-right:10px;}.p10{ padding:10px;}
.pt20{ padding-top:20px;}.pb20{ padding-bottom:20px;}.pl20{ padding-left:20px;}.pr20{ padding-right:20px;}.p20{ padding:20px;}

/* font */
.bold{font-weight:700;}
.ft12{font-size: 12px;}.ft14{ font-size: 14px;}.ft16{ font-size: 16px;}.ft18{font-size:18px;}.ft20{font-size:20px;}.ft24{ font-size:24px;}
.clr3{color:#333333;}.clr3a a{color:#333333;}
.clr6{color:#666666;}.clr6a a{color:#666666;}
a.clr3:hover,a.clr6:hover,.clr3a a:hover,.clr6a a:hover{ color:#f60;}
.gray{color:#999999;}.green{color:#7CAF00;}.red{color:#e93100;} .blue{ color:#005bac;} .bluea a{ color:#0066cc;} .grayd{ background:#ddd;}
.ofh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal;}.ofw{overflow:hidden;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right}
.p{ text-indent:2.2em;}

.in_top_warp{ background:#00469c; width:100%; height:120px; border-bottom:1px solid #fff;}  
.in_pro_tt_warp .tit{ color:#285d85; font-size:24px; font-weight:700; margin-bottom:20px; }
.in_pro_tt_warp .tit span{ font-family:Arial, Helvetica, sans-serif; color:#35393c}
 
.s_banner_warp1{ background:url(../images/s_banner.jpg) no-repeat bottom center #0b4280; width:100%; height:500px; position:relative}
.s_banner_warp2{ background:url(../images/s_banner2.jpg) no-repeat bottom center #0b4280; width:100%; height:500px; position:relative}
.s_banner_warp3{ background:url(../images/s_banner3.jpg) no-repeat bottom center #0b4280; width:100%; height:500px; position:relative}
.s_banner_warp4{ background:url(../images/s_banner4.jpg) no-repeat center center #0b4280; width:100%; height:500px; position:relative}
.s_banner_warp5{ background:url(../images/s_banner5.jpg) no-repeat bottom center #0b4280; width:100%; height:500px; position:relative}

/* 头部 */
 .header { height:75px; z-index:1; padding:30px 0;}
.logo, .logo a { float:left; width:250px; height:70px; background:url(../images/logo.png) no-repeat; display:inline; }
.logo a { margin:0; text-indent:-999em; overflow:hidden; }

/* 导航 */
.logo{ width:250px; height:102px;}
.dh{ width:878px !important; width /**/:920px; height:50px; margin-top:10px; margin-left:90px;}
.dh .activesss{ float:left; text-align:center; height:50px; font-size:18px;}
.dh .activesss a:link,.dh .activesss a:visited{ display:block; padding-left:28px; padding-right:28px; line-height:50px; color:#ffffff;}
.dh .activesss a:hover,.dh .activesss a.current{color:#fff!important; background:#01224a; text-decoration:none; font-weight:;}
.headrg .div1{ text-align:right; padding-top:23px; color:#fff;}
.headrg .div1 a{ margin-left:10px;}
.headrg .div1 a img{ -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s;}
.headrg .div1 a:hover img{ -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; transform:rotateY(360deg);-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);}

.in_warp{  padding:20px 0;}

/*banner*/
#banner { width:100%; float:left; position:relative; min-width:1200px; overflow:hidden; z-index:10;}
#slides { display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; right:50%; top:450px; z-index:9900;}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px; background:url(../images/1_08.png) no-repeat; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:url(../images/1_07.png) no-repeat;}

/*最初のページ关于我们*/
.index_about{ border:1px solid #ddd; width:1360px !important; width /**/:1400px; padding:30px 20px; background:#fff;
    clear: both;position: relative;z-index:100;top: -60px; overflow: hidden;}
.index_about .more {width: 160px;height: 34px; line-height: 36px; margin: 0 auto; border-bottom: 2px solid #041f2f; background:#00469c;text-align: center; color: #fff; margin-top:20px;}
.index_about .more a {color: #fff; display: block;}

/*最初のページ商品の展示*/
.index_pro_tit {width: 1400px; height:60px; border-bottom: 1px solid #ddd;clear: both;position: relative;z-index:100;top: -40px; overflow: hidden;}
.index_pro_tit .txt { position: absolute; top:10px; left: 0;color:#285d85; font-size:24px; font-weight:700; }
.left_btn { width:25px; height:25px; position:absolute; top:20px; right:35px; background:url(../images/fl_link.jpg) no-repeat;}
.right_btn { width:25px; height:25px; position:absolute; top:20px; right:0px; background:url(../images/fr_link.jpg) no-repeat; }
.left_btn a ,.right_btn a { display:block; width:48px; height:48px; text-indent:-9999px;}
.left_btn a:hover { display:block; width:25px; height:25px; background:url(../images/fl_linka.jpg) no-repeat;}
.right_btn a:hover { display:block; width:25px; height:25px; background:url(../images/fr_linka.jpg) no-repeat;}
.pro_list_inner { width:1400px; height:247px; overflow: hidden; margin-top:20px; margin-bottom:20px;position: relative;z-index:100;top: -20px; }
.sy_pro_list { width: 1400px; height: 247px;}
.sy_pro_list ul { width: 1400px;}
.sy_pro_list li { width:260px; height:247px; float: left; margin:0 9px; }
.sy_pro_list li img { width:254px; height:204px; display:block; border:3px solid #d9d9d9;}
.sy_pro_list li span { display:block; width:264px; line-height:37px; text-align:center;}
.sy_pro_list li span a { display:block; color:#555; font-size:16px; font-weight:bold;}
    
/*二级菜单*/
.crumbs { bottom:-50px; z-index: 1000000; position:absolute; width: 1400px;}
.nav-list{ height: 80px; line-height: 80px; margin-bottom:15px; background:#041f2f;}
.nav-list li a{ float: left; padding: 0px 40px; line-height: 80px; height: 80px; font-size: 16px; color: #fff; text-decoration: none;}
.nav-list li a.current{ display: block; background-color: #00469c; color: #fff;}
.w_grid{ font-size: 16px;  color: #333; padding-top: 50px; padding-bottom: 10px; overflow: hidden;border-bottom: 1px solid #999;}
.w_grid .signal{ background: url( "../images/add.png") no-repeat left; padding-left: 30px;}
.main h1{ margin-top: 20px; font-size:24px; color:#285d85; height: 50px; line-height: 50px; }
.main h1 span{ font-size: 16px; float: right; font-weight: normal;}
.main h3{font-size:20px; color:#333; height: 30px; line-height: 30px; margin-bottom: 20px; }
.aboutSec{ border-top:1px solid #999;}
.aboutSec p{line-height: 30px; margin: 20px 0px;text-indent:2em;}

/*底部*/
.footer{ clear:both; width:100%;overflow:hidden; color:#fff; min-width:1400 !important; background-color:#01224a; }
#foot{ background:#041f2f; width:100%; height:42px; line-height:42px; color:#fff; clear: both;}
 .foot  a{ color:#fff; }
 .f_con{height: 397px;}
.lg{float: left;width: 278px;}
.lg h1{height: 175px;padding-top: 15px;background: #fff;border-bottom-right-radius: 20px;text-align: center;}
.lg h1 span{display: block;font-size: 20px;color: #24282a;padding-top: 20px;}
.lg h1 i{display: block;font-size: 15px;color: #24282a;font-weight: normal;}
.sao{margin-left: 10px;margin-top: 20px;}
.sao ul li{ height: 30px;line-height: 30px; text-align:center; background-color: #00469c; margin-bottom: 20px;}
.sao ul li a{ color: #fff;}
.f_nav{float: left;margin-top: 90px;padding-left: 85px;width: 376px;border-right:1px solid #44494b; height: 276px;}
.f_nav b{display:block;font-size: 16px;color: #fff;margin-bottom: 38px;padding-left: 15px;}
.f_nav p a{float: left; width:105px; padding-left: 15px;font-size: 14px;color: #fff;height: 42px;line-height: 42px;}
.f_nav p a:hover{color: #1f93ff;font-weight: bold;background:url(Img/Common/san2.png) no-repeat left center;}
.info{float: left;width: 280px;padding-left: 60px; padding-right: 30px; margin-top: 90px;border-right:1px solid #44494b; height: 276px;}
.info b{display:block;font-size: 16px;color: #fff;margin-bottom: 42px;}
.info p{font-size: 14px;color: #fff;}
.info p em{font-size: 24px;}
.addr{float: right;width: 220px;margin-top: 90px;}
.addr b{display:block;font-size: 16px;color: #fff;margin-bottom: 42px;}
.addr p{font-size: 14px;color: #fff;line-height: 22px;}
.addr a{display: block;margin-top: 30px;font-size: 14px;color: #1f93ff;font-weight: bold;}
.addr p img{width: 120px;height: 120px; margin-top: 20px; }

/*商品の展示*/
.main{ margin-bottom:30px;}
.div_pro1{ margin-top:38px;}
.div_pro1 ul li{ margin-right:20px; width:330px; float:left; margin-bottom:20px;}
.div_pro1 ul .li{ margin-right:0px;}
.div_pro1 ul li img{ width:325px; height:325px;}
.div_pro1 ul li a{ display:block;}
.div_pro1 ul li a .div1{width:325px; height:325px;padding:2px; border:1px solid #e6e6e6; background:#fff; overflow:hidden; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_pro1 ul li a .div1 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.div_pro1 ul li:hover a .div1 img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.div_pro1 ul li:hover a .div1{ background:#fff; border:1px solid #0b4280; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_pro1 ul li a .div2{ text-align:center; color:#4d4d4d; margin-top:10px; font-weight:bold; text-decoration:none;}
.div_pro1 ul li:hover a .div2{ color:#0b4280;}


.spbq{position: relative; width: 350px; verflow: hidden;}
.biankuang{	width: 3px;	height: 3px;	position: absolute;	z-index: 99;	border-radius:10px;	/*background: black;*/}
.biankuang_1{	height: 3px;	top: -6px;	left:0px;	border-left: 3px solid #EB51400;}
.biankuang_2 {	width: 0px;	bottom:-3px;	left: 0px;	border-top: 3px solid #EB51400;}
.biankuang_3{	height: 0px;	bottom:0px;	right:0px;	border-right: 3px solid #EB51400;}
.biankuang_4{	width:0px;	top:-3px;	right:0px;	border-bottom: 3px solid #EB51400;}
.text_gobuy { position: absolute;	z-index:9;	top:0px;left: 0px;  width: 350px; overflow: hidden;	background:rgba(207, 208, 211, 0); color:rgba(207, 208, 211, 0);  cursor: pointer;transition:all  300ms;	-webkit-transition:all  300ms;	-moz-transition:all  300ms;	-o-transition:all  300ms;text-align: center;line-height: 50px; height: 50px; font-size: 16px;}
.news_nr:hover .text_gobuy{	height: 50px; position: absolute;	z-index:9;	bottom: 0px; width: 350px; height: 50px; overflow: hidden;cursor: pointer;	background-color: rgba(32, 32, 33,0.3); color: #333; font-weight: bold; text-align: center; line-height: 50px;}
.spbq p{ margin:0 auto; line-height: 33px; text-align:center;	color: #fff}
.spbq p a{ color:#FFF}
.spbq p a:hover{ color:#0073c5}

.fy{clear: both; height:35px; line-height:35px;text-align:left; border:1px dashed #d6d6d6; background:#f1efef; padding-left:15px; margin-bottom:20px;}
.fy a{font-family:Arial, 宋体, sans-serif; font-size:14px; color:#404040; text-decoration:none;}
.fy a:hover{font-family:Arial, 宋体, sans-serif; font-size:14px; color:#098f6c; text-decoration:none;}
.fy a.current,.fy a.current:hover{font-family:Arial, 宋体, sans-serif; font-size:14px; color:#098f6c; text-decoration:none; }

/*产详情*/
/**** product_page*****/
.box1{width:400px; margin:0 20px 0 0;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s350, .tb-s350 a{height:400px;width:400px;}
.tb-s350, .tb-s350 img{max-height:400px;max-width:400px; overflow:hidden}
.tb-s350 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px; overflow:hidden;}
.tb-s40 img{max-width:40px; max-height:40px;scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 40 ? "40px" : "auto"):(this.style.height = this.offsetHeight >= 40 ? "40px" : "auto")); display:inline !important;margin:0 auto; text-align:center;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1; background:#fff;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF; border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.detail_tit{ border-top:3px solid #285d85; border-bottom:1px solid #d6d6d6; color:#285d85; font-size:14px; line-height:35px; height:35px; text-align:left; font-weight:bold; margin-top:20px;}
.detail_content{ font-family:"微软雅黑"; font-size:14px; color:#404040; line-height:2; text-align:left; padding:15px;}
.pro_mc_bt{ font-family:14px; font-weight:bold; font-family:"微软雅黑"; color:#058763;}
.xq_mc li{ border-bottom:1px dashed #d6d6d6; height:35px; line-height:35px;}

/*連絡します*/
.main .add{width:350px;}
.main .add ul{ margin-bottom:30px;}
.main .add ul li{ height:40px;line-height:40px;  }

.container li{ float:left; width:25%; text-align:left; overflow:hidden; margin-bottom:30px; margin-top:30px;}
.container li .item-1{ width: 100px; height: 100px; background-image: url(../images/icon.png);background-repeat: no-repeat; margin-right:20px; background-position: 0px 0px;}
.container li .item-3{ width: 100px; height: 100px; background-image: url(../images/icon.png);background-repeat: no-repeat; margin-right:20px; background-position: -200px 0px;}
.container li .item-2{ width: 100px; height: 100px; background-image: url(../images/icon.png);background-repeat: no-repeat; margin-right:20px; background-position: -300px 0px;}
.container li .item-4{ width: 100px; height: 100px; background-image: url(../images/icon.png);background-repeat: no-repeat; margin-right:20px; background-position: -400px 0px;}
.container li span{display: block; font-weight: bold;font-size: 16px;letter-spacing: 1px; }
.container li p{line-height: 22px; margin-top: 10px;font-size: 14px;}

.zzgj li{ width:320px;border:1px solid #999; margin-bottom:30px; margin-right:28px;float:left;}