.header{ height: 150px; background: #fff; }
.header .logo{ float: left; display: block; width: 440px; padding: 61px 0; }
.header .logo img{ float: left; }
.header .logo em{ display: inline-block; *display: inline; *zoom: 1; width: 12px; height: 28px; float: left; margin-right: 12px; border-right: solid 1px #ccc;}
.header .nav{ float: left; }
.header .nav li{ position: relative; padding: 54px 5px; display: inline-block; *display: inline; *zoom: 1;}
.header .nav li b{ position: absolute; left: 45%; bottom: -6px;
	width:0;
    height:0;   
    border-left:10px solid transparent; 
    border-right:10px solid transparent;
    border-bottom:10px solid #0c75e3;
    display: none;
}
.header .nav li a{ display: block;width: 140px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; font-weight: bold; border-radius: 36px;}
.header .nav li a>i{display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; position: relative;}
.header .nav li a>i{ width: 24px; height: 21px; background: url(../images/icon-1.png)no-repeat; top: 4px;}
.header .nav li+li a>i{ width: 20px; height: 21px; background: url(../images/icon-2.png)no-repeat center center;top: 5px;}

.header .nav li.active b{display: block;}
.header .nav li.active a{ background: #0c75e3; color: #fff; }
.header .nav li.active a>i{background: url(../images/icon-1-hover.png)no-repeat;}
.header .nav li+li.active a>i{background: url(../images/icon-2-hover.png)no-repeat;}

.header .menu{ float: right; }
.header .menu li{display: inline-block; *display: inline; *zoom: 1;font-size: 14px; padding: 0 15px; height: 150px;}
.header .menu li a{ display: block; padding: 62px 0; }
.header .menu li.active a{ color: #0c75e3;}
.header .menu li.phone img{ margin-top: -10px; }

.banner{ width: 100%; height: 500px; background: url(../images/banner-fmz.jpg)no-repeat top center;}
.banner .wrap{ position: relative; }
.banner .opened{ position: absolute; top: 55px; right: 0; width: 300px; height: 390px;color: #fff; padding: 24px; box-sizing: border-box; text-align: center; background: url(../images/bg.png); border-radius: 5px;}
.stock{ background: url(../images/banner1.jpg)no-repeat top center;}

.stockbox{ position: absolute; top: 55px; right: 0; width: 300px; height: 390px;color: #fff;text-align: center; background: url(../images/bg.png); border-radius: 5px; overflow: hidden;}
.stocktab{ height: 50px; }
.stocktab li{ float: left; width: 150px;background: #369ff2; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; cursor: pointer; }
.stocktab li img{ margin-right: 10px; }
.stocktab li.active{background: none;}

.stockcontent .stockcon{display: none; padding:20px; -webkit-animation: fadein .2s linear;  animation: fadein .2s linear;}
.qtxt{ margin: 20px 0 10px; }

.hiti strong{ padding: 0 5px; margin-right: 5px; display: inline-block;*display: inline;*zoom:1; background: #ffa023; color: #fff; font-size: 20px; line-height: 26px; border-radius: 3px;}
.txti{font-size: 12px; padding-top: 7px; color: #a1daff; }
.qcode{ padding: 20px 0 15px; }
.qcode>img{ width: 205px; height: 205px;}

a.btn-block{ display: block; height: 50px; line-height: 50px; background: #fe9911; font-size: 20px; margin: 0 15px;color: #fff; font-weight: bold; border-radius: 5px;}
a.btn-block:hover,.m-down1 a.btn-l:hover{ background: #ff9f21; }
a.btn-block>i{display: inline-block; *display: inline; *zoom: 1; width: 26px; height: 24px; margin-right: 10px; background: url(../images/icon-pc.png)no-repeat; position: relative; top: 5px;}

.stockcon .quk{ margin: 30px 0 40px; }
.stockcon .btn{display: block; height: 50px; line-height: 50px; margin-bottom: 40px; background: #fe9911; font-size: 20px; color: #fff; font-weight: bold; border-radius: 5px;}
.stockcon .btn img{ margin-right: 15px; position:relative; top: -2px; }
.stockcon .btn.bluebg{ background: #3eaffa; }

.head{text-align: center; padding: 60px 0 35px;}
.head h2{ font-size: 28px; position: relative; z-index: 1;}
.head span{display: inline-block; *display: inline; *zoom: 1; width: 175px; height: 20px; background: #e5f2fa; border-radius: 20px; position: relative; top: -15px; z-index: 0;}

.tabtag{position: relative;height: 162px;border-bottom: solid 1px #b7ddf9;}
.tabtag li{text-align: center;height: 160px; }
.tabtag li a{position: relative; display:block; background: #fff; border: solid 1px transparent; height: 130px; padding-top: 30px; border-radius: 5px 5px 0 0; }
.tabtag li a span{ display: block;font-size: 16px; line-height: 20px; padding-top: 15px; }
.tabtag li.active a{ border-color: #b7ddf9; height: 131px;border-bottom: solid 1px #fff;}
.tabtag li.active a span{ font-weight: bold; }

.tagcontent{border: solid 1px #b7ddf9; min-height: 390px; border-top: none;}
.tagcontent .tagbox{display: none; padding:20px 35px; -webkit-animation: fadein .2s linear;  animation: fadein .2s linear;}

.ptit{ padding-left: 10px; font-size: 18px; font-weight: normal; border-left: solid 5px #0080cc;  }
.tag-out{ padding: 20px 0; }
.tag-out li{ padding: 10px 0; overflow: hidden; }
.tag-out li .tagl{ float: left; width: 160px;  min-height: 48px;font-size: 16px; font-weight: bold;}
.tag-out li .tagl i{ float: right;display: inline-block; *display: inline; *zoom: 1; width: 5px; height: 10px; margin-top: 7.5px; background: url(../images/arror.png)no-repeat;}
.tag-out li .tagl img{ margin-right: 10px; }
.tag-out li .tagr{ margin-left: 200px; font-size: 16px; line-height: 24px;}
.tips{ font-size: 14px; color: #666;  }

.openready h2{ font-size: 20px; font-weight: normal; }
.openready ul{ padding: 30px 0; }
.openready ul li{ }
.openready ul li span{ font-size: 16px; margin-left: 15px;}
.space-line{ width: 1px; height: 170px; background: #e2e2e2; margin-left: 30px; }

.gbank{ padding: 30px 0; }
.gbank h2{font-size: 20px; font-weight: normal; padding-bottom: 15px;}
.gbank h2 span{ font-size: 14px; color: #666; margin-left: 10px; }
.gbank ul li{display: inline-block; *display: inline; *zoom: 1; width: 162px; float: left; margin: 10px 10px 0 0;}

.stockibox{ margin: 50px -10px 0 -10px; }
.stockibox .item{ width: 380px; height: 360px; color: #fff; margin: 0 auto;}
.stockibox .item1{ background: url(../images/b01.png)no-repeat;}
.stockibox .item2{ background: url(../images/b02.png)no-repeat;}
.stockibox .item3{ background: url(../images/b03.png)no-repeat;}
.itop{ text-align: center;  padding: 30px 0 15px;}
.itop h2{ font-size: 30px; padding-top: 15px; }

.iyew{ margin: 0 -10px 20px -10px;}
.iyew li .iborder{ border:solid 1px #eee; text-align: center; border-radius: 5px; height: 145px; padding-top: 25px; margin: 0 10px; }
.iyew li .iborder span{ display: block; font-size: 18px; padding-top: 10px; }

.ibot span{display: block;  width: 330px; text-indent: 2em; height: 45px; line-height: 45px; font-size: 18px; margin: 0 auto 20px auto; border:dotted 1px #fff; border-radius: 5px;}
.ibot span img{ margin-right: 10px; }

.morepro{ text-align: center; padding: 20px 0; }
.morepro a{ display: inline-block; *display: inline; *zoom: 1; background: #3fbefc; font-size: 16px; line-height: 48px; width: 236px; height: 48px;  border-radius: 48px; color: #fff;}
.morepro a img{ margin-right: 10px; }
.morepro a:hover{ background: #3da5f9; }

.footer{ height: 50px; background: #2d3d47; }
.foot{ background: #0080cc; height: 170px; color: #fff; font-size: 14px; }
.foot .pure-u-1-2{ position: relative; }
.foot .pure-u-1-2 b{ position: absolute; top: 40px; right: 20px; display: block; width: 1px; height: 100px; background: #3399d6;}
.foot img{ float: left; margin:40px 30px 0 150px; }
.foot h2{ font-weight: normal; font-size: 18px; margin-top: 65px;}
.copy{ padding: 20px 0; font-size: 12px; color: #7e8c95; }