@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei",arial,helvetica,clean,sans-serif;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover {     text-decoration: none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*--common start--*/

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto; font-family: "Microsoft Yahei"; }
.left { width:245px; float:left; overflow:hidden;}
.left2 {width: 910px;float:left;overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(Img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(Img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(Img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(Img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:930px; float:right; display:inline; margin-left:24px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop {}
.right2top { background:url(Img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot {}
.right2bot { background:url(Img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:930px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main {width: 910px;padding-bottom:15px;overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}



/*头部开始*/
.head{height: 270px;background: url(../Default/Img/Common/h-bg.jpg) repeat-x left top; position: relative;z-index: 60;}
.h-con{height: 215px;}
.head h1{ padding-top: 45px; margin-right: 40px;width: 142px;height: 127px;}
.head h1 img{width: 142px;height: 127px;}
.h-txt{padding-top: 78px; float: left;}
.h-txt h2{ height: 36px; font-size: 26px;font-weight: normal; line-height: 36px;color: #666666;	}
.h-txt h2 span{display: inline-block; font-weight: bold; margin-right: 45px;	 color: #0055aa;}
.h-tel{ float: right;margin-top: 88px; min-height: 55px; padding-left: 68px; background: url(../Default/Img/Common/h-tel.png) no-repeat 0 0; font-size: 18px; line-height: 20px; color: #555;}
.h-tel p{ height: 45px; font-size: 34px;font-weight: bold; font-family: arial; line-height: 45px;	color: #e60012;}
.h-nav li{ float: left;height: 55px;  position: relative;}
.h-nav li a{padding: 0 39px; font-size: 18px; line-height: 55px;display: block; color: #fafafa; position: relative;z-index: 10;}
.h-nav li:after{content: ""; width: 100%;	background-color: #e50012; position: absolute;top: 0;}
.h-nav li::before{content: "";width: 2px;	height: 20px;	background-color: #004182; position: absolute;top: 18px;left: 0;}
.h-nav li:first-child:before{display: none;}

.h-nav li.cur:after,.h-nav li:hover:after,.h-nav li.on:after{height: 58px; }

.h-nav .zz{ position:relative;}
.h-nav li .erj{display:none;height:40px;position:absolute;top: 55px;left: 0;}
.h-nav li .erj li{background:#FFFFFF;width: 150px;text-align:center;overflow:hidden;font-size: 15px;height: 50px;line-height: 50px;}
.h-nav li .erj li:after,.h-nav li .erj li:before{ display:none;}
.h-nav li .erj li a{padding:0px;background:url(Img/Index/png.png) no-repeat;line-height: 50px !important;height: 50px !important;color: #333;}
.h-nav li .erj li em { padding-right:40px; display:block; float:left;height: 55px;}
.h-nav li .erj li a:hover{ background:url(Img/Common/nav_bg06.png) no-repeat left 0;}
.h-nav li .erj li a:hover em{ background:url(Img/Common/nav_bg07.png) no-repeat right 0;}
.h-nav ul .erj li::before { display:none; }
.h-nav ul .erj li:hover{ background:#0054AA;}
.h-nav ul .erj li:hover a{ color:#fff;}

/*头部结束*

/*底部开始*/
.f_foot{height:700px; background:url(../Default/Img/Common/f-bg.jpg) no-repeat center top;}
.f-con{height: 408px; margin-bottom: 38px;}
.f-title{height: 72px;margin-bottom: 10px; margin-top: 75px; font-size: 40px; line-height: 45px;color: #fff;}
.f-title span{display: block;font-family: Impact;font-size: 18px; line-height: 22px; color: #A7B7D1;letter-spacing: 2px;}
.f-contact{width: 508px; font-size: 18px; line-height: 36px; color: #A7B7D1;}
.f-tel{ margin-top: 10px; padding-left: 52px; font-size: 17px; line-height: 36px;color: #fff; background: url(../Default/Img/Common/f-icon2.png) no-repeat left center;}
.f-tel span{ font-size:36px;}
.f-nav{width: 308px;position: relative;padding-left: 65px;}
.f-nav:after{content:""; width: 2px; height: 206px; background: #0B73CA; position: absolute; top: 104px; right: 0;}
.f-nav::before{content:""; width: 2px; height: 206px; background: #0B73CA; position: absolute; top: 104px; left: 0;}
.f-nav a{width: 128px;float: left;font-size: 18px;line-height: 40px; background: url(../Default/Img/Common/f-icon1.png) no-repeat left center;}
.f-nav a{display: block; padding-left: 26px; color: #A7B7D1;}
.f-code {width: 266px; margin-top: 104px;}
.f-code p{float: left; width: 114px; margin-left: 19px; font-size: 16px; line-height: 30px;color: #A7B7D1;text-align: center;}
.f-code img{display: block;	width: 114px;	height: 114px; margin-bottom: 72px;}
.f-txt{ height: 40px;font-size: 18px; line-height: 40px; color: #B1B1B1;text-align: center;}
.f-txt a{color: #B1B1B1;}
.f-txt span{display: inline-block; margin: 0 5px;}
.f-link{height: 42px; font-size: 16px; line-height: 42px;}
.f-link>a{display: inline-block; color: #BFBFBF; margin-right: 48px;}
.f-link span{ float: right;}

.sou_bg{ height: 82px; overflow: hidden;margin-bottom: 35px;border-bottom: 1px solid #F2F2F2;}
.sou_bg .s-inp{ width: 1200px; margin: 0 auto; padding-top: 24px;}
.sou_bg p{ float: left; width: 600px; overflow: hidden; font-size: 12px;  color: #333; line-height: 32px; }
.sou_bg p a{ display: inline-block; padding: 0 8px; color: #333;}
.s_inp01{width: 250px; height: 32px; border-radius: 20px; background: #dee6f2; overflow: hidden; }
.inp01{width: 200px; height: 32px; line-height: 32px; outline:none; color: #1f55ab; text-align: left; box-sizing: border-box; border:0; padding: 0 16px;  color:#1a1a1a; font-size:12px; background: none; border: 1px solid #e5e5e5; float:left; border:0;}
.inp02{width: 30px; height: 32px; margin: 0 10px; border:0; cursor: pointer; float:left; background:url(Img/Index/ss_ico.png) no-repeat center center; }

/**/
.product {
  height: 1032px ;
  /*background: url(../Default/Img/Index/pro-bg.jpg) no-repeat center top;*/
  overflow: hidden;
}
.product .g-title {
  padding-top: 115px;
  margin-bottom: 52px;
}
.pro-inp 
{
  border: 1px solid #efefef;
  height: 80px;
  margin-bottom: 21px;
  background-color: #ffffff;
  -webkit-box-shadow: -1px 7px 10px 0px rgba(0, 0, 0, 0.06);
  box-shadow: -1px 7px 10px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  overflow: hidden;
}
.pro-inp input {
  width: 900px;
  padding-left: 74px;
  font-size: 18px;
  line-height: 80px;
  color: #b1b1b1;
  border: none;
  outline: none;
}
.pro-inp button {
  border: none;
  outline: none;
  float: right;
  width: 200px;
  height: 80px;
  background: url(../Default/Img/Index/pro-btn.png) no-repeat center center;
  cursor: pointer;
}
.pro-nav {
  height: 201px;
  width: 1206px;
  margin-bottom: 112px;
  margin-left: -3px;
}
.pro-nav li {
  float: left;
  margin-left: 6px;
  width: 195px;
  height: 201px;
  background-color: #0055aa;
  -webkit-box-shadow: -3px 15px 24px 0px rgba(0, 0, 0, 0.28);
  box-shadow: -3px 15px 24px 0px rgba(0, 0, 0, 0.28);
  border-radius: 4px;
  overflow: hidden;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
}
.pro-nav li.cur,.pro-nav li:hover
{
  background:rgba(0, 85, 170, 0.8);   
}
.pro-nav li a {
  display: block;
  color: #fff;
  padding-top: 30px;
}
.pro-nav li img {
  display: block;
  width: 116px;
  height: 90px;
  margin: 0 auto 0;
}
.pro-list ul {
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;*/
  width:100%;
}
.pro-list li {
  width: 15.9%;
  float: left;
  position: relative;
  margin:0 0.38%;
}
.pro-list li img {
  width: 100%;
}
.pro-list li:hover p {
  display: block;
}
.pro-list li p {
  padding-bottom: 20px;
  display: none;
  height: 100%;
  width: 100%;
  background: rgba(0, 85, 170, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 26px;
  line-height: 50px;
  color: #fff;
  text-align: center;
}
.pro-list li span {
  display: block;
  margin-top: 30%;
}

.ftktel{position: fixed; left:0;bottom:0;background:url(Img/common/ftktelbg.png) no-repeat center top;height: 180px;width: 100%; z-index: 1000; }
.ftktel p{padding-top: 90px;font-size: 24px;color: #fff;width: 600px; margin-left:50px; display: block;float: left;}
.ftktel p b{display:block;font-size: 24px;color: #fff;font-weight: normal;margin-bottom: 5px;}
.ftktel span{padding-top: 95px;display: block;float: left;font-size: 20px;color: #fff;text-align: right;margin-right: 10px;/* margin-left: 720px; */}
.ftktel span b{display: block;font-size: 32px;}
.ftktel em{display: block;float: right;padding-top: 95px;}
.ftktel .closes{position: absolute;right: -60px;top:50px;}
.ftktel .closes img{ width:30px;}