@charset "UTF-8";

@import "iconfont.css";
@import "animate.css";

*, *:before, *:after{box-sizing:border-box;}

html {-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
img{max-width:100%;height:auto;width:auto\9;vertical-align:bottom;}
.video embed,.video object,.video iframe{width:100%;height:auto;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;outline:0;font-size:100%;background:transparent}
fieldset,img,input,button,hr{border:0;}
:focus {outline: 0;}
address, caption, cite, code, dfn, em, b,th, i,var, optgroup {font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
button,input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size: 100%;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}

:link, :visited, ins {text-decoration: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

.cl{*zoom:1}
.cl:before,.cl:after{display:table;content:" ";}
.cl:after{clear:both;}

a{color:inherit;}
a:hover{text-decoration:none;color:#f00;}

.uppercase{text-transform:uppercase;}
.hide{display:none;}
.wp{margin:0 auto;width:1300px;}
.pr{position:relative;}
.fr{float:right;}.fl{float:left;}
.oh{overflow:hidden;}


body{color:#666;font-size:12px;font-family:"Microsoft YaHei",Microsoft YaHei,Arial, Helvetica, sans-serif;background:#F4F4F4;max-width:1920px;margin:0 auto;overflow-x:hidden;}


@font-face {
	font-family: "iconfont";
    src: url('fonts/iconfont.eot');
    src: url('fonts/iconfont.eot#iefix') format('embedded-opentype'),
    url('fonts/iconfont.woff') format('woff'),
    url('fonts/iconfont.ttf') format('truetype'),
    url('fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
@-webkit-keyframes circle{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.tocircle{
-webkit-transform: rotate(360deg);
animation: circle 3s linear infinite;
-moz-animation: circle 3s linear infinite;
-webkit-animation: circle 3s linear infinite;
-o-animation: circle 3s linear infinite;
}
/*---header---*/

#top{background:#ddd;height:40px;}
#top .wp{height:100%;display:flex;justify-content:space-between;align-items:center;}
#top span{line-height:39px;color:#666;font-size:12px;}

#top p{color:#999;}
#top p img{vertical-align:middle;}
#top p a{font-size:12px;color:#666;margin:0 5px;}

.header{background:#fff;height:110px;}
.header .wp{height:100%;display:flex;justify-content:space-between;align-items:center;}
.header .logo{display:flex;align-items:center;}
.header .logo img{float:left;}
.header .logo .t{float:left;margin:0 0 0 20px;}
.header .logo .t h1{font-size:22px;font-weight:bold;color:#333;}
.header .logo .t em{display:block;font-size:14px;color:#666;}

.header .tel{background:url("../images/tel0.png") no-repeat;height:46px;}
.header .tel span{margin:0 0 0 53px;color:#FF9900;font-weight:bold;font-size:22px;font-family: Verdana;display:block;}
.header .tel p{margin:5px 0 0 0;font-size:13px;color:#2F3640;text-align:right;}


.nav-box{background:url("../images/navbg.jpg") repeat;}

.nav{display:flex;justify-content:space-between;align-items:center;}
.nav > li{position:relative;height:50px;margin:0;}
.nav > li > a{display:block;font-size:15px;color:#fff;width:149px;height:50px;line-height:50px;text-transform:uppercase;text-align:center;box-sizing:border-box;}
.nav > li > a i{background:url("../images/i1.png") no-repeat;display:inline-block;width:15px;height:9px;}
.nav > li.active > a{background:#0078BD;color:#fff;}
.nav > li.active > a i{background:url("../images/i2.png") no-repeat;}

.nav > li dl{display:none;position:absolute;min-width:149px;max-width:149px;height:auto;left:0px;top:50px;z-index:1000;background:rgba(0,120,189,0.9);}
.nav > li dl dd{float:none;border-bottom:1px solid #fff;text-align:center;}
.nav > li dl dd a{display:block;padding:0 0px;border:none;color:#fff;font-size:13px;height:38px;line-height:38px;text-transform:capitalize;}
.nav > li dl dd a:hover{background:rgba(5,72,111,1);}
.nav > li dl dd:last-child{border:none;background:none;}

.nav > li:hover >a{background:#0078BD;color:#fff;}
.nav > li:hover dl{display:block;}



/*---footer---*/

.footer{background:#252525;padding:25px 0 40px 0;}
.footer .indexlink{}
.footer .indexlink h4{font-size:18px;color:#fff;background:url(../images/like.png) no-repeat center left;padding-left:27px;}
.footer .indexlink h4 span{text-transform:uppercase;font-size:14px;margin-left:8px;}
.footer .indexlink ul{overflow:hidden; margin-top:18px;}
.footer .indexlink li{float:left;}
.footer .indexlink li a{color:#999;margin-right:20px;}

.ftcont{margin-top:20px;}
.ftcont ul{height:41px;background:#2e2e2e;text-align:center;}
.ftcont li{display:inline-block;height:41px;line-height:41px;}
.ftcont li a{padding:0 19px;font-size:14px;color:#999;border-left:1px solid #434343;}
.ftcont li .noBl{border-left:none;} 

.ftc{ overflow:hidden; margin-top:20px;}
.ftc dl{ float:left; margin-right:30px;}
.ftc dt{ width:120px; margin-bottom: 5px;padding:7px; }
.ftc dt img{ display:block;}
.ftc dd{ /*margin-top:43px; margin-left:95px;*/}
.ftc dd span{ color:#e67015; text-transform:uppercase;}
.ftc dd p{ color:#e3e3e3; margin-top:5px; text-align:center;}
.ftc .dre{ float:left;}
.ftc .dre p{ color:#dcdcdc; height:30px; line-height:30px; padding-left:42px;}
.ftc .dre .pg1{ background: url(../images/pg1.png) no-repeat left center;}
.ftc .dre .pg2{ background: url(../images/pg2.png) no-repeat left center;}
.ftc .dre .pg3{ background: url(../images//pg3.png) no-repeat left center;}
.ftc .dre .pg4{ background: url(../images/pg4.png) no-repeat left center;}



#gotop{position:fixed;bottom:100px;right:30px;height:50px;width:50px;background:url(../images/top.png) repeat 0 0 #353535;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition:all 0.4s ease 0s;z-index:1000;cursor:pointer;display:none;text-indent:-9999px;}
#gotop:hover {background-color:#015AAC;background-position: 0 -50px;}



/*----page----*/
.pagesize{margin:30px 0 0;font-size:0;text-align:center;}

.pagesize a{line-height:16px;padding:8px 13px;margin:0 4px;display:inline-block;border:1px solid #bebebe;background:#fff;font-size:15px;}
.pagesize a:hover{background:#E4A348;border:1px solid #E4A348;box-shadow: 0 1px 0 0 #fff;color: #fff !important;}
.pagesize a.page-num-current{border:#E4A348 1px solid;background:#E4A348;color:#fff;}
.pagesize a.disabled{color:#fff;border:1px solid #CECECE;background:#CECECE;}

@media screen and (max-width:768px) {

.pagesize ul li a{padding:6px 10px;font-size:13px;}
.pagesize ul li span{padding:6px 10px;font-size:13px;}

}