@charset "utf-8";
/* Table of Contents */
/*

    3.  General
    4.  Single Post
    6.  Tag Archive
    7.  Third Party Elements
    8.  Pagination
    9.  Footer
    10. Media Queries (Tablet)
    11. Media Queries (Mobile)
    12. Animations
*/
html {
	font-size: 62.5%;
}

body {
	font-family:"Microsoft YaHei","微软雅黑",tahoma,arial,"宋体";
	padding-top: 70px;
}

/*    3. General - The main styles for the the theme  */

/********** header **********/
.navbar { height:70px;background-color:#e7f2fc; border-bottom: #C5DDDD 1px solid;}
.navbar-brand{ height:60px; padding-top:5px;}
.navbar-default .navbar-nav { position:absolute; margin-left:220px;  overflow:visible}
.navbar-default .navbar-nav > li,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a .active{font-size:1.8rem; line-height:39px; }
.navbar-default .navbar-nav > li { background-color:#e7f2fc; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color:#ff9900;  background-color: #e3eecc;} 
.dropdown-menu {min-width: 154px;background-color: #f7f7f7;}
.dropdown-menu > li > a { color:#7f7f7f}
.header { background-color:#e7f2fc;}
.carousel-inner img{ margin:0 auto;}
.carousel-caption { right: 15%;  bottom:50px;  left: 55%; padding-right:20px;text-align: right; background: rgba(190,176,155, 0.4); border-right: 4px solid rgba(255,255,255,0.7);	 }
.carousel-caption > h1{ font-size:3.2rem; line-height:150%; color:#fff; border:none}




/********** service abstract **********/
.serv_abs { margin-bottom:20px; border:1px solid #d4d4d4; background-color:#f7f7f7 }
.serv_abs h1 { margin-top:10px; font-size:1.4rem; font-weight:bold; color:#4c4c4c;}
.serv_abs p { color:#5f5f5f; line-height:150%;}
.serv_abs img {float:left;	margin:30px 5px;}



.header_banner{margin:0 auto;/*border:1px solid #d0f2e3;*/ background-color:#FFFFFF; overflow:hidden}
/*.header_banner img{ margin:2px}*/


/* top_bg */
.top_bg { background:url(images/top_bg.gif) top repeat-x; }
.top_bg2 { background:url(images/top_bg2.gif) top repeat-x; min-height:20px; height:20px}
.top_bg_resize {margin:0 auto; height:50px; background:#66ccff url(images/img_top.gif) top repeat-x;  border-left:1px solid #FFF; border-right:1px solid #FFF;}






/********** mian **********/

.body_resize {/* padding:10px 25px;*/ border:1px solid #f1f1f1; background:#fbfbfb;  text-align:justify;text-justify:inter-ideograph}
h1,h2{padding:5px; font-size:2.2rem; border-bottom:1px solid #E7E7E7;}
h1,h1 a{color:#308eb5;}
h1 a:hover{color:#308eb5;}
h2,h2 a{color:#3399ff;}
h2 a:hover{color:#3399ff;}
h3 { padding:5px; font-size:1.6rem; font-weight:bold; color:#282828; }
h4{font-size: 1.6rem; line-height:2rem; }
h1 small,h2 small {font-size:1.2rem; color:#5bc0de; }
h1 img,h2 img{ float:left; margin:0 5px auto 0;}
p { padding:0; margin-bottom:10px; line-height:180%;color:#747474;}
p span { color:#819e9c;}
ul { list-style-image:url(../images/site/ul.png); margin-bottom:10px;}
ol { clear:both; margin:0px auto 20px auto; }
li {color:#969696;line-height:180%;list-style-image:inherit;}

.main{ padding:0 31px;}
.main p{ font-size:16px}
.sidebar {float:right;  } 




/****box **/
.sidebox{ width:auto; text-align:center;float:left;}
.sidebimg{ clear:both;padding:0; width:160px; height:auto; display:block}
.sidebname{height:30px;width:160px;line-height:30px; color:#5c8783}
.w300{width:300px}
.m10{ margin:10px}
.m5{ margin:5px}
.m2{ margin:1px}
.pro-intro { clear: both; width:560px; height: auto; border-bottom: dashed 1px #CCCCCC; margin: 10px 0px 10px 0px; display:block;}
.pro-box{clear: both; width:560px; height: auto; border-bottom: dashed 1px #CCCCCC; margin: 10px 0px 10px 0px; display:block;}
.pro-img{padding:7px; width:160px; height:120px; float: left; background: url(../images/pimgbg.gif);float:left; }
.pro-name{ clear:both; height:20px;width:260px; line-height:20px;color:#5c8783;display:block;}
.pro-text{ width:360px; height:auto; float: right; text-align: justify; text-justify: inter-ideograph; font-weight: normal; color: #666666; padding-top: 5px;}
/***fit*box **/
.fittings { width:100%;  height: auto;display:block}
.fit-intro{float:left; width:auto; height: auto; border-bottom: dashed 1px #CCCCCC; margin: 5px}
.imgbox{padding:7px;width:438px; height:auto;float:left;}
.fit-imgbox{padding:0; width:175px; height:auto;float:left;}
.fit-img{padding:7px; width:160px; height:120px;background: url(../images/pimgbg.gif);float:left;}
.fit-text{width:270px; height:auto; float:left; text-align: justify; text-justify: inter-ideograph;color: #666666; padding-top: 3px;}
.fit-3text{width:120px; height:auto; float:left; text-align: justify; text-justify: inter-ideograph;color: #666666; padding-top: 3px;}
.fit-box{ width:auto; text-align:center;float:left; margin:5px 0px 10px 10px;}
.fit-name{ clear:both;height:30px;width:174px; float:left;line-height:30px;}





/*************footer**********/
.footer { margin-top:20px; margin-bottom:-20px; background:#99cc33 url(../images/footbg.png) repeat-x; }
.footer_resize { min-height:160px; color:#ffffcc;}
.footer_resize h3{margin:6px 0; color:#ffffcc; }
.footer_resize p,.footer a { color:#ffffcc;}
.footer_table{ clear:both; border: none}
.footer_resize p.leftt { text-align:left; width:70%; margin:0; padding:30px 0 0 0; float:left;} 
.footer_resize p.rightt { text-align:right; width:20%; margin:0; padding:30px 0 0 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}

.tar{ text-align:right}

/*返回顶部*/
.izl-rmenu{position:fixed; right:0; margin-right:16px; bottom:20px; padding-bottom:20px; background:url(images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-wx{background:url(images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-172px; top:-12px; display:none;width:172px;height:172px;}
.izl-rmenu .btn-phone{background:url(images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}