/*重置*/
html { font:  '微软雅黑'; color:#666;    overflow: hidden;
    overflow-y: scroll;}
/*html{ font: 12px/1.7 '微软雅黑', '宋体',arial, Verdana, Helvetica, sans-serif;color:#666;}*/
body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,input,textarea,select { margin: 0; padding: 0; }
*{margin: 0; padding: 0;}
img { border: 0; }
ul,ol,li{ list-style:none;}
input, textarea, button { outline: 0; border:0; outline:none; }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #e6e6e6 inset !important;
}
a{text-decoration: none;color:#666;}


.data{font-size: 16px;}
/*公共*/
.web_container {font-size: 14px;}
/*清浮动*/
.cc:after, .row:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.cc{*zoom:1;}
/*浮动*/
.pull-right { float: right !important;position: relative;}

/*
.pull-left { float: left !important; }

*/
 @media ( min-width : 992px) {
 	.pull-left { 
	float: left !important;
	padding-left: 240px;
	}	
}
 @media ( min-width : 1500px) {
 	.pull-left { 
	float: left !important;
	padding-left: 265px;
	}	
}


.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}

/*间距*/
.mar_top5{ margin-top:5px !important;}
.mar_top20{ margin-top:20px !important;}
.mar_top30{ margin-top:30px !important;}
.mar_top40{ margin-top:40px !important;}
.mar_top50{ margin-top:50px !important;}
.mar_top60{ margin-top:60px !important;}
.mar_top70{ margin-top:70px !important;}
/*间距*/
.pad_left20{ padding-left: 20px !important;}
/*显示隐藏*/
.show{display: block;}
.hide{display: none;}

.visibility{visibility:hidden;}
/* i 标签 可以像span 一样用*/
i{font-style: normal;}



/*精灵——*/
.elf{background-image:url("../images/right_icon.png");background-repeat: no-repeat;}
/*公共头 */


.main-header {
    background-color: #fff;
}
header {
    height: 100%;
    min-height: 155px;
}



#nav {
    margin-bottom: 0;
    background: none;
    text-transform: uppercase;
}
#nav .navbar-brand {
    padding: 30px 0 0;
    color: #009bdb;
    font-size: 30px;
    font-weight: 500;
    height: auto;
    line-height: normal;
}
#nav .navbar-brand span {
    color: #8d8d8d;
}
#nav .navbar-brand .logo {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}
#nav.navbar {
    min-height: 100px;
}
#nav .nav {
    margin-top: 27px;
}
#nav.navbar-default .navbar-nav > li > a {
    font-size: 15px;
    font-weight: normal;
    color: #313131;
    line-height: normal;
}
#nav .navbar-nav > li.active > a,
#nav.navbar-default .navbar-nav > .open > a,
#nav.navbar-default .navbar-nav > .open > a:hover,
#nav.navbar-default .navbar-nav > .open > a:focus,
#nav .dropdown-menu > .active > a,
#nav .dropdown-menu > .active > a:hover,
#nav .dropdown-menu > .active > a:focus {
    background: none;
}
#nav .navbar-nav > li:hover > a,
#nav .navbar-nav > li.active > a,
#nav .navbar-nav > li > a:hover,
#nav .navbar-nav > li > a:focus {
    color: #009bdb;
}
#nav .dropdown-menu {
    background-color: #009bdb;
    padding: 0;
    left: 0;
    border: none;
    text-transform: capitalize;
}
#nav .dropdown-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}
#nav .dropdown-menu > li > a:hover,
#nav .dropdown-menu > li > a:focus {
    background-color: #0376a6;
}
#nav .dropdown-menu > .active > a,
#nav .dropdown-menu > .active > a:hover,
#nav .dropdown-menu > .active > a:focus {
    background-color: #006088;
}
#nav .navbar-toggle {
    margin-top: 27px;
    margin-bottom: 0;
    padding: 0;
}
#nav .navbar-toggle:hover,
#nav .navbar-toggle:focus {
    background: none;
}
#nav .navbar-toggle:hover .icon-bar,
#nav .navbar-toggle:focus .icon-bar {
    background-color: #009bdb;
}
#nav.affix-top {
    position: absolute;
  
    left: 0;
    right: 0;
    z-index: 10;
    height: 54px;
    background-color: #ffffff;
    border: 0;
}
#nav.affix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #ffffff;
    border-bottom: solid 1px #F1F1F1;
    transition: all .6s ease-in-out, top 0s;
}
#nav.navbar.affix {
    min-height: inherit;
}
#nav.affix .navbar-brand {
    padding: 10px 0 10px 0;
}
#nav.affix .nav {
    margin-top: 7px;
}
.container-relative {
    position: relative;
}

/*动画*/
@keyframes phone{
    0%,100%{ transform:rotate(0deg);}
    20%,60%{ transform:rotate(20deg)}
    30%,80%{ transform:rotate(-20deg)}
}
@-webkit-keyframes phone{
    0%,100%{ -webkit-transform:rotate(0deg);}
    20%,60%{ -webkit-transform:rotate(20deg)}
    30%,80%{ -webkit-transform:rotate(-20deg)}
}



/*公共footer */

#footer a{ color: #999999;padding-bottom:0;}
#footer a:hover{ color: #ff3333; }

#footer {height: 295px;background-color: #1a1a1a;}
#footer .footer_txt{ padding-top: 35px;}
#footer .footer_txt .footer_txt_left{width:275px;float: left; }
#footer .footer_txt .footer_txt_left p{padding-bottom: 15px;font-size: 14px;color: #fff;}
#footer .footer_txt .footer_txt_right {}
#footer .footer_txt .footer_txt_right p{font-size: 12px;color: #999999;padding-bottom:0;}
#footer .footer_txt .yard_imf{width: 100px;height: 100px; background-position: -20px -329px;margin-bottom: 10px;}
#footer .footer_txt .yard p{font-size: 14px;color: #fff;padding-bottom: 10px;}
#footer .footer_txt .yard span{font-size: 12px;color: #999999;  }
#footer .footer_bottom{text-align: center;  color: #999;  margin-top: 0px; }
/*公共 end*/

/*侧边导航*/
.public_sidebar{position: fixed;right:0;bottom: 100px;  display: none;}
.public_sidebar ul li{width: 75px;height: 75px; background-color: #f5f5f5; margin-bottom: 1px;}
.public_sidebar ul li a{display: block;width: 100%;height: 100%;position: relative;}
.public_sidebar ul li a i.elf{display: block;width: 31px;height: 30px;margin:0 auto;position: absolute;left: 23px;top:10px;}
.public_sidebar ul li a span{display: inline-block; text-align:center;width:75px;height: 20px;position: absolute;bottom: 9px;font-size: 14px;}

.public_sidebar ul li.li_a a i.elf{background-position: 0px 0px; }
.public_sidebar ul li.li_b a i.elf{background-position: 0px -30px; }
.public_sidebar ul li.li_c a i.elf{background-position: 0px -63px; }
.public_sidebar ul li.li_d a i.elf {background-position: 0px -96px; }
.public_sidebar ul li:hover{background-color: #c80200; }
.public_sidebar ul li:hover a span{color: #fff;}
.public_sidebar ul li.li_a:hover a i.elf{background-position: -30px 0px; }
.public_sidebar ul li.li_b:hover a i.elf{background-position: -30px -30px; }
.public_sidebar ul li.li_c:hover a i.elf{background-position: -30px -63px; }
.public_sidebar ul li.li_d:hover a i.elf{background-position: -30px -96px; }
/*侧边导航 end*/


/*分页*/
.paging .paging_content{font-size: 14px; position: relative;}
.paging_content   a{display: block; color: #666666;}
.paging .paging_content div,.paging .paging_content ul li
{width: 34px;height: 34px; border: 1px solid #cccccc;line-height: 34px;text-align: center; margin-right: 10px;}
.paging .paging_content div:hover{border: 1px solid #666666; }
.paging_content ul li{float: left;}
.paging_content ul li:hover{ border: 1px solid #666666; ;}
.paging_content ul li.paging_opt{background-color: #666; border: 1px solid #666;}
.paging_content ul li.paging_opt a{ color: #fff;}
.paging .paging_content div.pull-right{position: absolute;right: 0;top: 0;}
/*分页  end*/

/*路标*/
.sign div.web_container{ color: #999999; }
.sign div.web_container div{  padding-top:20px; }
.sign div.web_container a{ color: #999999; padding: 0 5px;}
.sign div.web_container a:hover{ color: #ff343f;}
.sign div.web_container i a{ color: #666666;}
/*路标 end*/


/*分享*/
.share{width: 120px;height: 16px;}
.share i{float: left; display: block;color: #999;}
.share a{width: 16px;height: 16px; display: block;float: left; background-color: #00a0e9; margin-left: 6px;}
.share a.share_WeChat{background-position: -21px -9px  }
.share a.share_weibo{background-position: -21px -35px; }
.share a.share_QQ{background-position: -21px -61px; }
.share_elf{background-image: url("../images/right_icon.png");background-repeat: no-repeat;}


/*404  没有找的*/
.no_404 .no_content{ height: 135px;text-align: left;margin: 0 auto; padding:120px 0; display: block; }
.no_404 .no_content i{ margin-right: 30px;  display: inline-block; width: 160px;height: 135px;  background:url("") no-repeat left center; }
.no_404 .no_content .no_1{color: #666666; font-size: 24px;padding-bottom: 15px; }
.no_404 .no_content .no_2{color: #cbcbcb; font-size: 18px; }
.no_404 .no_content .no_2 a{color: #f74242; font-size: 18px; }





/*footer 报价*/

.footer_quote{position: fixed; bottom:0;  width: 100%;left:-100%;  }
.footer_quote_left{ animation: footerquote_left ease 1s;}

.quote_click{height: 122px; position: fixed;left: 0;bottom:0;z-index: 20;}
.quote_click_left{ animation: quote_click_left ease 1s;}
.footer_quote .quote_pull{ height: 102px;position: relative; padding-top: 20px;}
.footer_quote .quote_pull .quote_pull_bg{width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
    background-color: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);}
.footer_quote .quote_pull .web_container{z-index: 10; position: relative; visibility: hidden;}
.footer_quote .quote_pull_txt390{width: 390px;}
.footer_quote .quote_pull_form460{width: 460px; position: relative;}

.footer_quote .quote_pull_form460 input{margin-bottom: 1px; width: 160px;background-color:#e6e6e6;height: 40px;padding-left: 20px;margin-right: 7px;}
.footer_quote .quote_pull_form460 button{font-weight: 800;font-family: '微软雅黑';
    border-radius: 3px; position: absolute;right: 0;top:0; width: 82px;
    height: 80px;
    background-color: #ff3333;color: #fff;font-size: 20px;}
.footer_quote .quote_pull_phone350{ color: #fff; padding:20px 0 0 40px;}
.footer_quote .quote_pull_phone350 span{font-size: 16px;}
.footer_quote .quote_pull_phone350 p{font-size: 20px;}
.footer_quote .quote_pull_phone350 i.close_quote{
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: -10px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    background: url(../images/footer_quote_i.png) no-repeat center center;
    opacity: .5;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}
.footer_quote .quote_pull_phone350 i.close_quote:hover{ transform:rotate(180deg);-webkit-transform:rotate(180deg);}


/*底部报价动画*/
@keyframes footerquote_left{
    0%{left:-100%;}
    100%{left: 0%;}
}
@-webkit-keyframes footerquote_left{
    0%{left:-100%;}
    100%{left: 0%;}
}
@-moz-keyframes footerquote_left{
    0%{left:-100%;}
    100%{left: 0%;}
}
@-o-keyframes footerquote_left{
    0%{left:-100%;}
    100%{left: 0%;}
}
@-ms-keyframes footerquote_left{
    0%{left:-100%;}
    100%{left: 0%;}
}



/*底部报价动画*/
@keyframes quote_click_left{
    0%{left:0%;}
    100%{left: -100%;}
}
@-webkit-keyframes quote_click_left{
    0%{left:0%;}
    100%{left: -100%;}
}
@-moz-keyframes quote_click_left{
    0%{left:0%;}
    100%{left: -100%;}
}
@-o-keyframes quote_click_left{
    0%{left:0%;}
    100%{left: -100%;}
}
@-ms-keyframes quote_click_left{
    0%{left:0%;}
    100%{left: -100%;}
}

.doyoo_f_original body{overflow: auto!important;}
.doyoo_f_original{overflow:auto !important;}
.doyoo_f_frame{display:none !important;}
.msgsbg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:9999;}
.msgs { height:200px; background:#fafafa; border:#e6e6e6 solid 1px; box-shadow:0 0 10px rgba(0,0,0,0.4); position:fixed; top:50%; left:50%; margin-left:-120px; margin-top:-130px; z-index:9999;}
.msgs img {height:70px; display:block; margin:15px auto 0px;text-align: center;width:auto;}
.msgs p {line-height:35px; text-align:center; color:#c30f12; font-size:18px; font-weight:bold; display:block;}
.msgs span {line-height:22px; text-align:center; color:#333; display:block;}