@charset "utf-8";

html{color:#000;background:#FFF; min-width: 271px;}
body { color:#666;font:14px/1.231 "微软雅黑",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,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:18px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
/*浮动*/
.fl{float: left;}
.fr{float: right;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }                                                             
.clearfix { zoom:1; }


.title {text-align: center;font-size: 35px;margin:1.8em 0 1em;background: url(../images/tbg.jpg) no-repeat center bottom;}
.title h2{color: #0099cc;font-size: 36px;}
.title span{display: block;font-size: 20px;color: #666;padding: 0.7em 0 0.8em;}

.more{margin: 1.5em 0 1.9em;text-align: center;}
.more a{display: inline-block;font-size: 20px;}
 
a,a:hover,a:active{text-decoration: none;}
header {}
header .tyy{overflow: hidden;}
header .tyy .logo{padding-top: 2%;float: left;}
header .tyy .zhsj{overflow: hidden;background: url(../images/sj.jpg)no-repeat ;height: 165px;}
header .tyy .zhsj p{margin-top: -50px;}
header .tyy .zhsj .sj{margin-top: 10%;
    margin-left: 7%;
    font-size: 30px;
    color: #0082d1;
    height: 80px;}
header .zhsj .dh{font-size:22px;color: #0082d1;margin-left: 7%;margin-top: 14}
header h1{position: relative;height: 124px;}
header h1 a{display: inline-block;position: absolute;top: 3px;left: 50%;z-index: 100;margin-left: -21px;}
header nav{background: #0081d2;line-height: 56px;font-size: 21px;text-align: center;}
header nav a{color: #fff;}
header nav li.fl{width: 12%;position: relative;margin-left: 2%;}
header nav .clearfix .fl:hover{border-bottom: 3px solid #f1c418;}
header nav li .sub_nav{position: absolute;line-height: 42px;font-size: 19px;width: 100%;padding: 12px 0;left: 0;z-index: 111;background: #1b68ae;display: none;}
header .hbtn{display: none;}

header nav li #snext{display: none;}
header nav li .curttt{display: block;}
footer{background-color: #274b96;overflow: hidden;}
footer .dibu{overflow: hidden;margin-top: 3%;}
footer .dibu .yiji{overflow: hidden;}
footer .dibu .yiji .yijilb{float: left;margin-right: 5%;}
footer .dibu .yiji .yijilb .yijia{color:#ffffff;font-size:16px;}
footer .dibu .yiji .yijilb .erji{margin-top:30px;}
footer .dibu .yiji .yijilb .erji .erjilb{margin-bottom: 10px;}
footer .dibu .yiji .yijilb .erji .erjilb a{color:#ffffff;font-size:14px;}
footer .dibu .yiji h4 a{color: #ffffff;font-size: 16px;display: block;margin-bottom: 30px;}
footer .dibu p{text-align: center;font-size: 14px;color: #ffffff;margin-top: 5%;}
footer .ql{overflow: hidden;background-color:#25468b;}
footer .ql p{text-align: center;font-size: 12px;color: #ffffff;line-height: 50px;margin: 0;padding: 0;}
footer .ql a{color:#fff;}


@media only screen and (min-width: 320px) and (max-width: 800px) {
	header .tyy{overflow: hidden;}
	header .tyy .logo{float: left;width:100%;}
	header .tyy .zhsj{display: none;}

}
@media only screen and (min-width: 800px) and (max-width: 991px) {
	header .tyy .zhsj{display: none;}
}
@media only screen and (min-width: 800px) and (max-width: 4600px) {
	header .logo{float: left;}
	header .daohang nav{width: 67%;}
	header nav li.fl a{color: #ffffff;font-size: 16px;}
	header nav li.fl{height: 61px;}


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	header h1 img {height:180px ;}
	header nav {font-size: 18px;}
	header nav li .sub_nav{font-size: 15px;padding: 9px 0;}
	header h1 { height: 102px;}
	footer .foot_t .fenl .fr img {width: 136px;}
	footer .foot_t .fenl>.fl {width: calc(100% - 302px);}
	header h1 a {margin-left: -90px;}
	.commonposition{display: none;}
	.mj{display: none;font-size: 20px;}
}

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

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
 .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, 
 .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
 .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
  .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, 
  .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
   .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 10px;padding-left: 10px;}

.col-xs-6:nth-child(2n+1){padding: 0 10px 0 0;}
.col-xs-6:nth-child(2n){padding: 0 0px 0 10px;}

.title{font-size: 18px;-webkit-background-size: 150px;
background-size: 150px;}
.title h2{font-size: 20px;}
.title span{display: block;font-size: 14px;}	
.more a{font-size: 15px;}

header,footer,.main{-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.heads{-moz-transform: translate3d(250px,0,0);-webkit-transform: translate3d(250px,0,0);transform: translate3d(250px,0,0);}
.headsb{-moz-transform: translate(250px,0);-ms-transform: translate(250px,0);-webkit-transform: translate(250px,0);transform: translate(250px,0);}
header h1 img{height: 100px;}
header h1 a {
    margin-left: -50px;
}
header .hbtn{display: block;width: 38px;height: 38px;background: url(images/nbtn.jpg) no-repeat center;margin-left: 10px;margin-bottom: 10px;}
header nav{/*display: none;*/height: 100%;width: 250px;position: fixed;top: 0;left: -250px;z-index: 110;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;text-align: left;text-indent: 1em;}

header .bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 105;background: rgba(0,0,0,.5);display: none;}
header nav li.fl {width: 100%;margin: 0!important;border-bottom: 1px solid #fff;}

header nav li #snext {width: 30px;line-height: 65px;display: inline-block;font-size: 24px;color: #fff;float: right;margin-right: 30px;}
header nav li .sub_nav {position: inherit;line-height: 42px;font-size: 19px;width: 100%;padding: 12px 0;left: 0;z-index: 111;}
}

@media only screen and (min-width: 320px) and (max-width: 800px) {
	.zuo .miao{display: none;}
	.zuo .sousuo{display: none;}
	header .zuo .logo img{width: 140%;}
	header .hbtn{margin-top: 23px;float: right;}
	footer{height: 40px;}
	footer .dibu{display: none;}
	footer ul{display: none;}
	footer .logo{display: none;}
	footer .duanluo{display: none;}
	header .shang{display: none;}

	header .xia .duanluo{display: none;}
	header .xia .right{display: none;}
	header .xia .hbtn{display: block;}
	header .hbtn{display: block;width: 38px;height: 38px;background: url(../images/nbtn.jpg) no-repeat center;margin-left: 10px;margin-bottom: 10px;}
	header nav{/*display: none;*/height: 100%;width: 250px;position: fixed;top: 0;left: -250px;z-index: 110;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;text-align: left;text-indent: 1em;}
	header .bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 105;background: rgba(0,0,0,.5);display: none;}
	header nav li.fl {width: 100%;margin: 0!important;border-bottom: 1px solid #fff;position: relative;}
	header nav li .sub_nav{position: inherit;
    line-height: 42px;
    font-size: 19px;
    width: 100%;
    padding: 12px 0;
    left: 0;
    z-index: 111;}
}
.commonposition{_position:absolute;_top: expression(documentElement.scrollTop + 200 + "px");position:fixed; top:20%; right:0px; z-index:999999; display:none;}
.commonposition a{display:block; width:45px; height:45px; position:relative; background-color:#eb3c00; background-image:url(../images/icon.png);background-repeat:no-repeat; margin-top:1px;}
.commonposition a span{display:none; position:absolute; right:0px; top:0px; height:45px; padding-left:50px; color:#fff;line-height:45px; font-size:14px;background-color:#262626;}

.commonposition a.HomeQQ{ background-position:-362px -186px;}
.commonposition a.HomeQQ1{ background-position:-362px -186px;}
.commonposition a.Homedianhua{ background-position:-362px -231px;}
.commonposition a.Homexuqiu{ background-position:-362px -275px;}
.commonposition a.Homeweixin{ background-position:-362px -322px;}
.commonposition a.Hometop{ background-position:-362px -370px; background-color:#eb3c00;}

.commonposition a span.QQbggray{background-position:-360px -186px;background-image:url(../images/icon.png);background-repeat:no-repeat; width:158px;}
.commonposition a span.weixinerweima{right:45px; padding:0px;}
.commonposition a span.dianhuabggray{background-position:-362px -231px;background-image:url(../images/icon.png);background-repeat:no-repeat;width:165px;}
.commonposition a span.Homexuqiu{ background-position:-362px -275px;background-image:url(../images/icon.png);background-repeat:no-repeat;width:128px;}


.mj{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.4);top: 0;left:0;z-index: 100;display: none;}
.mj .join{position: fixed;bottom: 30%;left: 50%;width: 440px;padding:20px 60px 30px;background: #fff;z-index: 999;box-sizing: content-box;margin-left: -280px;}
.mj .join label{display: block;color: #0e0e0e;font-weight: normal;font-family: "微软雅黑";margin-top: 20px;}
.mj .join label span{color: #f00;letter-spacing: 1px;margin-left: 10px;}
.mj .join ul{position: relative;}
.mj .join ul .btn{position: absolute;top: -78px;right: -75px;width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 20px;border-radius: 50%;background: #000;color: #fff;padding: 0;}
.mj .join input[type=text]{border: none;border-bottom: 1px solid #cccccc;outline: none;width: 100%;height: 36px;}
.mj .join textarea{border: none;border-bottom: 1px solid #cccccc;outline: none;width: 100%;height: 36px;line-height: 36px;resize: none;overflow: hidden;}
.mj .join h3{font-weight: bold;text-align: center;}
.mj .join input[type=submit]{border: 0;background: #000;outline: none;color: #fff;padding: 10px 30px;font-size: 16px;margin: 24px 158px;}
.mj .join ul li:nth-child(5){text-align: center;font-size: 16px;}