@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: #000000; }
.head .con { width: 1100px; height: auto; margin: 0px auto; }
.head .logo { width: 1100px; height: 97px; float: center; background: url(../images/logo.png) no-repeat 50% 50%; }
.head .nav { width: 990px; 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: 650px; margin: 0px auto; background: url(../images/slider1.jpg) no-repeat 50% 0px; }
/* banner */
.banner { width: 100%; height: 650px; overflow: hidden; background: url(../images/slider1.jpg) 50% 0px no-repeat; }
/* banners */
.banners { width: 100%; height: 650px; overflow: hidden; background: url(../images/slider1.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: 285px; 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: 18px; 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: 230px; margin: 25px 0px 0px 3%; }
    .in_kh .b .box .pic{ height: 110px; }
    .in_kh .b .box .text{ line-height: 15px; font-size: 14px; 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: 295px; float: left; display: inline; margin: 30px 49px 20px 0px; border: 1px solid #efefef; background: #FFF; }

.in_com .a .box .pic { width: 320px; height: 280px; 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: 15px; 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: 295px; 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: 420px; 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: 100px; float: right; }
.lista .text h3 { font-size: 22px; font-weight: 500; line-height: 40px; 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: 320px; 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: 50px; 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 .top { width: 1100px; height: auto; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
.info .top h1 { line-height: 14px; 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:30px; margin: 10px 0px 5px -10px; color: #555; }
.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: 1100px; height: auto; float: left; display: inline; margin: -8px 0px -11px 414px; border: 1px solid #efefef; background: #FFF; }
.info .a .box5 { 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; }
    .info .a .box4 { width: 100%; height: auto; float: left; display: inline; margin: 10px 0px 10px 0px; border: 1px solid #efefef; background: #FFF; }

}





.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: 100%; height: 38px; }
    .s_sq #input2 { width: 100%; 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 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 .gf { width: 100%; height: 108px; }
    .s_lx { width: 94%; margin: 40px 3% 15px 3%; }
    .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: 310px; margin: 0px auto; padding: 10px 0px 0px 0px; background: #323232; }
.foot .t { height: 310px; 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; text-align: left;}


@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; text-align: left; }


}

.info .zys { width: 94%; height: auto; padding: 15px 25px; margin: 20px auto; border: 1px dashed #d4be84; }
.info .zys p { padding: 3px; line-height: 18px; color: #996633; text-align: left;}


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


}

.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; }



/*pro_box*/
.pro_box{
	margin-top: 30px;
}
.oth_pro_fl{
	margin-bottom: 30px;
	width: 255px;
	border: 2px solid #145dc4;
}
.oth_pro_title{
	height: 110px;
	width: 100%;
	background: #145dc4;
}
.oth_pro_title p{
	padding-top: 20px;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
}
.oth_pro_title span{
text-align: center;
color: #ffffff;
font-size: 16px;
display: block;
margin-top: 20px;
text-transform:uppercase;
}

.pro_menu{
	margin-bottom: 50px;
	padding: 15px;
	
}
.pro_menu ul li{
	width: 100%;
	margin-bottom: 10px;
	
}
.pro_menu ul li p{
	height: 46px;
	background: #145dc4 ;

	display: block;
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	color: #ffffff;
}
.pro_menu ul li p:hover{
	background: #ff7f26 !important;
}
.pro_menu ul li>p>a{
	
	color: #ffffff;
}
.second{
	display: none;
}
.second a{
	display: block;
	color: #645c5c;
	font-size: 13px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin-bottom: 1px;
	background: #f5f5f5 !important;
}
.second a:hover{
	font-size: 15px;
	color: #007AFF;
}
.second a.hover{
	font-size: 15px;
	color: #007AFF;
}
.pro_on{
	background: #ff7f26 !important;
}
.oth_tel{
	width: 100%;
	height: 98px;
	background: #145dc4;
	margin-top: 10px;
}
.oth_tel p:nth-child(1){
	color: #FFFFFF;
	font-size: 24px;
	padding-top: 20px;
	text-align: center;
}
.oth_tel p:nth-child(2){
	color: #FFFFFF;
	font-size: 18px;
	padding-top: 20px;
	text-align: center;
}

.oth_pro_fr{
	width: 925px;
}
.oth_pro_fr ul li {
	float: left;
	width: 273px;
	    margin-left: 35px;
	    margin-bottom: 30px;
}
.oth_pro_fr ul li .oth_pro_img{
		width: 273px;
	height: 183px;
	display: block;
	
	overflow: hidden;
}
.oth_pro_img img{
		max-width: 100%;
    min-height: 100%;
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
}
.oth_pro_img:hover img{
		 transform: scale(1.14, 1.14);
    -ms-transform: scale(1.14, 1.14);
    -webkit-transform: scale(1.14, 1.14);
    opacity: 1;
}
.oth_pro_txt{
	height: 45px;
	display: block;
	line-height: 45px;
	color: #1c1d1f;
	font-size: 25px;
	text-align: center;
}
.oth_pro_fr ul li:hover .oth_pro_txt{
	background: #145dc4;
	color: #FFFFFF;
}

/*i_benner*/
.i_benner{
	width: 100%;
	height: 562px;
	}
.other_position{
	overflow: hidden;
	width: 100%;
	background: url(/App_Index/Public/images/js_bg2.jpg) no-repeat center;
	height: 67px;
}

.position_img{
	margin-top: 10px;
}
.position_txt{
	margin-top: 20px;
}
.position_txt p{
	height: 24px;
	padding-left: 30px;
	margin-left: 10px;
	background: url(../img/wz.png) no-repeat  left;
}
.other_title{
	margin-top: 60px;
	text-align: center;
}
.other_title h2{
	font-size: 24px;
	color: #145dc4;
	font-weight: bold;
}
.other_title p:nth-child(2){
	color: #a39292;
	margin-top: 10px;
	font-size: 14px;
	text-transform:uppercase;
}
.other_title p:nth-child(3){
	margin-top: 20px;
	width: 80px;
	margin: 20px auto;
	border-bottom: 2px solid #ff7f26;
}



/*submenu*/

.submenu{
	  position: fixed;
    height: auto;
    padding-bottom: 30px;
    width: 100%;
   top: 153px;
    background: rgba(237, 237, 237, 0.95);
   
    z-index: 10000;
    display: none;
}
.menu_nav{
	    float: left;
    width: 230px;
    
    margin-left: 10px;   
}
.menu_nav ul{
	padding-top: 20px;
}
.menu_nav li h2 a{
	display: block;
}
.menu_nav li h2 .nav_bt{
	font-weight: bold;
    font-size: 18px;
    color: #333;
        width: 230px;
    padding-bottom: 18px;
}
.nav_bt:hover{
	color:#145DC4 !important;
}
.menu_nav li h2 span{
	  font-size: 13px;
    color: #999;
    font-weight: normal;
    margin-bottom: -19px;
    padding: 0;
    padding-bottom: 18px;
    line-height: 26px;
    margin-right: 0;
    background: none;
    display: block;
    float: right;
}
.menu_nav li a{
	display: inline-block;
    line-height: normal;
    font-weight: normal;
    padding: 0;
}
.sub_img img{
	    width: 230px;
    height: 179px;
    overflow: hidden;
   margin-bottom: 5px;
    display: block;
   }

.menu_nav li a img {
	display: block;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
}

.menu_nav li a:hover img {
	transform: matrix(1.04, 0, 0, 1.04, 0, 0);
	-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
	-o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
	-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
	-ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}

.menu_nav li span a{
	margin-right: 13px;
	font-weight: bold;
    color: #333;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 4px;
}
.menu_nav li span a:hover{
	color: #145DC4;
}
.menu_nav li p{
height: auto;
width: 174px;
    overflow: hidden;
}

.menu_nav li p a{
font-size: 12px;
    color: #666;
    margin-right: 3px;
    position: relative;
    top: 2px;
    padding: 4px 0;
}
.menu_nav li p a:hover{
	color: #145DC4;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	height: auto;
}

/*oth_lc*/


.oth_lc{
	margin-top: 60px;
	width: 100%;
	height: 675px;
	background: url(/App_Index/Public/images/pro_bg.jpg) no-repeat center;
}
.other_title2{
	text-align: center;
	padding-top: 30px;
}

.other_title2 h2{
	font-size: 24px;
	color: #000000;
	font-weight: bold;
}
.other_title2 p:nth-child(2){
	color: #000000;
	margin-top: 10px;
	font-size: 14px;
	text-transform:uppercase;
}
.other_title2 p:nth-child(3){
	margin-top: 20px;
	width: 80px;
	margin: 20px auto;
	border-bottom: 2px solid #ff7f26;
}
.lc_box{
	
	margin-top: 40px;
	background: #f2f2f2;
	padding-bottom: 20px;
}
.lc_box img{
	padding-top: 30px;
	display: block;
	text-align: center;
	padding-bottom: 30px;
}
@media (max-device-width:768px){
.oth_lc{
    margin-top: 60px;
    width: 100%;
    height: 410px;
    background: url(/App_Index/Public/images/pro_bg.jpg) no-repeat center;
}
}