@charset "utf-8";

:focus{

outline:0;

}

body {

font-size:14px;

line-height:1.6;

font-family:"微软雅黑",verdana,tahoma,arial;

padding:0;

margin:0;

-webkit-text-size-adjust: 100%;

-ms-text-size-adjust: 100%;

text-size-adjust: 100%;

/*



-webkit-text-size-adjust:none;

-ms-text-size-adjust:none;

text-size-adjust:none;



*/

color:#686868;

}

body.noscroll,html.noscroll{

overflow:hidden;

}

body.infoindex{

background-color:#5e5e5e;

}

body, div,

h1, h2, h3, h4, h5, h6,

p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,

fieldset, form, label, legend, th, td,

article, aside, figure, footer, header, hgroup, menu, nav, section,

summary, hgroup {



margin: 0;

padding: 0;

border: 0;

}

@-webkit-viewport { width: device-width; }

@-moz-viewport { width: device-width; }

@-ms-viewport { width: device-width; }

@-o-viewport { width: device-width; }

@viewport { width: device-width; }



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

display: block;

}

audio,

canvas,

progress,

video {

display: inline-block;

vertical-align: baseline;

}

dfn{

font-style:normal;

font-family:arial;

}

input,textarea{

font-family:"微软雅黑",verdana,tahoma,arial;

}

fieldset{



}

a:link {

color: #686868;

text-decoration: none;

outline: 0;

}

a:visited {

color: #686868;

text-decoration: none;

outline: 0;

}

a:hover {

color: #424242;

text-decoration: none;

outline: 0;

}

a:active {

color: #424242;

text-decoration: none;

outline: 0;

}

h1,h2,h3,h4,dl,dt,dd{

font-weight:normal;

font-size:100%;

}

img{

border:0px;

}

p,form{

padding:0;

margin:0;

}

ul{padding:0;margin:0;list-style:none;}

.clear{clear:both;}

.clear1{clear:both;height:10px;}

.clear2{clear:both;height:20px;}

.divider{clear:both;line-height:1px;padding-top:5px;border-bottom:1px #ccc dashed;margin-bottom:5px;}

img.lazy{

background:url(../images/loading.gif) no-repeat center center;

}

img{

vertical-align:top;

}

/*

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}

input[type="number"] {    -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {    -webkit-appearance: none;    margin: 0;}

*/









/* 网站综合字体 */

.f12{

font-size:12px !important;

}

.f14{

font-size:14px !important;

}

.f16{

font-size:16px !important;

}

.fred{

color:#ff0000;

font-weight:bold;

}

.fredn{

color:#ff0000;

}

.ibred{

background:#FFC9C9;

}

.fgreen{

color:#00AA00;

font-weight:bold;

}

.fgreenn{

color:#00AA00;

}

.fblue{

color:#00489A;

font-weight:bold;

}

.fbluen{

color:#00489A;

}

.searkey{background:#ff0;color:#f00;}

.delstr{text-decoration:line-through;}

.fixed_relative{

position:relative;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button{

-webkit-appearance: none !important;

margin: 0;

}

input[type="number"]{-moz-appearance:textfield;}



.text-left {

  text-align: left;

}

.text-right {

  text-align: right;

}

.text-center {

  text-align: center;

}

.text-justify {

  text-align: justify;

}

.text-nowrap {

  white-space: nowrap;

}

.text-lowercase {

  text-transform: lowercase;

}

.text-uppercase {

  text-transform: uppercase;

}

.text-capitalize {

  text-transform: capitalize;

}

.text-muted {

  color: #777;

}

.text-primary {

  color: #337ab7;

}

a.text-primary:hover {

  color: #286090;

}

.text-success {

  color: #3c763d;

}

a.text-success:hover {

  color: #2b542c;

}

.text-info {

  color: #31708f;

}

a.text-info:hover {

  color: #245269;

}

.text-warning {

  color: #8a6d3b;

}

a.text-warning:hover {

  color: #66512c;

}

.text-danger {

  color: #a94442;

}

a.text-danger:hover {

  color: #843534;

}

.bg-primary {

  color: #fff;

  background-color: #337ab7;

}

a.bg-primary:hover {

  background-color: #286090;

}

.bg-success {

  background-color: #dff0d8;

}

a.bg-success:hover {

  background-color: #c1e2b3;

}

.bg-info {

  background-color: #d9edf7;

}

a.bg-info:hover {

  background-color: #afd9ee;

}

.bg-warning {

  background-color: #fcf8e3;

}

a.bg-warning:hover {

  background-color: #f7ecb5;

}

.bg-danger {

  background-color: #f2dede;

}

a.bg-danger:hover {

  background-color: #e4b9b9;

}

.alert {

  padding: 10px 15px;

  margin-bottom: 15px;

  border: 1px solid transparent;

  border-radius: 4px;

}

.alert h4 {

  margin-top: 0;

  color: inherit;

}

.alert .alert-link {

  font-weight: bold;

}

.alert > p,

.alert > ul {

  margin-bottom: 0;

}

.alert > p + p {

  margin-top: 5px;

}

.alert-dismissable,

.alert-dismissible {

  padding-right: 35px;

}

.alert-dismissable .close,

.alert-dismissible .close {

  position: relative;

  top: -2px;

  right: -21px;

  color: inherit;

}

.alert-success {

  color: #3c763d;

  background-color: #dff0d8;

  border-color: #d6e9c6;

}

.alert-success hr {

  border-top-color: #c9e2b3;

}

.alert-success .alert-link {

  color: #2b542c;

}

.alert-info {

  color: #31708f;

  background-color: #d9edf7;

  border-color: #bce8f1;

}

.alert-info hr {

  border-top-color: #a6e1ec;

}

.alert-info .alert-link {

  color: #245269;

}

.alert-warning {

  color: #8a6d3b;

  background-color: #fcf8e3;

  border-color: #faebcc;

}

.alert-warning hr {

  border-top-color: #f7e1b5;

}

.alert-warning .alert-link {

  color: #66512c;

}

.alert-danger {

  color: #a94442;

  background-color: #f2dede;

  border-color: #ebccd1;

}

.alert-danger hr {

  border-top-color: #e4b9c0;

}

.alert-danger .alert-link {

  color: #843534;

}



.badge {

  display: inline-block;

  min-width: 10px;

  padding: 3px 7px;

  font-size: 12px;

  line-height: 1;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  background-color: #777;

  border-radius: 10px;

}

.badge:empty {

  display: none;

}

.badge-danger{

  color: #fff;

  background-color: #d9534f;

}

.badge-warning{

  color: #fff;

  background-color: #f0ad4e;

}

.badge-info{

  color: #fff;

  background-color: #5bc0de;

}

.badge-success{

  color: #fff;

  background-color: #5cb85c;

}

.badge-primary{

  color: #fff;

  background-color: #337ab7;

}

#core_loading{

position: fixed;

top: 50%;

left: 50%;

margin-left: -40px;

margin-top: -30px;

width: 80px;

z-index: 999999;

display: none;

}

.pull-right {

  float: right !important;

}

.pull-left {

  float: left !important;

}

/* 页面头部 */

header{

width:100%;

position:fixed;

top:0;

left:0;

z-index:999;

min-width:1200px;

background-color:rgba(255,255,255,0.9);

height:80px;

background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .00001), rgba(0, 0, 0, 0.1));

background-image:    -moz-linear-gradient(top, rgba(0, 0, 0, .00001), rgba(0, 0, 0, 0.1));

background-image:     -ms-linear-gradient(top, rgba(0, 0, 0, .00001), rgba(0, 0, 0, 0.1));

background-image:      -o-linear-gradient(top, rgba(0, 0, 0, .00001), rgba(0, 0, 0, 0.1));

background-image:         linear-gradient(top, rgba(0, 0, 0, .00001), rgba(0, 0, 0, 0.1));

box-shadow:0 5px 5px rgba(0,0,0,0.3);

}

header{

-webkit-transition: all 400ms;

-moz-transition: all 400ms;

-ms-transition: all 400ms;

-o-transition: all 400ms;

transition: all 400ms;

}

header.headerliner{

height:50px;

}

header section{

width:1200px;

margin:0 auto;

position:relative;

}

header section:after{

content:"";

display:block;

clear:both;

}

header section .phone{

position:absolute;

right:0px;

bottom:-50px;

height:50px;

background-color:rgba(255,255,255,0.9);

background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .08), rgba(0, 0, 0, 0.18));

background-image:    -moz-linear-gradient(top, rgba(0, 0, 0, .08), rgba(0, 0, 0, 0.18));

background-image:     -ms-linear-gradient(top, rgba(0, 0, 0, .08), rgba(0, 0, 0, 0.18));

background-image:      -o-linear-gradient(top, rgba(0, 0, 0, .08), rgba(0, 0, 0, 0.18));

background-image:         linear-gradient(top, rgba(0, 0, 0, .08), rgba(0, 0, 0, 0.18));

line-height:50px;

border-radius:0 0 10px 10px;

box-shadow:0 5px 5px rgba(0,0,0,0.3);

font-size:16px;

font-style:oblique;

padding:0 15px 0 50px;

}

header section .phone{

-webkit-transition: all 400ms;

-moz-transition: all 400ms;

-ms-transition: all 400ms;

-o-transition: all 400ms;

transition: all 400ms;

}

header section .phone em{

display:block;

position:absolute;

height:28px;

width:28px;

left:10px;

top:11px;

background:url(../images/phone.png) no-repeat;

background-size:100% 100%;

}

header section .phone span{

font-size:28px;

color:#af0000;

}

header.headerliner section .phone em{

height:20px;

width:20px;

top:8px;

}

header.headerliner section .phone{

height:36px;

font-style:normal;

line-height:36px;

bottom:-36px;

padding:0 15px 0 38px;

}

header.headerliner section .phone span{

font-size:16px;

}



header .logo{

float:left;

width:300px;

padding:5px 0;

}

header.headerliner .logo{

width:auto;

padding:5px 0;

}

header .logo img{

height:70px;

}

header .logo img{

-webkit-transition: all 300ms;

-moz-transition: all 300ms;

-ms-transition: all 300ms;

-o-transition: all 300ms;

transition: all 300ms;

transform-origin:left top;

}

header.headerliner .logo img{

height:40px;

}

header nav{

float:right;

padding:5px 0;

}

header nav > ul > li{

float:left;

width:90px;

margin:0 3px;

font-size:16px;

text-align:center;

position:relative;

}

header nav > ul > li > .menubox{

height:0;

overflow:hidden;

background-color:rgba(240,240,240,.9);

position:absolute;

width:320px;

padding:0 10px;

left:0;

top:65px;

z-index:2;

box-shadow:0 5px 5px rgba(0,0,0,0.3);

border-radius:0 0 5px 5px;

}

header nav > ul > li:hover > .menubox{

height:auto;

padding:10px;

}

header nav > ul > li > .menubox:after{

content:"";

display:block;

clear:both;

}

header nav > ul > li.contact > .menubox{

left:auto;

right:0;

}

header nav > ul > li.product > .menubox{

left:-26px;

}

header nav > ul > li > a{

display:block;

padding-top:15px;

height:45px;

border-radius:5px;

margin-top:5px;

}

header nav > ul > li > a > em{

font-style:normal;

font-size:12px;

display:block;

color:#686868;

}

header nav > ul > li > a{

-webkit-transition: all 400ms;

-moz-transition: all 400ms;

-ms-transition: all 400ms;

-o-transition: all 400ms;

transition: all 400ms;

}



header nav > ul > li > a:hover , header nav > ul > li > a.active , header nav > ul > li:hover > a{

background-color:#af0000;

color:#fff;

}

header nav > ul > li > a:hover{

box-shadow:0 0 5px rgba(175,0,0,0.4),inset 0 0 5px rgba(134,4,4,0.6);

}

header nav > ul > li > a:hover > em,header nav > ul > li > a.active > em,header nav > ul > li:hover > a > em{

color:#fff;

}



header.headerliner nav > ul > li > .menubox{

top:40px

}



header.headerliner nav > ul > li > a{

display:block;

height:40px;

padding:0;

line-height:40px;

border-radius:5px;

margin-top:0;

}

header.headerliner nav > ul > li > a > em{

display:none;

}

header.fixed nav > ul > li{

width:86px;

margin:0 2px;

}

header.fixed section .phone{

right:100px;

}



.fixed_header{

height:80px;

clear:both;

}

.fixed_header_in{

height:100px;

clear:both;

}

header nav > ul > li > .menubox{

-webkit-transition: all 400ms;

-moz-transition: all 400ms;

-ms-transition: all 400ms;

-o-transition: all 400ms;

transition: all 400ms;

}



.menubox .menuitem{

float:left;

width:50%;

padding:5px 0;

}

.menubox .menuitem a{

display:block;

border-radius:4px;

font-size:15px;

line-height:40px;

width:96%;

margin:0 auto;

}

.menubox .menuitem a:hover,.menubox .menuitem a.active{

background-color:#af0000;

color:#fff;

box-shadow:0 0 5px rgba(175,0,0,0.4),inset 0 0 5px rgba(134,4,4,0.6);

}



.footer{

height:96px;

background-color:#005097;

padding:15px 0;

}

.footer section{

width:1200px;

margin:0 auto;

}

.footer section .qrcode{

float:left;

width:210px;

}

.footer section .qrcode img.wxqr{

height:96px;

width:96px;

margin-left:10px;

}

.footer section .copyright{

float:right;

line-height:200%;

color:#fff;

font-size:12px;

width:990px;

padding-top:12px;

text-align:center;

}

.footer section .copyright a{

color:#fff;

}

/*浮动按钮*/

.floatbtn{

position:fixed;

bottom:100px;

right:10px;

z-index:999;

cursor:pointer;

width:50px;

height:50px;

display:none;

}

.gotop{

height:50px;

width:50px;

position:absolute;

top:0;

right:0;

overflow:hidden;

background:#C0C0C0;

}

.gotop{

transition:all 0.4s;

-moz-transition:all 0.4s; /* Firefox 4 */

-webkit-transition:all 0.4s; /* Safari and Chrome */

-o-transition:all 0.4s; /* Opera */

}

.gotop:hover{

width:130px;

background:#989898;

}

.gotop .c{

width:130px;

height:50px;

position:absolute;

top:0;

right:0;

}

.gotop .c .t{

width:80px;

position:absolute;

height:50px;

line-height:50px;

font-size:14px;

text-align:center;

left:0;

top:0;

color:#fff;

}

.gotop .c .ico{

width:19px;

position:absolute;

height:23px;

right:15px;

top:14px;

background: url(../images/bg_gotab.png) no-repeat;

}

/* 主体 */

.container{

width:1200px;

margin:0 auto;

}

.container:after{

content:"";

display:block;

clear:both;

}

.container .pagetitle{

width:100%;

position:relative;

}

.container .pagetitle > .pagepath{

background-color:rgba(255,255,255,.9);

height:38px;

position:absolute;

left:0;

bottom:0;

width:100%;

font-size:15px;

line-height:38px;

}

.container .pagetitle > .pagepath span.t{

display:inline-block;

padding-left:30px;

background:url(../images/icon_homepage.svg) no-repeat 10px center;

background-size:16px;

}

.container > .section{

width:100%;

padding:10px 0;

}

.container > .section:after{

content:"";

display:block;

clear:both;

}

.container > .section .leftbox{

float:left;

width:280px;

min-height:10px;

}

.container > .section .mainbox{

float:right;

  min-height: 430px;
width:900px;

}





.paginate{

clear:both;

text-align:center;
  width: 100%;
  display: block;
  margin: 15px auto 0;
  padding-top:15px;

}



.pagination {

  display: inline-block;

  padding-left: 0;

  margin: 20px 0;

  border-radius: 4px;

}

.pagination > li {

  display: inline;

}

.paginate  a,

.paginate  span {

  position: relative;

display: inline-block;
  vertical-align: top;

  padding: 6px 12px;

  margin-left: -1px;

  line-height: 1.42857143;

  color: #337ab7;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #ddd;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span {

  margin-left: 0;

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

}

.pagination > li:last-child > a,

.pagination > li:last-child > span {

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;

}

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  color: #23527c;

  background-color: #eee;

  border-color: #ddd;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

  z-index: 2;

  color: #fff;

  cursor: default;

  background-color: #317ee7;

  border-color: #317ee7;

}

.pagination > .disabled > span,

.pagination > .disabled > span:hover,

.pagination > .disabled > span:focus,

.pagination > .disabled > a,

.pagination > .disabled > a:hover,

.pagination > .disabled > a:focus {

  color: #777;

  cursor: not-allowed;

  background-color: #fff;

  border-color: #ddd;

}

.pagination-lg > li > a,

.pagination-lg > li > span {

  padding: 10px 16px;

  font-size: 18px;

}

.pagination-lg > li:first-child > a,

.pagination-lg > li:first-child > span {

  border-top-left-radius: 6px;

  border-bottom-left-radius: 6px;

}

.pagination-lg > li:last-child > a,

.pagination-lg > li:last-child > span {

  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;

}

.pagination-sm > li > a,

.pagination-sm > li > span {

  padding: 5px 10px;

  font-size: 12px;

}

.pagination-sm > li:first-child > a,

.pagination-sm > li:first-child > span {

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

}

.pagination-sm > li:last-child > a,

.pagination-sm > li:last-child > span {

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

}

.leftnav{

padding:40px 0 65px 0;

border-right:1px #e5e5e5 solid;

}

.leftnav a{

display:block;

background:url(../images/icon_right.png) no-repeat 55px center;

background-size:24px;

padding-left:100px;

font-size:16px;

line-height:50px;

border-bottom:1px #e5e5e5 solid;

border-top:1px #e5e5e5 solid;

margin-top:-1px;

position:relative;

z-index:1;

color:#868686;

}

.leftnav a:hover,.leftnav a.active{

background:#f8f8f8 url(../images/icon_right.png) no-repeat 70px center;

background-size:24px;

color:#005198;

z-index:2;

border-bottom:1px #e5e5e5 solid;

border-top:1px #e5e5e5 solid;

}

.leftnav a.active{

font-weight:bold;

}

.leftnav a{

-webkit-transition: all 400ms;

-moz-transition: all 400ms;

-ms-transition: all 400ms;

-o-transition: all 400ms;

transition: all 400ms;

}