﻿
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,select,input{margin:0;padding:0;border:0;}
*:focus { outline: none; }
html{height:100%;}
body{font:14px/1.5 Arial,"Microsoft YaHei","宋体"; color:#000; height: 100%; background-color: #fff;}
address,cite,dfn,em,var,i{font-style:normal;}
input,button{ font-family: Arial;}
body,div,p{word-wrap:break-word;}
b,strong,.strong{font-weight:700;}
ul,ol,li{list-style:none;}
a{text-decoration:none; cursor:pointer; outline:none;}
a:hover{color:#356fb9;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
input[type="text"]{-webkit-appearance: none;}
.rel{position:relative;}
.abs{position:absolute;}
.hide{display:none;}
.show{display:block!important;}
.normal{font-weight: 400;}
.clearfix{zoom:1;}
.overflow{overflow: hidden;}
.clearfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.txt-c{text-align:center;}
.txt-l{text-align:left!important;}
.txt-idt{text-indent: 2em;}
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.w1190{width:1190px; margin:auto;}

.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px!important;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}

.color-fff{color: #fff;}
.color-333{color: #333;}
.color-666{color: #666!important;}
.color-888{color: #888;}
.color-cfcfcf{color: #cfcfcf;}
.color-3c3c3c{color: #3c3c3c;}
.color-3b3b3b{color: #3b3b3b;}
.color-808080{color: #808080;}
.color-2a78fa{color: #2a78fa;}
.color-454545{color: #454545;}
.color-356fb9{color: #356fb9;}
.color-a5a9ac{color: #a5a9ac;}
.color-626262{color: #626262;}
.color-757575{color: #757575;}
.color-898989{color: #898989;}
.color-676767{color: #676767;}
.color-575757{color: #575757;}
.color-181818{color: #181818;}
.color-969595{color: #969595;}
.color-313131{color: #313131;}
.color-3e3e3e{color: #3e3e3e;}
.color-858585{color: #858585;}
.color-707070{color: #707070;}
.color-4b4a4a{color: #4b4a4a;}
.color-f90b2d{color: #f90b2d;}
.color-757579{color: #757579;}
.color-424242{color: #424242;}
.color-ff8a00{color: #ff8a00!important;}

.ml1{margin-left: 1px;}
.ml30{margin-left: 30px;}

.mt3{margin-top: 3px;}
.mt10{margin-top: 10px;}
.mt17{margin-top: 17px;}
.mt20{margin-top: 20px;}
.mt22{margin-top: 22px;}
.mt24{margin-top: 24px;}
.mt26{margin-top: 26px;}
.mt28{margin-top: 28px;}
.mt31{margin-top: 31px;}
.mt32{margin-top: 32px;}
.mt34{margin-top: 34px;}
.mt37{margin-top: 37px!important;}
.mt51{margin-top: 51px;}
.mt95{margin-top: 95px!important;}

.mb3{margin-bottom: 3px;}
.mb6{margin-bottom: 6px;}
.mb15{margin-bottom: 15px;}
.mb24{margin-bottom: 24px;}
.mb43{margin-bottom: 43px;}
.mb54{margin-bottom: 54px!important;}
.mb130{margin-bottom: 130px;}

.mr0{margin-right: 0px!important;}
.mr4{margin-right: 4px;}
.mr5{margin-right: 5px;}
.mr13{margin-right: 13px;}
.mr14{margin-right: 14px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}

.mlr5{margin: 0 5px;}

.pl0{padding-left: 0!important;}

.i-ico{background: url('../image/icons1.png') no-repeat; vertical-align: middle; display: inline-block;}

/*top-nav*/
.top-nav{width: 100%;min-width: 1190px; height: 31px; color: #888; line-height: 31px; background-color: #f8f8f8; border-bottom: 1px solid #e9e9e9;font-size:12px;}
.top-nav a:hover{color: #f84a0e;}
.top-nav .i-ico{ width: 7px; height: 4px;background-position: -2px -3px; position: relative;left: 4px;}
.top-nav .i-ico02{width: 9px; height: 7px;background-position: -22px -3px; left: -6px; top: -1px;}
.top-nav .fr {height: 31px; }
.top-nav .fr a{padding: 0 12px 0 13px;}
.top-nav .fr ul{z-index: 99;}
.top-nav .fr ul li{padding: 0 12px 0 13px;display: none;}
.top-nav .fr ul li a{padding: 0;}
.top-nav .fr ul li .i-ico{width: 7px; height: 4px;background-position: -2px -3px; position: relative;left: 4px;}
.top-nav .fr ul:hover{background: #fff;border: 1px solid #e6e6e6;border-top: 0;}
.top-nav .fr ul:hover li{display: block;padding:  0 11px 0 12px;}
.top-nav .fr ul:hover li .i-ico{background-position: -11px -3px;}

/*header*/
.header .logo {margin:0;width:auto;}
.header{padding-bottom: 20px; width: 100%;min-width: 1190px;height:auto;}
.header .logo span{line-height: 22px; height: 22px;border-left: 1px solid #b9b9b9; padding-left: 13px;}
.header .tel-consultation{padding-left: 39px;position: relative;z-index: 9;}
.header .tel-consultation p{line-height: 16px; height: 16px;}
.header .tel-consultation i{width: 32px; height: 32px;background-position: 0 -15px;position: absolute;left: 0;top: 2px;}

/*nav*/
.nav-l{width: 228px;position: relative; height: 40px;z-index: 99;}
.nav-l h3{background: #b20000; padding-left: 23px;height: 40px;line-height: 40px;}
.nav-l ul{position: absolute;top: 40px; left: 0px; width: 228px;background: #181818;}
.nav-l ul li{height: 40px; line-height: 40px; }
.nav-l ul li a{display: block;padding-left: 24px;background: #181818; color: #fff; font-size: 13px; height: 100%;}
.nav-l ul li a:hover{background: #000;}
.nav-l ul li a i{width: 23px; height: 23px; margin: 8px 19px 0 0; float: left;}
.nav-l ul li a .i-ico01{background-position: 0 -52px;}
.nav-l ul li a .i-ico02{background-position: -28px -52px;}
.nav-l ul li a .i-ico03{background-position: -56px -52px;}
.nav-l ul li a .i-ico04{background-position: -84px -52px;}
.nav-l ul li a .i-ico05{background-position: 0 -80px;}
.nav-l ul li a .i-ico06{background-position: -28px -80px;}
.nav-l ul li a .i-ico07{background-position: -56px -80px;}
.nav-l ul li a .i-ico08{background-position: -84px -80px;}

.nav-t{border-top: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1; height: 39px;line-height: 39px;width: 1189px;}
.nav-t .join{background: #f7f7f7;width: 191px; text-align: center; color: #adadad;}
.nav-t .join a{color: #969696; font-size: 14px;}
.nav-t .join a:hover{color: #b20000;}
.nav-t ul li{float: left;text-align: center;}
.nav-t ul li a{color: #000;font-size: 15px;padding: 0 20px;height: 39px; min-width: 60px; display: inline-block;}
.nav-t ul li a:hover,.nav-t ul li .selected{color: #b20000;border-top: 2px solid #b20000; height: 38px; margin-top: -1px; line-height: 38px;}
/*right-nav*/
.right-nav{position: fixed;left: 50%;top: 50%; margin-left: 600px; margin-top: -71px;z-index:100;}
.right-nav .i-ico{background: url(../image/icons2.png) no-repeat;}
.right-nav .right-nav-qq{width: 70px; height: 70px; text-align: center;background: #0070e2;margin-bottom: 1px;}
.right-nav .right-nav-qq a{color: #fff; display: block; width: 70px; height: 55px;padding-top: 15px;}
.right-nav .right-nav-qq a .i-ico01{width: 25px; height: 26px;  background-position: -9px -47px; display: block; margin: 0 auto 8px;}
.right-nav .right-nav-qq a span{line-height: 20px;}
.right-nav .right-nav-sq{width: 70px; height: 70px; text-align: center;background: #f19149;margin-bottom: 1px;}
.right-nav .right-nav-sq a{ color: #fff; display: block; width: 70px; height: 56px;padding-top: 14px;}
.right-nav .right-nav-sq .i-ico04{ width: 27px; height: 26px;  display: block;margin: 0 auto 5px; background-position: -53px -121px; }
.right-nav .right-nav-tel{width: 70px; padding-top: 14px; height: 56px; text-align: center;background: #78c340;position: relative;margin-bottom: 1px;}
.right-nav .right-nav-tel .i-ico02{ width: 27px; height: 27px;  display: block;margin: 0 auto 5px; background-position: -54px -47px; }
.right-nav .right-nav-tel span{line-height: 24px;color: #fff;}
.right-nav .tel-box{width: 392px;height: 70px;cursor: pointer; position: absolute;right: 0px;top: 0px;z-index: 9999; display: none; *right:40px;}
.right-nav .tel-box div{border: 1px solid #cdcdcd;border-top: 5px solid #00c1de;padding: 0 14px 0 12px; width: 285px;background: #fff;}
.right-nav .tel-box div .text{padding:13px 0 22px 37px; position: relative; line-height: 25px; color: #a9b0b4; font-size: 14px;text-align: left;}
.right-nav .tel-box div .text i{display: inline-block;width: 5px; height: 5px;border: 1px solid #a9b0b4;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;position: absolute;left: 21px; top: 22px;}
.right-nav .tel-box div .tel{padding: 17px 0 14px 87px;border-bottom: 1px solid #dedede;position: relative;line-height: 25px;text-align: left;}
.right-nav .tel-box div .tel i{display: inline-block;width: 48px; height: 40px;position: absolute; left: 19px; top: 21px;background-position: -6px -85px;}
.right-nav .tel-box div .tel span{color: #373d41;font-size: 14px;}
.right-nav .right-nav-tel:hover .tel-box{display: block;}
.right-nav .right-nav-top{display: none; width: 70px; padding-top: 11px; height: 59px; text-align: center;background: #a1a8b7;position: relative;cursor: pointer;}
.right-nav .right-nav-top .i-ico03{ width: 24px; height: 35px;  display: block;margin: 0 auto; background-position: -71px -12px; }
.right-nav .right-nav-top span{line-height: 24px;color: #fff;}
/*footer*/
.footer{border-top: 1px solid #e9e9e9;width: 100%;line-height:22px; min-width: 1190px;background: #fff; padding: 28px 0 30px 0;background: #f7f7f7;margin:0;}
.footer .txt-c{margin-bottom: 15px;color: #646464;}


