@charset "utf-8";
/* CSS Document */
/* color: c5271e; 01af3c; 009c86; 53b9bb; 434c51 */
* { padding: 0px; margin: 0px; }
body { font-family: '微软雅黑'; font-size: 13px; line-height: 2.0; color: #333; overflow-x: hidden; background: #fafdf8; }
img { border: 0px; max-width: 100%; height: auto; }
li { list-style: none; }
a { text-decoration: none; color: #555; }
a:hover { text-decoration: underline; color: #53b9bb; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0px; }
.center { text-align: center; padding: 10px 0px; }
.blank_10 { height: 10px; }
.blank_20 { height: 20px; }
.blank_30 { height: 30px; }
.blank_40 { height: 40px; }
.blank_50 { height: 50px; }
.jc1 { width: 100%; height: 50px; background: url(../images/ico_jc1.png) repeat-x; }
.jc2 { width: 100%; height: 50px; background: url(../images/ico_jc2.png) repeat-x; }






/********** head style **********/
.head { width: 100%; height: auto; margin: 0px auto; background: #c20019; }
.head .con { width: 700px; height: auto; margin: 0px auto; }
.head .logo { width: 1920px; height: 130px; float: center; background: url(../images/logo.jpg) no-repeat 50% 50%; }
.head .nav { width: 888px; height: auto; float: right; }
.head .nav ul {}
.head .nav ul li { width: 110px; height: auto; float: left; margin: 0px 0px 0px 0px; border-left: 1px dotted #aaa; font-size: 16px; text-align: center; line-height: 64px; z-index: 3; }
.head .nav ul li a { display: block; color: #FFF; }
.head .nav ul li a:hover { display: block; color: #FFF; background: #a5271e; }


/* Slider */
.slider { width: 100%; height: 500px; margin: 0px auto; background: url(../images/slider1.jpg) no-repeat 50% 0px; }
/* banner */
.banner { width: 100%; height: 500px; overflow: hidden; background: url(../images/slider1.jpg) 50% 0px no-repeat; }
/* banners */
.banners { width: 100%; height: 500px; overflow: hidden; background: url(../images/gywm/banar.jpg) 50% 0px no-repeat; }


@media (max-device-width: 768px){
    .none { display: none; }
    .head .con { width: 100%; }
    .head .logo { display: none; }
    .head .nav { width: 100%; padding: 15px 0px 10px 0px; background: #00aa98; }
    .head .nav ul li { width: 33%; height: 36px; margin: 0px; border: 0; line-height: 36px; font-size: 18px; }
    .slider { display: none; }
    .banner { display: none; }
	.banners { display: none; }
}








/********** index style **************************************************/
/*** in_zt area style ***/
.in_zt { width: 100%; height: auto; margin: 0px auto; background: url(../images/in_yw.jpg) no-repeat 50% 0px; }
.in_zt .con { width: 1100px;  height: auto; margin: 0px auto; }
.in_zt .box { width: 200px; height: 110px; float: right; margin: 10px 0px 5px 20px; background: #c0c0c0; }
.in_zt .box1 { width: 200px; height: 110px; float: right; margin: 10px 0px 5px 20px; background: #c0c0c0; }


@media (max-device-width: 768px){
    .in_zt { background: none; }
    .in_zt .con { width: 100%; }
    .in_zt .con .box { width: 45.5%; height: 45.5%; float: left; margin: 25px 0px 0px 3%; }
	.in_zt .con .box1 { display: none; }
}





/*** in_kh area style ***/
.in_kh { width: 100%; height: auto; margin: 0px auto; padding: 0px 0px 80px 0px; }
.in_kh .con { width: 1100px; height: auto; margin: 0px auto; }

.in_kh .t { width: 100%; height: 160px; margin: 0px auto; background: url(../images/in_kh_t.png) no-repeat 50% 50%; }

.in_kh .a { width: 1000px; height: auto; padding: 0px 0px 0px 100px; margin: 0px 0px 20px 0px; overflow: hidden; background: url(../images/fenlei1.png) no-repeat 0px 0px; }
.in_kh .a a { display: block; float: left; width: 120px; height: 38px; border: 1px dotted #53b9bb; margin: 0px 0px 10px 10px; text-align: center; line-height: 38px; font-size: 15px; font-weight: 600; color: #363639; }
.in_kh .a a:hover { color: #FFF; background: #ef0a29; }

.in_kh .b { width: 1150px; height: auto; }
.in_kh .b .box { width: 254px; height: 320px; float: left; display: inline; margin: 20px 28px 20px 0px; background: #f6f6f6; }
.in_kh .b .box .pic { width: 100%; height: 165px; margin: 0px 0px 10px 0px; overflow: hidden; }
.in_kh .b .box .pic img { width: 100%; height: auto; }
.in_kh .b .box .text { width: 100%; font-size: 13px; padding: 0px; margin: 0px 0px 0px 0px; text-align: left; line-height: 22px; overflow: hidden; }



@media (max-device-width: 768px){
    .in_kh .con { width: 100%; }
    .in_kh .a { width: 100%; padding: 0px; margin: 0px; background: none; }
    .in_kh .a a { margin: 0px 0px 10px 10px; width: 105px; } 

    .in_kh .b { width: 100%; }
    .in_kh .b .box{ width: 45.5%; height: 280px; margin: 25px 0px 0px 3%; }
    .in_kh .b .box .pic{ height: 110px; }
    .in_kh .b .box .text{ line-height: 18px; font-size: 13px; margin: 25px 0px 0px 3%; }
}





/*** in_ys area style ***/
.in_us { width: 100%; height: auto; padding: 65px 0px; background: url(../images/in_gy2.jpg) repeat-y 50% 0px; }
.in_us .con { width: 1100px; height: auto; margin: 0px auto; }
.in_us .l { width: 402px; height: auto; float: left; }
.in_us .l .pic { width: 398px; height: 228px; margin: 0px 0px 10px 0px; border: 2px solid #FFF; overflow: hidden; }
.in_us .l h3 { text-align: center; line-height: 60px; font-size: 28px; color: #ef0a29; }
.in_us .l p { font-size: 16px; color: #ffffff; }


.in_us .r { width: 567px; height: auto; float: right; }
.in_us .r .box { width: 100%; height: 75px; margin: 0px 0px 40px 0px; }
.in_us .r .pic { width: 75px; height: 75px; float: left; border: 1px solid #ff9537; border-radius: 50%; overflow: hidden; }
.in_us .r .text { width: 465px; height: 75px; float: right; }
.in_us .r .text span { line-height: 32px; font-size: 17px; color: #ff9537; }
.in_us .r .text p { line-height: 20px; color: #e3e3e3; }


@media (max-device-width: 768px){
    .in_us { padding: 50px 0px; }
    .in_us .con { width: 100%; }

    .in_us .l { width: 100%; }
    .in_us .l .pic { width: 94%; height: 190px; margin: 0px auto; }
    .in_us .l h3 { font-size: 26px; }
    .in_us .l p { padding: 0px 13px; }

    .in_us .r { width: 100%; }
    .in_us .r .box {  margin: 40px 0px 0px 0px; }
    .in_us .r .pic { display: none; }
    .in_us .r .text { width: 94%; margin: 0px 3%; }
}





/*** in_sp area style ***/
.in_sp { width: 100%; height: auto; margin: 0px auto; background: #f2f2f2; }
.in_sp .con { width: 1100px; height: auto; margin: 0px auto; }
.in_sp .t { width: 100%; height: 160px; margin: 0px auto; background: url(../images/in_sp_t.png) no-repeat 50% 50%; }

.in_sp .a { width: 1150px; height: auto; }
.in_sp .a .box { width: 232px; height: 185px; float: left; display: inline; margin: 30px 49px 20px 0px; border: 1px solid #efefef; background: #FFF; }
.in_sp .a .box .pic { width: 220px; height: 140px; margin: 6px 6px 6px 6px;  overflow: hidden; }
.in_sp .a .box .pic img { display: block; width: 100%; height: auto; }
.in_sp .a .box span{ display: block; font-size: 15px; padding: 0px; text-align: center; line-height: 26px; }
.in_sp .a .box .ico { width: 220px; height: 340px; position: relative; top: -262px; }
.in_sp .a .box .ico a { display: block; width: 100%; height: 340px; background: url(../images/ico_010.png) no-repeat 50% 50%; }
.in_sp .a .box .ico a:hover { display: block; width: 100%; height: 340px; background: url(../images/ico_011.png) no-repeat 50% 50%; }

@media (max-device-width: 768px){
    .in_sp .con { width: 100%; }
    .in_sp .a { width: 100%; }
    .in_sp .a .box { width: 45.5%; height: 180px; margin: 25px 0px 0px 3%; border: 0px; }
    .in_sp .a .box span { line-height: 20px; }
    .in_sp .a .box .pic { width: 100%; height: 130px; margin: 0px; overflow: hidden; }
    .in_sp .a .box .ico { width: 100%; height: 180px; margin: 0px; overflow: hidden; position: relative; top: -232px; }

}

/*** in_com area style ***/
.in_com { width: 100%; height: auto; margin: 0px auto; background: #f2f2f2; }
.in_com .con { width: 1100px; height: auto; margin: 0px auto; }
.in_com .t { width: 100%; height: 160px; margin: 0px auto; background: url(../images/in_com_t.png) no-repeat 50% 50%; }

.in_com .a { width: 1100px; height: auto; }
.in_com .a .box { width: 332px; height: 230px; float: left; display: inline; margin: 30px 49px 20px 0px; border: 1px solid #efefef; background: #FFF; }


.in_com .a .box .pic { width: 320px; height: 230px; margin: 6px 6px 6px 6px;  overflow: hidden; }
.in_com .a .box .pic img { display: block; width: 100%; height: auto; }
.in_com .a .box span{ display: block; font-size: 15px; padding: 0px; text-align: center; line-height: 26px; }
/*.in_com .a .box .ico { width: 320px; height: 230px; position: relative; top: -262px; }
.in_com .a .box .ico a { display: block; width: 100%; height: 230px; background: url(../images/ico_010.png) no-repeat 50% 50%; }
.in_com .a .box .ico a:hover { display: block; width: 100%; height: 230px; background: url(../images/ico_011.png) no-repeat 50% 50%; }*/

.in_com .a .box2 { width: 664px; height: 230px; float: left; display: inline; margin: 30px 0px 20px 0px; border: 1px solid #efefef; background: #FFF; }
.in_com .a .box2 p { padding: 15px; }


@media (max-device-width: 768px){
    .in_com .con { width: 100%; }
    .in_com .a { width: 100%; }
    .in_com .a .box { width: 94%; height: 180px; margin: 25px 0px 0px 3%; border: 0px; }
	.in_com .a .box2 { width: 94%; height: 350px; padding: 0px; margin: 25px 0px 0px 3%; border: 0px; }
    .in_com .a .box span { line-height: 20px; }
    .in_com .a .box .pic { width: 100%; height: 100%; margin: 0px; overflow: hidden; }


}



/*** in_xw area style ***/
.in_xw { width: 100%; height: auto; margin: 0px auto; }
.in_xw .con { width: 1100px; margin: 80px auto; padding: 50px 0px 0px 0px; }
.in_xw .t { width: 100%; height: 48px; margin: 0px auto; border-top: 1px solid #999; }
.in_xw .t h3 { display: block; width: 400px; height: 48px; margin: 0px auto; text-align: center; line-height: 48px; font-size: 40px; font-weight: 500; color: #666; background: #FFF; position: relative; top: -30px; }
.in_xw .t p { padding: 0px 20px; text-align: center; font-size: 18px; color: #999; position: relative; top: -15px; }

.in_xw .l { width: 520px; height: auto; float: left; margin: 40px 0px 0px 0px; }
.in_xw .r { width: 520px; height: auto; float: right; margin: 40px 0px 0px 0px; }
.in_xw ul { width: 100%; height: 265px; margin: 0px auto; }
.in_xw li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px dotted #dfdfdf; line-height: 56px; font-size: 16px; }
.in_xw li span { float: right; color: #BBB; }


@media (max-device-width: 768px){
    .in_xw { width: 100%; }
    .in_xw .con { width: 100%; }
    .in_xw .t {}
    .in_xw .t h3 { width: 100%; font-size: 32px; }
    .in_xw .l { width: 100%; }
    .in_xw .r { width: 100%; }
    .in_xw ul { width: 94%; height: 255px; margin: 0px auto; }
    .in_xw li { font-size: 13px; }
}







/********** cont area style **************************************************/
.tab { width: 1100px; height: auto; margin: 20px auto; border-bottom: 1px dotted #efefef; }
.tab span { display: block; height: 32px; float: left; margin-right: 5px; line-height: 32px; font-size: 13px; }
.tab #sp1 { background:url(../images/ico_001.png) no-repeat 0px 9px; padding-left:18px; }
.tab #sp2 { background:url(../images/ico_002.png) no-repeat 5px 12px; padding-left:18px; }
.tab #sp3 { float: right; padding-left: 13px; }


.cont { width: 1100px; height: auto; margin: 50px auto; }
.two { background: url(../images/bg1.png); }
.main { width: 780px; height: auto; float: left; min-height: 800px; margin: 0px; padding: 0px 54px 0px 0px; border-right: 1px dotted #dfdfdf; }
.side { width: 220px; height: auto; float: right; padding: 0px 0px 20px 0px; overflow: hidden; }


.con_t { width: 100%; height: 40px; margin: 30px 0px 30px 0px; border-bottom: 1px solid #efefef; }
.con_t span { width: 150px; height: 40px; float: left; padding: 0px 0px 0px 40px; line-height: 40px; font-size: 16px; font-weight: 500; border-bottom: 1px solid #53b9bb; background: url(../images/ico_008.png) no-repeat 0px 5px; }



@media (max-device-width: 768px){
    .cont { width: 100%; height: auto; margin: 0px auto; border-radius: 0px; box-shadow: 0px 0px 0px rgba(0,0,0,0.1); }
    .two { background: none; }
    .tab { width: 94%; margin: 5px 3% 10px 3%; }
    .main { width: 100%; clear: both; margin: 0px 0px 30px 0px; padding: 0px; border: 0; }
    .side { width: 100%; clear: both; margin: 0px 0px 30px 0px; padding: 0px; }
    .con_t { margin: 20px auto; }
    .wh { width: 94%; }     
}





/********** main style **********/
/***** lists style *****/
.lists { width: 100%; height: auto; margin: 30px auto; }
.lists .box { width: 100%; height: auto; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dotted #ccc; }
.lists .box h3 { font-size: 18px; font-weight: 500; }
.lists .box span { color: #00aa98; }
.lists .box a { color: #444; }
.lists .box p { color: #666; }


@media (max-device-width: 768px){
  .lists { width: 94%; }
}





/***** lista style *****/
.lista { width: 100%; height: auto; margin: 0px auto; }
.lista .box { width: 100%; height: auto; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dotted #dfdfdf; }
.lista .pic { width: 148px; height: 100px; float: left; border: 1px solid #efefef; overflow: hidden; }
.lista .pic .img { width: 144px; height: 96px; margin: 2px auto; overflow: hidden; }
.lista .text { width: 600px; height: 158px; float: right; }
.lista .text h3 { font-size: 22px; font-weight: 500; line-height: 24px; padding: 0px 0px 0px 0px; }
.lista .text h3 a { color: #333; }
.lista .text h3 a:hover { text-decoration: underline; }
.lista .text p { padding: 10px 0px 0px 0px; line-height: 24px; font-size: 15px; }
.lista .text p a { color: #999; }

@media (max-device-width: 768px){
    .lista { width: 94%; }
    .lista .box { height: auto; overflow: hidden; }
    .lista .box .pic { width: 120px; }
    .lista .box .pic .img { width: 116px; }
    .lista .box .pic .img img {  }
    .lista .box .text { width: 205px; height: 100px; overflow: hidden; }
    .lista .box .text h3 { padding: 0px 0px 0px 0px; line-height: 26px; font-size: 20px; font-weight: 500;  }
    .lista .text p { padding: 5px 0px 0px 0px; font-size: 12px; line-height: 22px; }
}





/***** listb style *****/
.listb { width: 1150px; height:auto; margin: 0px auto; }
.listb .box { width: 332px; height: 285px; float: left; display: inline; margin: 0px 49px 50px 0px; border: 1px solid #efefef; }
.listb .box .pic { width: 320px; height: 242px; margin: 6px 6px 6px 6px; overflow: hidden; }
.listb .box .pic img {  display: block; width: 100%; height: auto; }
.listb .box span{ display: block; font-size: 13px; padding: 0px; text-align: center; line-height: 22px; }


@media (max-device-width: 768px){
    .listb { width: 100%; }
    .listb .box{ width: 45.5%; height: 170px; margin: 25px 0px 0px 3%; border: 0; background: #f6f6f6; }
    .listb .box .pic{ width: 100%; height: 120px; margin: 0px 0px 10px 0px; }
    .listb .box span { line-height: 18px; font-size: 13px; }
}
/*** in_md area style ***/





/***** khal 客户案例 style *****/
.khal { width: 1128px; height: auto; }
.khal .box { width: 254px; height: 360px; float: left; display: inline; margin: 20px 28px 20px 0px; background: #f6f6f6; }
.khal .box .pic { width: 100%; height: 165px; margin: 0px 0px 6px 0px; overflow: hidden; }
.khal .box .pic img { width: 100%; height: auto; }
.khal .box span { display: block; font-size: 13px; padding: 0px; text-align: left; line-height: 25px; }

/* 按地区分�?*/
.fenlei { width: 100%; height: auto; margin: 15px auto; overflow: hidden; }
.fenlei .a { width: 1000px; height: auto; padding: 0px 0px 0px 100px; margin: 0px 0px 20px 0px; overflow: hidden; background: url(../images/fenlei1.png) no-repeat 0px 0px; }
.fenlei .a a { display: block; float: left; width: 120px; height: 38px; border: 1px dotted #53b9bb; margin: 0px 0px 10px 10px; text-align: center; line-height: 38px; font-size: 15px; font-weight: 600; color: #424242; }
.fenlei .a a:hover { color: #FFF; background: #ef0a29; }
/* xgxx area */
.xgxx { width: 1150px; height: auto; }
.xgxx .t { width: 1100px; height: 50px; margin: 0px 0px 50px 0px; border-bottom: 1px dotted #53b9bb; }
.xgxx .t h3 { display:block; width: 300px; height: 50px; margin: 0px auto; text-align: center; line-height: 50px; font-size: 16px; color: #53b9bb; background: #fafdf8; position: relative; top: 26px; }
.xgxx .box { width: 525px; height: 92px; float: left; margin: 0px 50px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dotted #ccc; }
.xgxx .box h3 { line-height: 42px; font-size: 18px; font-weight: 500; }
.xgxx .box span { color: #AAAAAA; }
.xgxx .box a { color: #00aa98; }
.xgxx .box a:hover { color: #444; }
.xgxx .box p { font-size: 14px; color: #666; }


@media (max-device-width: 768px){

    .fenlei {}
    .fenlei .a { width: 100%; padding: 0px; background: none; }
    .fenlei .a a { margin: 0px 0px 10px 10px; width: 105px; }

    .khal { width: 100%; }
    .khal .box{ width: 45.5%; height: 220px; margin: 25px 0px 0px 3%; }
    .khal .box .pic{ height: 110px; }
    .khal .box .text { line-height: 18px; font-size: 13px; }

    .xgxx { width: 100%; }
    .xgxx .t { width: 100%; }

    .xgxx .box { width: 94%; height: auto; margin: 0px 0px 20px 3%; overflow: hidden; }
    .xgxx .box .pic { width: 120px; }
    .xgxx .box .text { width: 205px; height: 100px; overflow: hidden; }
    .xgxx .box .text h3 { padding: 0px 0px 0px 0px; line-height: 26px; font-size: 20px; font-weight: 500; }
    .xgxx .text p { padding: 5px 0px 0px 0px; font-size: 12px; line-height: 22px; }  
}





/***** spzx style *****/
.spzx { width: 1150px; height: auto; }
.spzx .box { width: 332px; height: 285px; float: left; display: inline; margin: 30px 49px 20px 0px; border: 1px solid #efefef; background: #FFF; }
.spzx .box .pic { width: 320px; height: 240px; margin: 6px 6px 6px 6px; overflow: hidden; }
.spzx .box .pic img { display: block; width: 100%; height: auto; }
.spzx .box span{ display: block; font-size: 13px; padding: 0px; text-align: center; line-height: 22px; }
.spzx .ico { width: 320px; height: 240px; position: relative; top: -262px; }
.spzx .ico a { display: block; width: 100%; height: 240px; background: url(../images/ico_010.png) no-repeat 50% 50%; }
.spzx .ico a:hover { display: block; width: 100%; height: 240px; background: url(../images/ico_011.png) no-repeat 50% 50%; }

@media (max-device-width: 768px){
    .spzx { width: 100%; }
    .spzx .box { width: 45.5%; height: 180px; margin: 25px 0px 0px 3%; border: 0px; }
    .spzx .box .pic { width: 100%; height: 130px; margin: 0px; overflow: hidden; }
    .spzx .box .ico { width: 100%; height: 180px; margin: 0px; overflow: hidden; position: relative; top: -232px; }
}





/* fy style */
.fy { width: 100%; height: 28px; margin: 30px auto; }
.fy p { text-align: center; }
.fy a { display: block; float: left; width: 40px; height: 28px; margin: 3px 3px; border: 1px solid #CCC; border-radius: 3px; text-align:center; line-height: 28px; color: #666; overflow: hidden; }
.fy a:hover { color: #FFF; background: #c5271e; }







/***** info style *****/
.info { width:100%; height:auto; margin: 0px auto; padding: 0px 0px 20px 0px; overflow:hidden; }
.info p { margin: 0px auto; padding: 10px 0px; line-height:28px; font-size: 15px; }
.info .a .box3 { width: 300px; height: auto; float: left; display: inline; margin: 30px 49px 20px 20px; border: 1px solid #efefef; background: #FFF; }
.info .a .box4 { width: 100%; height: auto; float: left; display: inline; margin: 10px 0px 10px 0px; border: 1px solid #efefef; background: #FFF; }
.in_com .a .box3 .pic2 { width: 300px; height: auto; margin: 6px 6px 6px 6px;  overflow: hidden; }




.info .top { width: 100%; height: auto; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
.info .top h1 { line-height: 42px; text-align: left; font-size: 28px; font-weight: 400; color: #333; }
.info .top h2 { padding: 0px 0px 10px 0px; border-bottom: 1px dotted #efefef; line-height:38px; text-align:left; font-size:24px; font-weight:400; color:#444; }

.info .top p { display:block; font-size:12px; text-align:left; line-height:26px; margin: 0px 0px 0px 0px; color: #555; }
.info .top c { display:block; font-size:12px; text-align:left; line-height:26px; margin: 0px 0px 0px 0px; color: #555; }

@media (max-device-width: 768px){
    .info { width: 94%; }
    .info p { font-size: 16px; }
    .info .top { margin: 0px 0px 0px 0px; }
    .info .top h1 { font-size: 20px; }
    .info .top h2 { font-size: 18px; }
}





.before_after { width: 100%; height: auto; margin: 30px auto; overflow: hidden; }
.before_after span { display: block; width: 100%; font-size: 16px; font-weight: 500; line-height: 26px; }
.baidufx { width: 100%; height: 38px; margin: 0px auto; }





/* 相关客户 */
.xgkh { width: 801px; height: auto; margin: 0px 0px 0px 0px; overflow: hidden; }
.xgkh .box { float: left; width: 246px; height: 180px; margin: 15px 21px 20px 0px; overflow: hidden; background: #f6f6f6; }
.xgkh .box .pic { width: 100%; height: 150px; margin: 0px 0px 6px 0px; overflow: hidden; }
.xgkh .box .text { display: block; font-size: 13px; padding: 0px; text-align: left; line-height: 30px; }



@media (max-device-width:768px){
    .xgkh { width: 100%; margin: 0px 0px 30px 0px; }
    .xgkh .box { width: 45.5%; height: 230px; margin: 25px 0% 0px 3%; }
    .xgkh .box .pic { height: 110px; }
    .xgkh .box text { line-height: 18px; font-size: 13px; }
}





/* 相关门店 */
.xgsp { width: 801px; height: auto; margin: 0px 0px 0px 0px; overflow: hidden; }
.xgsp .box { float: left; width: 246px; height: 194px; margin: 15px 21px 20px 0px; overflow: hidden; background: #f6f6f6; }
.xgsp .box .pic { width: 100%; height: 150px; margin: 0px 0px 6px 0px; overflow: hidden; }
.xgsp .box span{ display: block; font-size: 13px; padding: 0px; text-align: center; line-height: 32px; }

@media (max-device-width:768px){
    .xgsp { width: 100%; margin: 0px 0px 30px 0px; }
    .xgsp .box { width: 45.5%; height: 156px; margin: 25px 0% 0px 3%; }
    .xgsp .box .pic { height: 110px; }
    .xgsp .box span { line-height: 18px; font-size: 13px; }
}





/* 相关动�?*/
.xgdt { width: 820px; height: auto; margin: 0px 0px 0px 0px; }
.xgdt ul { width: 100%; margin: 10px auto; }
.xgdt ul li { width: 370px; height: auto; float: left; margin: 0px 40px 0px 0px; line-height: 48px; font-size: 16px; border-bottom: 1px dotted #dfdfdf; background: url(../images/ico_007.png) no-repeat 0px 22px; }
.xgdt ul li a { float: left; margin: 0px 0px 0px 12px; }
.xgdt ul li span { float: right; padding: 0px 0px 0px 0px; font-size: 14px; line-height: 48px; color: #aaa; }


@media (max-device-width:768px){
    .xgdt { width: 94%; margin: 0px 3% 30px 3%; }
    .xgdt ul li { width: 100%; margin: 0px; }
}







/********** side style **********/
/* s_sq 侧边栏申请区 style */
.s_sq { width: 100%; height: auto; padding: 5px 0px 0px 0px; margin: 0px 0px 40px 0px; z-index: 500; }
.s_sq .t { width: 100%; height: 45px; background: url(../images/s_sq.png) repeat-x; }
.s_sq #input1 { width: 186px; height: 32px; margin: 15px 0px 0px 0px; padding: 0px 15px; }
.s_sq #input2 { width: 220px; height: 38px; margin: 15px 0px 0px 0px; border: 0px; border-radius: 3px; color: #FFF; background: #009c86; }
.s_sq #select1 { width: 102px; height: 32px; margin: 15px 0px 0px 0px; }

@media (max-device-width:768px){
    .s_sq { width: 94%; margin: 20px 3% 0px 3%; padding: 0px; }
    .s_sq #input1 { width: 306px; height: 38px; }
    .s_sq #input2 { width: 338px; height: 46px; }
    .s_sq #select1 { width: 162px; height: 38px; }
}





/* s_nav area style */
.s_nav { width: 100%; height: auto; margin: 0px 0px 40px 0px; }
.s_nav a { display: block; float: left; width: 49%; height: 38px; margin: 1.5px 0.5%; border-radius: 3px; text-align: center; line-height: 38px; font-size: 16px; color: #00aa98; background: #e9e9e9; }
.s_nav a:hover { display: block; color: #555; }


@media (max-device-width:768px){
    .s_nav { width: 94%; margin: 40px 3% 0px 3%; }
}





/* s_hot area style */
.s_hot { width: 100%; height: auto; margin: 0px 0px 40px 0px; overflow: hidden; }
.s_hot .t { width: 100%; height: 40px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #efefef; }
.s_hot .t h3 { width: 70px; height: 40px; float: left; padding: 0px 0px 0px 30px; line-height: 40px; font-size: 16px; border-bottom: 1px solid #53b9bb; background: url(../images/ico_004.png) no-repeat 0px 6px; }
.s_hot .t a { float: right; line-height: 42px; font-size: 14px; color: #3e3e3e; }

.s_hot .box { width: 100%; height: auto; padding: 15px 0px; border-bottom: 1px dotted #d9d9d9; }
.s_hot .pic { width: 88px; height: 70px; float: left; border: 1px solid #dfdfdf; }
.s_hot .pic img { width: 100%; height: 70px; }
.s_hot .text { width: 120px; height: 70px; float: right; }
.s_hot .text h6 { margin: 0px 0px 10px 5px; line-height: 20px; font-size: 14px; }
.s_hot .text .sp1 { display: block; padding: 0px 0px 0px 20px; line-height: 24px; font-size: 13px; background: url(../images/ico_009.png) no-repeat 0px 4px; }
.s_hot .text .sp2 { display: block; padding: 0px 0px 0px 5px; line-height: 16px; font-size: 13px; color: #53b9bb; }
.s_hot .text .sp2 a { color: #53b9bb; }

@media (max-device-width:768px){
    .s_hot { width: 94%; margin: 50px 0px 20px 3%; }
    .s_hot .text { width: 240px; height: 70px; float: right; }
}





/* s_lx area style */
.s_lx { width: 100%; height: auto; margin: 21px 0px 0px 0px; overflow: hidden; }
.s_lx .t { width: 100%; height: auto; margin: 0px 0px 10px 0px; border-bottom: 1px solid #efefef; }
.s_lx .t h3 { width: 220px; height: 40px; float: left; padding: 0px 0px 0px 40px; line-height: 40px; font-size: 16px; font-weight: 500; border-bottom: 1px solid #ffffff; background: url(../images/lxwm.jpg) no-repeat 0px 5px; }
.s_lx .t h4 { width: 220px; height: 101px; float: left; padding: 0px 0px 0px 40px; line-height: 40px; font-size: 16px; font-weight: 500; border-bottom: 1px solid #ffffff; background: url(../images/lxwm2.jpg) no-repeat 0px 5px; }
.s_lx .t img { width: 100%; height: auto; }

.s_lx .gf { width: 100%; height: 300px; }


.s_lx .lx { width: 100%; height: 320px; margin: 20px 0px 0px 0px; background: url(../images/s_lx.png) no-repeat 50% 0px; }
.s_lx .lx p { padding: 170px 0px 0px 0px; text-align: center; line-height: 32px; }


@media (min-device-width:768px){
    #sidebar.fixed { width: 220px; position: fixed; top: 3px; }
}
@media (max-device-width:768px){

    .s_lx { width: 94%; margin: 40px 3% 15px 3%; }
	.s_lx .t h3 { width: 100%; }
	.s_lx .t h4 { width: 100%; }
	.s_lx .lx { width: 100%; }
    .s_lx .t { width: 100%; }

}







/*****foot style*****/
.link { width: 100%; height: auto; margin: 0px auto; }
.link .con { width: 1150px; height: auto; margin: 0px auto; }
.link p { text-align: left; line-height: 32px; color: #999; }
.link p a { color: #999; }





/*****foot style*****/
.foot { width: 100%; height: 300px; margin: 0px auto; padding: 10px 0px 0px 0px; background: #323232; }
.foot .t { height: 290px; background: url(../images/foot_t.jpg) no-repeat 50% 0px; }
.foot .copyright { width: 1100px; height: auto; margin: 0px auto; }
.foot .copyright p { padding: 0px 0px; font-size: 13px; text-align: center; line-height: 28px; color: #CCC; }
.foot .copyright p a { color: #CCC; }


@media (min-device-width:768px){
    .foot .tel { display: none; }
}
@media (max-device-width:768px){
    .link { width: 94%; }
    .link .con { width: 100%; }

    .foot { height: auto; }
    .foot .t { display: none; }
    .foot .copyright { width: 96%; }
    
    .foot .tel { display: block; width: 100%; height: 55px; position: fixed; bottom: 0px;  z-index: 999; }
    .foot .tel a { display: block; width: 50%; height: 55px; margin: 0px auto; }
    .foot .tel img { width: 100%; height: 50px; }
}

.info .zy { width: 708px; height: auto; padding: 15px 25px; margin: 20px auto; border: 1px dashed #d4be84; }
.info .zy p { padding: 3px; line-height: 18px; color: #996633; }


@media (max-device-width:768px){
.info .zy { width: 94%; height: auto; padding: 1px 2px; margin: 2px auto; border: 1px dashed #d4be84; }
.info .zy p { padding: 3px; line-height: 18px; color: #996633; }


}

.info .tags { width: 100%; height: auto; }
.info .tags p { padding: 60px 0px 0px 0px; color: #888; }
.info .tags a { padding: 0px 10px; line-height: 22px; text-decoration: underline; color: #888; }
.s_tags { width: 100%; height: auto; margin: 0px 0px 40px 0px; overflow: hidden; }
.s_tags .t { width: 100%; height: 40px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #000000; }
.s_tags .t h3 { width: auto; height: 40px; float: left; padding: 0px 10px 0px 40px; line-height: 40px; font-size: 16px; color: #000000; font-weight: 500; border-bottom: 1px solid #ff6800; background: url(../images/ico_009.png) no-repeat 0px 5px; }
.s_tags a { display: block; float: left; padding: 10px 10px; margin: 10px 5px 0px 0px; border: 1px solid #CCC; border-radius: 5px; line-height: 22px; font-size: 14px; color: #000000; }