/* CSS Document */

body { margin: 0; padding: 0; line-height: 30px; font-family: 'Microsoft YaHei'; font-size: 14px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; }

img { display: block; }

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }
.blank90 { width: 100%; height: 90px; clear: both; }
.blank100 { width: 100%; height: 100px; clear: both; }
.blank110 { width: 100%; height: 110px; clear: both; }
.blank120 { width: 100%; height: 120px; clear: both; }
.blank130 { width: 100%; height: 130px; clear: both; }
.blank140 { width: 100%; height: 140px; clear: both; }
.blank150 { width: 100%; height: 150px; clear: both; }

/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max { position: relative; overflow: hidden; }

.m_top_head { float: right; margin-top: 8px; }

.m_top_head img { float: left; margin: 6px 5px; border: none; }


.m_top_head font { float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #c70004; line-height: 25px; font-weight: normal; }

.m_top_head font b { font-size: 16px; font-weight: bold; font-style: normal; padding: 0 6px; }

.m_top_head font img { float: right; margin: 0px 5px; }


.m_logo { width: 313px; height: 92px; float: left; }
.m_logo img{width: 313px;}

.m_xyong { width: 521px; height: 61px; float: left; margin: 30px 0 0 110px; }
.m_xyong img{width: 521px;}

.m_top_wx { float: right; margin: 0px; }

.m_top_wx span { float: left; width: 80px; padding-top: 30px; padding-right: 10px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #666666; line-height: 25px; font-weight: normal; text-align: right; }

.m_top_wx img { float: right; border: 1px solid #c70004; margin-top: 5px; margin-right: 8px; }


.m_nav_bann_btxt { position: relative; z-index: 96; height: 740px; background: #fff; }





.m_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 606px; background: #fff; position: relative; z-index: 19; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }
/*#myFocus { width: 1920px; height: 606px; display: block; margin: 0 auto; }*/


#fropic { width: 1920px; *width: 1920px; _width: 1920px; height: 606px; position: relative; margin: 0 auto; z-index: 1; top: 0; left: 50%; margin-left: -952px; *margin-left: -952px; _margin-left: -952px; overflow: hidden; }
#fropic a { color: #333; }
#fropic * { border: 0; padding: 0; margin: 0; }
#fropic .Fimg { position: relative; }
#fropic .Fimg li { position: absolute; top: 0; left: 0; background: #fff; }
#fropic .Fimg li img { border: 0px solid #FFFFFF; margin: 0; }
#fropic .Nubbt { position: absolute; z-index: 9; display: block; margin: 0 auto; left: 46%; bottom: 90px; line-height: 12px; }
#fropic .Nubbt span { width: 12px; height: 12px; background: #fff; display: inline-block; margin: 0 20px; font-style: normal; cursor: pointer; font-size: 12px; color: #fff; text-align: center; }
#fropic .Nubbt span.on { width: 12px; height: 12px; background: #c70004; cursor: pointer; font-size: 12px; color: #c70004; text-align: center; }



.m_index_bantt { width: 1200px; display: block; margin: 540px auto 0 auto; height: 148px; background: url(../images/index_gbook.jpg) no-repeat center bottom; position: relative; z-index: 40; }

.m_index_bantt h5 { width: 640px; height: 60px; float: left; margin: -50px 20px 20px 20px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 60px; font-weight: normal; text-align: left; }
.m_index_bantt h5 font { float: left; padding-right: 10px; font-family: 'Microsoft YaHei'; font-size: 27px; color: #fff; line-height: 60px; font-weight: normal; text-align: left; }


.m_index_bantt h4 { width: 600px; height: 71px; float: right; margin: -94px 0px 20px 20px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 30px; font-weight: normal; text-align: left; }

.m_index_bantt h4 img { float: left; margin: 0 10px 0 0; border: none; }

.m_index_bantt h4 b { width: 540px; height: 30px; float: left; margin-top: 15px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; line-height: 30px; font-weight: normal; text-align: left; font-style: normal; }

.m_index_bantt h4 font { width: 540px; height: 30px; float: left; margin-top: 0px; font-family: 'Microsoft YaHei'; font-size: 20px; color: #fff; line-height: 30px; font-weight: bold; text-align: left; font-style: normal; }


.m_index_bantt_bg { width: 1160px; height: 40px; float: left; background: none; margin: -14px 0 0 20px; }


.tabt1 { width: 240px; height: 40px; float: left; padding-left: 10px; margin-right: 10px; background: none; border: 1px solid transparent; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 40px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }
.tabt2 { width: 220px; height: 40px; float: left; padding-left: 10px; margin-left: 0px; background: none; border: 1px solid transparent; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 40px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }
.tabt3 { width: 220px; height: 40px; float: left; padding-left: 12px; margin-left: 16px; background: none; border: 1px solid transparent; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 40px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }
.tabt4 { width: 220px; height: 40px; float: left; padding-left: 12px; margin-left: 20px; background: none; border: 1px solid transparent; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 40px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }


.tabt5 { width: 139px; height: 43px; float: left; padding-left: 20px; margin-left: 14px; background: url(../images/btn1.jpg) no-repeat left bottom; border: 1px solid transparent; font-family: Microsoft YaHei; font-size: 15px; color: #c50004; line-height: 58px\9; line-height: 40px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }



.m_index { width: 1200px; height: auto; margin: 0 auto; position:relative;    }


.s_index { width: 1200px; height: auto; margin: 0 auto; position:relative; z-index:88; }


.m_design { width: 274px; height: 360px; float: left; }
.img-scroll { position: relative; z-index: 29; width: 274px; height: 360px; float: left; }
.img-scroll .prev, .img-scroll .next { position: absolute; z-index: 20; display: block; width: 22px; height: 47px; background-color: #000; top: 160px; color: #FFF; text-align: center; line-height: 47px; cursor: pointer; }
.img-scroll .prev { left: 0; }
.img-scroll .prev:hover { background: #c70004; }
.img-scroll .next { right: 0; }
.img-scroll .next:hover { background: #c70004; }
.img-list { position: relative; width: 274px; height: 360px; float: left; z-index: 15; overflow: hidden; }
.img-list ul { width: 9999px; }
.img-list li { float: left; display: inline; width: 274px; height: 360px; background-color: #000; text-align: center; line-height: 360px; color: #fff; position: relative; z-index: 20; }
.img-list li a img { position: relative; z-index: 10; }
.img-list li a img { display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.img-list li a:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.img-list li a h3 { width: 274px; height: 58px; float: left; background: url(../images/bgn1.png) repeat left bottom; margin-top: -58px; position: relative; z-index: 17; }
.img-list li a h3 font { float: left; padding: 0 10px 0 20px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 58px; text-align: left; font-weight: normal; }
.img-list li a h3 b { padding-left: 0px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 58px; text-align: left; font-weight: normal; font-style: normal; }


/*客户感言*/
.m_recoll { width: 916px; height: 358px; float: right; border: 1px solid #eee; }

.m_recoll_cokk { width: 892px; height: 44px; float: left; margin: 0 0 0 12px; border-bottom: 1px solid #eee; }

.m_recoll_cokk h3 { width: 300px; height: 44px; float: left; font-family: Microsoft YaHei; font-size: 18px; color: #333333; line-height: 44px; text-align: left; font-weight: bold; font-style: normal; }

.m_recoll_cokk a { float: right; font-family: Microsoft YaHei; font-size: 14px; color: #c50004; line-height: 44px; text-align: left; font-weight: normal; font-style: normal; text-transform: uppercase; }



.m_recoll_type { width: 496px; height: 358px; float: left; margin: 10px 0 0 10px; }

.m_recoll_type dl { width: 496px; height: auto; float: left; margin: 0px; }

.m_recoll_type dl dt { width: 496px; height: 170px; float: left; margin: 0px; }

.m_recoll_type dl dt a img { float: left; margin: 0 5px; border: none; }


.m_recoll_type dl dt a h3 { width: 236px; height: 40px; float: right; font-family: Microsoft YaHei; font-size: 16px; color: #333333; line-height: 40px; text-align: left; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }

.m_recoll_type dl dt a h4 { width: 236px; height: 69px; float: right; margin-top: 8px; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 23px; text-align: left; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }


.m_recoll_type dl dt a h5 { width: 236px; height: 30px; float: right; margin-top: 10px; font-family: Microsoft YaHei; font-size: 14px; color: #333333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }

.m_recoll_type dl dd { width: 496px; height: 30px; float: left; margin-top: 2px; background: url(../images/dd1.jpg) no-repeat 5px 50%; }
.m_recoll_type dl dd a { width: 374px; height: 30px; float: left; margin-left:20px; font-family: Microsoft YaHei; font-size: 14px; color: #333333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }
.m_recoll_type dl dd a:hover { color: #c70004; }
.m_recoll_type dl dd font { float: right; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; }


.m_recoll_right { width: 336px; height: 358px; float: right; margin: 12px 20px 0 0; }

.m_recoll_right ul li { width: 336px; height: 30px; float: left; margin-top: 7px; background: url(../images/dd1.jpg) no-repeat left 50%; }
.m_recoll_right ul li a { width: 314px; height: 30px; float: left; margin-left:20px; font-family: Microsoft YaHei; font-size: 14px; color: #333333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }
.m_recoll_right ul li a:hover { color: #c70004; }

/*装修计算器*/

.m_zhuangxiu { width: 456px; height: 512px; float: left; }

.m_zhuangxiu_title { width: 456px; height: 50px; float: left; overflow: hidden; }


.m_zhuangxiu_bg { width: 454px; height: 460px; float: left; border: 1px solid #eee; border-top: 1px solid #fff; margin-top: -1px; overflow: hidden; }

.m_zhuangxiu_bg_cokk { width: 434px; float: left; height: 30px; padding-left: 16px; font-family: Microsoft YaHei; font-size: 14px; color: #c70004; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }
.m_zhuangxiu_bg dl { width: 440px; float: left; margin: 0px 0 10px 8px; }

.m_zhuangxiu_bg dl dt { width: 440px; height: 36px; margin-top: 12px; float: left; }


.m_zhuangxiu_bg dl dt h3 { width: 70px; height: 34px; float: left; padding-left: 10px; padding-right: 5px; font-family: "Microsoft YaHei"; font-size: 14px; color: #333333; line-height: 30px; text-align: left; font-weight: normal; }
.m_zhuangxiu_bg dl dt h3 font { color: #c70004; }

.taba1 { width: 100px; height: 32px; float: left; padding-left: 10px; background: #fff; border: 1px solid #e5e5e5; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 32px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

.taba2 { width: 134px; height: 32px; float: left; padding-left: 10px; background: #fff; border: 1px solid #e5e5e5; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 32px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }
.taba3 { width: 100px; height: 32px; float: left; padding-left: 10px; background: #fff url(../images/dd2.jpg) no-repeat 90px 10px; border: 1px solid #e5e5e5; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 32px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

.ui-select { width: 110px; height: 32px; float: left; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 32px; text-align: left; font-weight: normal; cursor: pointer; }

.ui-select select { width: 100%; height: 32px; float: left; padding-left: 10px; opacity: 1; position: relative; top: 0; left: 0; background: url(../images/wapIcons.jpg) no-repeat 97% 5px; border: 1px solid #d2d2d2; }
/*小三角图标*/
.icon-down { display: inline-block; width: 30px; height: 16px; background: url(../images/wapIcons.jpg) no-repeat 97% 5px; }


.uio-select { width: 145px; height: 32px; float: left; margin-left: 2px; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 32px; text-align: left; font-weight: normal; cursor: pointer; }

.uio-select select { width: 100%; height: 32px; float: left; padding-left: 10px; opacity: 1; position: relative; top: 0; left: 0; background: url(../images/wapIcons.jpg) no-repeat 97% 5px; border: 1px solid #d2d2d2; }

.m_zhuangxiu_bg dl dd { width: 440px; height: auto; margin-top: 12px; float: left; }

.m_zhuangxiu_bg dl dd h3 { width: 70px; height: 34px; float: left; padding-left: 10px; padding-right: 5px; font-family: "Microsoft YaHei"; font-size: 14px; color: #333333; line-height: 30px; text-align: left; font-weight: normal; }

.taba4 { width: 330px; height: 32px; float: left; padding-left: 10px; background: #fff; border: 1px solid #e5e5e5; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 32px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

.taba5 { width: 330px; height: 78px; float: left; padding-left: 10px; background: #fff; border: 1px solid #e5e5e5; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 32px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

.taba6 { width: 420px; height: 45px; float: left; padding-left: 10px; margin-left: 10px; margin-top: 10px; background: #c70004; border: 1px solid #c70004; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 58px\9; line-height: 45px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }


/*首页 关于佳宇*/

.m_about { width: 705px; height: 512px; float: right; background: #fff; }
.m_about_cokk { width: 705px; height: 50px; float: left; border-bottom: 1px solid #eee; }

.m_about_cokk h3 { width: 175px; height: 46px; float: left; padding-top: 2px; border-bottom: 6px solid #c70004; font-family: Microsoft YaHei; font-size: 30px; color: #222; line-height: 36px; text-align: left; font-weight: bold; font-style: normal; }

.m_about_cokk h3 img { float: left; margin: 0 10px 0 0; border: none; }

.m_about_cokk h4 { width: 320px; height: 30px; float: left; margin-top: 10px; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.m_about_cokk h4 font { color: #c70004; }


.m_about_cokk h5 { width: 152px; height: 46px; float: right; margin-top: 4px; background: url(../images/more1.png) no-repeat left bottom; }
.m_about_cokk h5 a { padding-left: 45px; padding-right: 20px; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 46px; text-align: left; font-weight: normal; font-style: normal; }



.m_about_con { width: 705px; height: auto; float: left; padding-top: 20px; font-family: Microsoft YaHei; font-size: 37px; color: #333; line-height: 40px; text-align: left; font-weight: normal; font-style: normal; }



.m_about_con h3 { width: 705px; height: 40px; float: left; margin-top: 18px; font-family: Microsoft YaHei; font-size: 37px; color: #333; line-height: 40px; text-align: left; font-weight: normal; font-style: normal; padding: 10px 0; overflow: hidden; }

.m_about_con h4 { width: 705px; height: 40px; float: left; font-family: Arial; font-size: 36px; color: #e5e5e5; line-height: 40px; text-align: left; font-weight: normal; font-style: normal; text-transform: uppercase; padding: 10px 0; letter-spacing: 1px; overflow: hidden; }


.m_about_con h5 { width: 710px; height: 150px; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; line-height: 30px; text-align: justify; font-weight: normal; font-style: normal; letter-spacing: .2px; text-transform: uppercase; padding: 10px 0; letter-spacing: 1px; overflow: hidden; }


.m_about_con h5 a { padding-left: 0px; color: #c70004; }


.m_about_con ul { width: 705px; height: 112px; float: left; background: url(../images/index_list_bg1.jpg) no-repeat left bottom; }

.m_about_con ul li { width: 176px; height: 112px; float: left; font-family: 'Microsoft YaHei'; font-size: 24px; color: #fff; line-height: 30px; text-align: justify; font-weight: normal; font-style: normal; }

.m_about_con ul li font { width: 176px; height: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 24px; color: #fff; line-height: 110px; text-align: center; font-weight: normal; font-style: normal; margin-top: 0; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_about_con ul li:hover font { display: block; margin-top: -30px; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


/*首页 装修案例*/

.m_case_box { width: 1200px; height: 680px; float: left; background: #fff; }
.m_case_cokk { width: 1200px; height: 50px; float: left; border-bottom: 1px solid #eee; }

.m_case_cokk h3 { width: 175px; height: 46px; float: left; padding-top: 2px; border-bottom: 6px solid #c70004; font-family: Microsoft YaHei; font-size: 30px; color: #222; line-height: 36px; text-align: left; font-weight: bold; font-style: normal; }

.m_case_cokk h3 img { float: left; margin: 0 10px 0 0; border: none; }

.m_case_cokk h4 { width: 320px; height: 30px; float: left; margin-top: 10px; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.m_case_cokk h4 font { color: #c70004; }


.m_case_cokk h5 { width: 152px; height: 46px; float: right; margin-top: 4px; background: url(../images/more1.png) no-repeat left bottom; }
.m_case_cokk h5 a { padding-left: 45px; padding-right: 20px; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 46px; text-align: left; font-weight: normal; font-style: normal; }


.m_case_list { width: 1200px; float: left; }
.m_case_list dl { width: 1206px; float: left; position: relative; z-index: 33; overflow: hidden; }
.m_case_list dl .cleft { width: 725px; float: left; margin-left: -4px; position: relative; z-index: 33; overflow: hidden; }
.m_case_list dl dd { width: 237px; height: 216px; float: left; margin: 4px 0 0 4px; overflow: hidden; }

.m_case_list dl dd a img { display: block; margin: 0 auto; display: block; position: relative; z-index: 13; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.m_case_list dl dd:hover a img { transform: scale(1.5,1.5); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }



.m_case_list dl dd a font { width: 237px; height: 40px; float: left; background: url(../images/bgn1.png) repeat left bottom; position: relative; z-index: 20; margin-top: -40px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_case_list dl dd a font img { display: block; margin: 30px auto 20px auto; display: none; }


.m_case_list dl dd a font b { width: 187px; height: 40px; display: block; margin: 0 auto; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; text-decoration: none; border-bottom: 1px solid transparent; }

.m_case_list dl dd:hover a font { width: 237px; height: 216px; float: left; background: url(../images/bgn1.png) repeat left bottom; position: relative; z-index: 20; margin-top: -216px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.m_case_list dl dd:hover a font img { display: block; margin: 30px auto 20px auto; display: block; }


.m_case_list dl dd:hover a font b { width: 187px; height: 40px; display: block; margin: 0 auto; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; border-bottom: 1px solid #fff; }


.m_case_list dl dt { width: 477px; height: 436px; float: left; margin: 4px 0 0 4px; overflow: hidden; }

.m_case_list dl dt a img { display: block; position: relative; z-index: 13; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; overflow: hidden; }

.m_case_list dl dt a:hover img { transform: scale(1.5,1.5); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }



.m_case_list dl dt a font { width: 477px; height: 40px; float: left; background: url(../images/bgn1.png) repeat left bottom; position: relative; z-index: 20; margin-top: -40px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_case_list dl dt a font img { display: block; margin: 30px auto 20px auto; display: none; }


.m_case_list dl dt a em { width: 477px; height: 90px; float: left; position: relative; z-index: 20; margin-top: 30px; display: block; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; }

.m_case_list dl dt a font b { width: 477px; height: 40px; display: block; margin: 0 auto; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; text-decoration: none; border-bottom: 1px solid transparent; }

.m_case_list dl dt:hover a font { width: 477px; height: 436px; float: left; background: url(../images/bgn1.png) repeat left bottom; position: relative; z-index: 20; margin-top: -436px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.m_case_list dl dt:hover a font img { display: block; margin: 30px auto 20px auto; display: block; }


.m_case_list dl dt:hover a font b { width: 407px; height: 40px; display: block; margin: 0 auto; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; border-bottom: 1px solid #fff; }

.m_case_list dl dt:hover a em { width: 407px; height: 90px; display: block; position: relative; z-index: 20; margin: 60px auto 10px 36px; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; }



.m_case_list ul { width: 1206px; float: left; position: relative; z-index: 33; margin-left: -4px; overflow: hidden; }
.m_case_list ul li { width: 599px; height: 155px; float: left; margin: 4px 0 0 4px; position: relative; z-index: 34; overflow: hidden; }

.m_case_list ul li a img { display: block; position: relative; z-index: 13; overflow: hidden; }

.m_case_list ul li a h3 { width: 237px; height: 155px; float: left; background: url(../images/zx_hov1.png) repeat left bottom; position: relative; z-index: 20; left: 0; margin-top: -155px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.m_case_list ul li a h3 font { width: 237px; height: 40px; float: left; padding-top: 30px; font-family: Microsoft YaHei; font-size: 20px; color: #333; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; }


.m_case_list ul li a h3 b { width: 145px; height: 35px; display: inline-block; margin: 10px auto 10px auto; border: 1px solid #333; border-radius: 30px; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 35px; text-align: center; font-weight: normal; font-style: normal; }

.m_case_list ul li a:hover h3 { width: 237px; height: 155px; float: left; background: url(../images/zx_hov2.png) repeat left bottom; position: relative; z-index: 20; left: 0; margin-top: -155px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.m_case_list ul li a:hover h3 font { width: 237px; height: 40px; float: left; padding-top: 30px; font-family: Microsoft YaHei; font-size: 20px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; }


.m_case_list ul li a:hover h3 b { width: 145px; height: 35px; display: inline-block; margin: 10px auto 10px auto; border: 1px solid #fff; border-radius: 30px; font-family: Microsoft YaHei; font-size: 14px; color: #fff; line-height: 35px; text-align: center; font-weight: normal; font-style: normal; }

.m_case_list ul li a img { display: block; position: relative; z-index: 13; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; overflow: hidden; }

.m_case_list ul li a:hover img { transform: scale(1.5,1.5); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }



/*首页 工作室 广告位*/

.m_work_img { width: 1200px; height: 150px; float: left; overflow: hidden; }
.m_work_img img{width: 1200px;height: 150px;}
    /*.m_work_img img { position: relative; z-index: 17; display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
    .m_work_img:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }*/

/*首页 优秀团队  */

.m_team_box { width: 702px; height: 460px; float: left; background: #fff; position:relative; z-index:177; }
.m_team_cokk { width: 705px; height: 50px; float: left; border-bottom: 1px solid #eee; }

.m_team_cokk h3 { width: 175px; height: 46px; float: left; padding-top: 2px; border-bottom: 6px solid #c70004; font-family: Microsoft YaHei; font-size: 30px; color: #222; line-height: 36px; text-align: left; font-weight: bold; font-style: normal; }

.m_team_cokk h3 img { float: left; margin: 0 10px 0 0; border: none; }

.m_team_cokk h4 { width: 320px; height: 30px; float: left; margin-top: 10px; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.m_team_cokk h4 font { color: #c70004; }


.m_team_cokk h5 { width: 152px; height: 46px; float: right; margin-top: 4px; background: url(../images/more1.png) no-repeat left bottom; z-index: 99;position: relative;}
.m_team_cokk h5 a { padding-left: 45px; padding-right: 20px; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 46px; text-align: left; font-weight: normal; font-style: normal; }

/* 本例子css */
.picScroll-left { width: 705px; position: relative;  }
.picScroll-left .hd { width: 705px; overflow: hidden; height: 40px; padding: 0; text-align: center; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; width: 41px; height: 7px; display: inline-block; margin: 10px 10px; overflow: hidden; cursor: pointer; }
.picScroll-left .hd .prev { background: url(../images/pprev11.jpg) no-repeat left bottom; }
.picScroll-left .hd .prev:hover { background: url(../images/pprev12.jpg) no-repeat left bottom; }

.picScroll-left .hd .next { background: url(../images/pnext11.jpg) no-repeat left bottom; }
.picScroll-left .hd .next:hover { background: url(../images/pnext12.jpg) no-repeat left bottom; }
.picScroll-left .bd { padding: 10px 0; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; height: 360px; }
.picScroll-left .bd ul li { width: 213px; height: 323px; border: 1px solid #eee; margin: 10px 0 0 0; padding: 10px; float: left; _display: inline; text-align: center; }
.picScroll-left .bd ul li:hover { width: 213px; height: 323px; border: 1px solid #eee; margin: 10px 0 0 0; padding: 10px; float: left; _display: inline; text-align: center; -moz-box-shadow: 2px 5px 15px #f8f8f8; -webkit-box-shadow: 2px 5px 15px #f8f8f8; box-shadow: 2px 5px 15px #f8f8f8; }
.picScroll-left .bd ul li .pic { width: 213px; height: 283px; float: left; position: relative; /*z-index: 35;*/   }
.picScroll-left .bd ul li .pic span { width: 213px; height: 283px; float: left; position: relative; z-index: 16; overflow: hidden; }
.picScroll-left .bd ul li .pic span img { width: 213px; height: 283px; display: block; margin: 0px auto; position: relative; z-index: 15; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.picScroll-left .bd ul li .pic:hover span img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.picScroll-left .bd ul li .pic font { width: 213px; height: 40px; float: left; background: url(../images/bgn1.png) repeat left bottom; position: relative; z-index: 20; margin-top: -40px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.picScroll-left .bd ul li .pic font a { width: 100px; height: 40px; float: right; background: #c70004; font-family: Microsoft YaHei; font-size: 14px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; }


.picScroll-left .bd ul li .txt1 a { width: 213px; height: 40px; float: left; margin-top: 10px; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 40px; text-align: center; font-weight: normal; }

.picScroll-left .bd ul li:hover .txt1 a { color: #c70004; }



.picBox { width: 100%; height: 100%; float: left; position: fixed; z-index: 9999; left: 0; top: 0; background: url(../images/tbox1.png) repeat left top; display: none; }








/*首页 优秀工长  */

.m_man_box { width: 480px; height: 460px; float: right; background: #fff; }
.m_man_cokk { width: 480px; height: 50px; float: left; border-bottom: 1px solid #eee; }

.m_man_cokk h3 { width: 175px; height: 46px; float: left; padding-top: 2px; border-bottom: 6px solid #c70004; font-family: Microsoft YaHei; font-size: 30px; color: #222; line-height: 36px; text-align: left; font-weight: bold; font-style: normal; }

.m_man_cokk h3 img { float: left; margin: 0 10px 0 0; border: none; }


.m_man_cokk h5 { width: 152px; height: 46px; float: right; margin-top: 4px; background: url(../images/more1.png) no-repeat left bottom; }
.m_man_cokk h5 a { padding-left: 45px; padding-right: 20px; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 46px; text-align: left; font-weight: normal; font-style: normal; }


.m_manList { width: 480px; float: left; }

.m_manList ul { width: 500px; float: left; margin: 10px 0 0 -10px; overflow: hidden; }


.m_manList ul li { width: 153px; height: 186px; float: left; margin: 10px 0 0 10px; position: relative; z-index: 37; overflow: hidden; }


.m_manList ul li a img { position: relative; z-index: 17; display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.m_manList ul li a:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.m_manList ul li a font { width: 153px; height: 34px; float: left; background: url(../images/bgn1.png) repeat left bottom; position: relative; z-index: 20; margin-top: -34px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 34px; text-align: center; font-weight: normal; font-style: normal; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }




/*首页 在施工地*/

.m_site_box { width: 460px; height: 440px; float: left; background: #fff; }
.m_site_cokk { width: 460px; height: 50px; float: left; border-bottom: 1px solid #eee; }

.m_site_cokk h3 { width: 175px; height: 46px; float: left; padding-top: 2px; border-bottom: 6px solid #c70004; font-family: Microsoft YaHei; font-size: 30px; color: #222; line-height: 36px; text-align: left; font-weight: bold; font-style: normal; }

.m_site_cokk h3 img { float: left; margin: 0 10px 0 0; border: none; }


.m_site_cokk h5 { width: 152px; height: 46px; float: right; margin-top: 4px; background: url(../images/more1.png) no-repeat left bottom; }
.m_site_cokk h5 a { padding-left: 45px; padding-right: 20px; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 46px; text-align: left; font-weight: normal; font-style: normal; }

/*e9e9e9*/

.m_site_box ul { width: 500px; float: left; margin-top: 10px; margin-left: -12px; }

.m_site_box ul li { width: 223px; height: 350px; float: left; margin: 20px 0 0 10px; border: 1px solid #e9e9e9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.m_site_box ul li:hover { width: 223px; height: 350px; float: left; margin: 20px 0 0 10px; border: 1px solid #c70004; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_site_box ul li span { width: 223px; height: 210px; float: left; overflow: hidden; }

.m_site_box ul li span img { position: relative; z-index: 17; display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_site_box ul li:hover span img { transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_site_box ul li h3 { width: 200px; height: 30px; float: left; margin: 10px 0 0 14px; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }


.m_site_box ul li h4 { width: 200px; height: 40px; float: left; margin: 10px 0 0 14px; font-family: Microsoft YaHei; font-size: 14px; color: #666; line-height: 20px; text-align: left; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }


.m_site_box ul li a { width: 104px; height: 40px; float: left; margin: 10px 0 0 60px; background: #e9e9e9; font-family: Microsoft YaHei; font-size: 12px; color: #666666; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }


.m_site_box ul li a:hover, .m_site_box ul li:hover a { width: 104px; height: 40px; float: left; margin: 10px 0 0 60px; background: #c70004; font-family: Microsoft YaHei; font-size: 12px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }


/*首页 新闻*/
.m_news_box { width: 722px; height: 440px; float: right; background: #fff; }
.m_news_cokk { width: 722px; height: 50px; float: left; border-bottom: 1px solid #eee; }

.m_news_cokk h3 { width: 175px; height: 46px; float: left; padding-top: 2px; border-bottom: 6px solid #c70004; font-family: Microsoft YaHei; font-size: 30px; color: #222; line-height: 36px; text-align: left; font-weight: bold; font-style: normal; }

.m_news_cokk h3 img { float: left; margin: 0 10px 0 0; border: none; }

.m_news_cokk h4 { width: 320px; height: 30px; float: left; margin-top: 10px; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.m_news_cokk h4 font { color: #c70004; }


.m_news_cokk h5 { width: 152px; height: 46px; float: right; margin-top: 4px; background: url(../images/more1.png) no-repeat left bottom; }
.m_news_cokk h5 a { padding-left: 45px; padding-right: 20px; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 46px; text-align: left; font-weight: normal; font-style: normal; }

.none { display: none; }

.nteache2 { width: 722px; margin: 0; overflow: hidden; }

.teache2Title { width: 722px; height: 26px; float: left; overflow: hidden; }
.nteache2 .teache2Title { width: 100%; float: left; margin-top: 30px; }
.nteache2 .teache2Title li { float: left; cursor: pointer; height: 20px; line-height: 20px; width: auto; font-weight: normal; margin: 0 10px 0 0; border-right: 1px solid #c8c8c8; }
.nteache2 .teache2Title li a { text-decoration: none; }
.nteache2 .teache2Title .active { width: 80px; height: 20px; float: left; font-size: 16px; color: #d20004; line-height: 20px; text-align: center; overflow: hidden; }
.nteache2 .teache2Title .normal { width: 80px; height: 20px; float: left; text-align: center; font-size: 16px; color: #333; line-height: 20px; }

.nteache2 .teache2Title h4 { float: right; }
.nteache2 .teache2Title h4 a { font-size: 12px; color: #333; line-height: 26px; font-weight: normal; padding-right: 10px; }
.nteache2 .teache2Content { width: 720px; height: 310px; float: left; margin-top: 5px; clear: both; overflow: hidden; padding-top: 10px; background: #fff; display: block; }


.nte_img { width: 283px; height: 310px; float: left; background: #d20004; overflow: hidden; }

.nte_img span { width: 283px; height: 214px; float: left; overflow: hidden; }

.nte_img span img { position: relative; z-index: 17; display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.nte_img:hover span img { transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.nte_img a h3 { width: 248px; height: 30px; float: left; margin: 10px 0 0 18px; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }


.nte_img a h4 { width: 248px; height: 20px; float: left; margin: 0px 0 0 18px; font-family: Microsoft YaHei; font-size: 14px; color: #fff; line-height: 20px; text-align: left; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }

.nte_img a h5 { width: 248px; height: 20px; float: left; margin: 0 0 0 18px; font-family: Microsoft YaHei; font-size: 12px; color: #fff; line-height: 20px; text-align: left; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }

.nte_list { width: 430px; height: 312px; float: right; overflow: hidden; }

.nte_list ul { float: left; }

.nte_list ul li { float: left; width: 428px; height: 148px; float: left; border: 1px solid #e9e9e9; margin-bottom: 10px; overflow: hidden; }

.nte_list ul li dl { width: 384px; height: 108px; float: left; padding: 20px 0 0 20px; overflow: hidden; }

.nte_list ul li dl dd { width: 384px; height: 30px; float: left; background: url(../images/dd01.jpg) no-repeat left 50%; overflow: hidden; }

.nte_list ul li dl:hover dd { width: 384px; height: 30px; float: left; background: url(../images/dd02.jpg) no-repeat left 50%; overflow: hidden; }

.nte_list ul li dl dd a { width: 364px; height: 30px; float: left; margin-left: 20px; font-family: Microsoft YaHei; font-size: 16px; color: #333333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }


.nte_list ul li dl:hover dd a { color: #d20004; }

.nte_list ul li dl dt { width: 364px; height: 70px; float: left; margin: 5px 0 0 20px; font-family: Microsoft YaHei; font-size: 16px; color: #333333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.nte_list ul li dl dt a h3 { width: 364px; height: 40px; float: left; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 20px; text-align: left; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }

.nte_list ul li dl dt a font { width: 364px; height: 30px; float: left; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }




/*首页 装修流程 Decoration process*/

.m_proc_box { width: 1200px; height: 290px; float: left; background: #fff; }
.m_proc_cokk { width: 1200px; height: 50px; float: left; border-bottom: 1px solid #eee; }

.m_proc_cokk h3 { width: 175px; height: 46px; float: left; padding-top: 2px; border-bottom: 6px solid #c70004; font-family: Microsoft YaHei; font-size: 30px; color: #222; line-height: 36px; text-align: left; font-weight: bold; font-style: normal; }

.m_proc_cokk h3 img { float: left; margin: 0 10px 0 0; border: none; }

.m_proc_cokk h4 { width: auto; height: 30px; float: right; margin-top: 10px; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.m_proc_cokk h4 font { color: #c70004; }


.m_proc_box dl { width: 1200px; height: auto; float: left; }

.m_proc_box dl dt { width: 121px; height: auto; float: left; margin-top: 30px; cursor: pointer; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.m_proc_box dl dt:hover { margin-top: 10px; cursor: pointer; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_proc_box dl dt img { display: block; margin: 0 auto; border: none; }

.m_proc_box dl dt h3 { width: 121px; height: 36px; float: left; margin: 14px auto 0 auto; font-family: Impact; font-size: 30px; color: #333333; line-height: 36px; text-align: center; font-weight: normal; }

.m_proc_box dl dt h4 { width: 121px; height: 30px; float: left; margin: 0px auto; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333333; line-height: 30px; text-align: center; font-weight: normal; }


.m_proc_box dl dt:hover h3, .m_proc_box dl dt:hover h4 { color: #c70004; }

.m_proc_box dl dd { width: 32px; height: 40px; float: left; padding: 86px 0 0 0; margin: 0 12px; }



/*首页  合作伙伴 Cooperative partner*/

.m_cooper_part { width: 100%; height: 230px; float: left; background: #efefef; overflow: hidden; }

.m_index_parter { width: 1200px; height: auto; margin: 0 auto; position:relative; z-index:98; }


.m_cooper_cokk { width: 600px; float: left; z-index: 20; }

.m_cooper_cokk h3 { width: 175px; height: 46px; float: left; padding-top: 2px; border-bottom: 6px solid #c70004; font-family: Microsoft YaHei; font-size: 30px; color: #222; line-height: 36px; text-align: left; font-weight: bold; font-style: normal; }

.m_cooper_cokk h3 img { float: left; margin: 0 10px 0 0; border: none; }

.m_cooper_cokk h4 { width: 320px; height: 30px; float: left; margin-left: 10px; margin-top: 10px; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.m_cooper_cokk h4 font { color: #c70004; }

/* 本例子css */
.lustre-left { width: 1200px; position: relative; z-index: 18; }
.lustre-left .hd { overflow: hidden; height: 60px; }
.lustre-left .hd .prev { display: inline-block; width: 22px; height: 47px; float: right; margin-right: 20px; margin-top: 10px; overflow: hidden; cursor: pointer; background: #d2d2d2 url(../images/prev1.png) no-repeat; }
.lustre-left .hd .prev:hover { background: #c70004 url(../images/prev1.png) no-repeat; }
.lustre-left .hd .next { display: inline-block; width: 22px; height: 47px; float: right; margin-right: 20px; margin-top: 10px; overflow: hidden; background: #d2d2d2 url(../images/next1.png) no-repeat; cursor: pointer; }
.lustre-left .hd .next:hover { background: #c70004 url(../images/next1.png) no-repeat; }

.lustre-left .bd { padding: 10px 0; overflow: hidden; }
.lustre-left .bd ul { overflow: hidden; zoom: 1; }
.lustre-left .bd ul li { width: 225px; height: 65px; margin: 30px 20px 0 0; float: left; _display: inline; overflow: hidden; text-align: center; overflow: hidden; }
.lustre-left .bd ul li .pic { text-align: center; }
.lustre-left .bd ul li .pic img { width: 225px; height: 65px; display: block; padding: 0px; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.lustre-left .bd ul li .pic:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.lustre-left .bd ul li .pic a:hover img { border-color: #999; }
.lustre-left .bd ul li .title { line-height: 24px; }


/*about*/

.s_nav_bann_btxt { position: relative; z-index: 96; min-height: 440px; background: #fff; }


.s_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 365px; background: #fff; position: relative; z-index: 19; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }


.s_about { width: 100%; display: block; margin: -83px auto 0 auto; min-height: 548px; background: none; position: relative; z-index: 140; float: left; }

.s_type { width: 242px; float: left; margin-right: 0px; left: 0; overflow: hidden; }

.s_type_txt { width: 240px; height: 75px; background: #c70004; float: left; overflow: hidden; }

.s_type_txt h3 { width: 240px; float: left; padding-top: 10px; font-family: Microsoft YaHei; font-size: 24px; color: #ffffff; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; }

.s_type_txt h4 { width: 240px; float: left; padding-top: 0px; font-family: Arial; font-size: 14px; color: #ffffff; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; text-transform: uppercase; }

.s_type_list { width: 240px; float: left; margin-right: 0px; left: 0; overflow: hidden; }

.s_type_list ul { width: 241px; float: left; margin-right: 0px; left: 0; overflow: hidden; }

.s_type_list ul li { width: 238px; float: left; height: 48px; background: #fff url(../images/dd4.png) no-repeat 200px 50%; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden; }
.s_type_list ul li:hover, .s_type_list ul li.tyhover { width: 240px; float: left; height: 48px; background: #d20004 url(../images/dd3.png) no-repeat 200px 50%; overflow: hidden; }

.s_type_list ul li a { width: 208px; height: 48px; float: left; padding-left: 30px; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 48px; text-align: left; font-weight: normal; font-style: normal; }
.s_type_list ul li:hover a, .s_type_list ul li.tyhover a { color: #fff; }

.s_type_time { width: 240px; height: 53px; background: #b10000; float: left; border-top: 1px solid #fff; display: table-cell; font-family: Microsoft YaHei; font-size: 20px; color: #fff; line-height: 53px; text-align: center; font-weight: normal; font-style: normal; overflow: hidden; }

.s_type_time span { float: left; margin: 0 0 0 54px; font-family: Microsoft YaHei; font-size: 20px; color: #fff; line-height: 46px; text-align: center; font-weight: normal; font-style: normal; }

.s_type_time img { float: left; margin: 14px 14px 0 14px; }

.s_type_time font { float: left; margin: 0 0 0 4px; font-family: Microsoft YaHei; font-size: 20px; color: #fff; line-height: 46px; text-align: center; font-weight: normal; font-style: normal; }


.s_type_time_box { width: 238px; float: left; min-height: 48px; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding-bottom: 20px; overflow: hidden; }

.taby1 { width: 206px; height: 40px; float: left; padding-left: 10px; margin: 16px 0 0 10px; background: #fff; border: 1px solid #eee; font-family: Microsoft YaHei; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 40px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

.taby2 { width: 218px; height: 40px; float: left; padding-left: 10px; margin: 16px 0 0 10px; background: #d20004; border: 1px solid #d20004; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 58px\9; line-height: 40px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }


.s_type_conta_box { width: 238px; float: left; min-height: 48px; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding-bottom: 20px; overflow: hidden; }

.s_type_conta_box h3 { width: 208px; height: 50px; float: left; padding-left: 10px; margin: 16px 0 0 10px; background: #fff; border-bottom: 1px solid #eee; font-family: Microsoft YaHei; font-size: 20px; color: #333; line-height: 58px\9; line-height: 50px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }
.s_type_conta_box h3 img { float: left; margin: 6px 10px 0 0px; }

.s_type_conta_box_show { width: 216px; float: left; margin: 16px 0 0 14px; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 28px; text-align: left; font-weight: normal; }

.s_type_conta_box_show strong { font-size: 16px; color: #000; font-weight: bold; }

/*right*/
.s_right { width: 941px; float: right; margin-top: 85px; position: relative; z-index: 999; }

.s_right_cokk { width: 941px; float: left; height: 36px; border-bottom: 1px solid #eee; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 36px; text-align: left; font-weight: normal; font-style: normal; }

.s_right_cokk h3 { width: 175px; height: 34px; float: left; padding-top: 2px; font-family: Microsoft YaHei; font-size: 16px; color: #222; line-height: 34px; text-align: left; font-weight: bold; font-style: normal; }

.s_right_cokk font { float: right; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 36px; text-align: left; font-weight: normal; font-style: normal; }

.s_right_cokk font a { color: #333; }


.s_right_cokk font em { font-style: normal; color: #c70004; }



.s_right_con { float: left; padding: 30px 0; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.s_right_con img { display: block; margin: 0 auto; border: none; padding: 20px 0; }





.s_right_hon { width: 941px; float: left; padding: 30px 0; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.s_right_hon img { display: block; margin: 0 auto; border: 5px solid #333; padding: 0; }


.s_right_hon font { width: 100%; float: left; font-family: Microsoft YaHei; font-size: 14px; color: #c70004; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; }


.s_right_news { float: left; padding: 30px 0; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }


.s_right_news ul { float: left; }


.s_right_news ul li { float: left; width: 939px; height: 165px; float: left; border: 1px solid #eee; margin-top: 20px; }

.s_right_news ul li:hover { float: left; width: 939px; height: 165px; float: left; border: 1px solid #c70004; box-shadow: 0 10px 20px #e4e4e4; }

.s_right_news ul li a { width: 100%; float: left; }


.s_right_news ul li a h3 { width: 219px; height: 165px; float: left; overflow: hidden; }


.s_right_news ul li a h4 { width: 550px; height: 120px; float: left; margin: 26px 0 0 26px; border-right: 1px solid #eee; overflow: hidden; }

.s_right_news ul li a h4 b { width: 520px; height: 40px; float: left; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; overflow: hidden; }


.s_right_news ul li a h4 font { width: 510px; height: 68px; float: left; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 23px; text-align: left; font-weight: normal; font-style: normal; overflow: hidden; }


.s_right_news ul li:hover a h4 b { color: #c70004; }

.s_right_news ul li a h5 { width: 96px; height: 120px; float: left; margin: 26px 0 0 26px; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; overflow: hidden; }


.s_right_news ul li a h5 font { width: 100%; height: 30px; margin-top: 2px; float: left; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; overflow: hidden; }

.s_right_news ul li a h5 em { width: 93px; height: 30px; float: left; margin-top: 6px; background: #c70004; font-family: Microsoft YaHei; font-size: 14px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; overflow: hidden; }




.s_right_newshow { width: 941px; float: left; padding: 30px 0; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }
.s_right_newshow img { display: block; margin: 0 auto; border: none; padding: 10px 0; }

.s_right_newshow h3 { width: 941px; float: left; padding: 0; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; }
.s_right_newshow h4 { width: 941px; float: left; padding: 0; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; margin-bottom: 10px; }



/*case*/

.s_right_case { width: 941px; float: left; padding: 10px 0 30px 0; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.s_right_case ul { width: 960px; float: left; margin-left: -14px; }

.s_right_case ul li { width: 302px; height: 362px; float: left; margin: 20px 0 0 14px; border: 1px solid #eee; }
.s_right_case ul li:hover { width: 302px; height: 362px; float: left; margin: 20px 0 0 14px; border: 1px solid #eee; box-shadow: 0 8px 10px #eee; }

.s_right_case ul li a h3 { width: 302px; height: 277px; float: left; overflow: hidden; }

.s_right_case ul li a h3 img { display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.s_right_case ul li:hover a h3 img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.s_right_case ul li a h4 { width: 262px; height: 30px; float: left; margin: 20px 0 0 14px; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: left; font-weight: bold; font-style: normal; overflow: hidden; }


.s_right_case ul li a h5 { width: 262px; height: 30px; float: left; margin: 0px 0 0 14px; font-family: Microsoft YaHei; font-size: 16px; color: #c70004; line-height: 30px; text-align: left; border-bottom:none; font-weight: normal; font-style: normal; overflow: hidden; }


.s_right_cashow { width: 941px; float: left; padding: 30px 0; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }
.s_right_cashow img { display: block; margin: 0 auto; border: none; padding: 10px 0; }

.s_right_cashow h3 { width: 941px; float: left; padding: 0; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; }
.s_right_cashow h4 { width: 941px; float: left; padding: 0; font-family: Microsoft YaHei; font-size: 16px; color: #c70004; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; margin-bottom: 10px; }


.s_right_cashow h5 { width: 941px; height: 30px; float: left; padding: 0; margin: 10px 0; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; border-bottom: 1px solid #c70004; }

.s_right_cashow h5 font { float: left; padding: 0 10px; background: #c70004; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 30px; text-align: left; font-weight: bold; font-style: normal; }



.s_rightsite { width: 941px; float: right; margin: 0 auto; }

.s_rightsite ul { width: 968px; float: left; margin-top: 10px; margin-left: -12px; }

.s_rightsite ul li { width: 226px; height: 320px; float: left; margin: 20px 0 0 10px; border: 1px solid #e9e9e9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.s_rightsite ul li:hover { width: 226px; height: 320px; float: left; margin: 20px 0 0 10px; border: 1px solid #c70004; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.s_rightsite ul li span { width: 226px; height: 210px; float: left; overflow: hidden; }

.s_rightsite ul li span img { position: relative; z-index: 17; display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.s_rightsite ul li:hover span img { transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.s_rightsite ul li a h3 { width: 200px; height: 30px; float: left; margin: 10px 0 0 14px; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }

.s_rightsite ul li:hover a h3 { color: #c70004; }

.s_rightsite ul li a h4 { width: 200px; height: 40px; float: left; margin: 10px 0 0 14px; font-family: Microsoft YaHei; font-size: 14px; color: #666; line-height: 20px; text-align: left; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }



.s_rightsiteShow { width: 941px; float: right; font-family: Microsoft YaHei; font-size: 14px; color: #666; line-height: 20px; text-align: left; font-weight: normal; font-style: normal; }

.s_rightsiteShow h3 { width: 941px; height: auto; float: left; margin: 20px 0 0 0px; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: center; font-weight: bold; font-style: normal; overflow: hidden; }

.siteShow { width: 398px; float: left; height: auto; float: left; padding: 20px 270px; background: #f1f1f1; border: 1px solid #e5e5e5; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }
.siteShow h4 { width: 398px; height: auto; float: left; margin: 0px 0 0 0px; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: center; font-weight: normal; font-style: normal; overflow: hidden; }


.siteShow font { width: 80px; float: left; padding-right: 6px; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 30px; text-align: right; font-weight: normal; font-style: normal; }




.nteache1 { width: 941px; margin: 0; float: left; position: relative; z-index: 65; overflow: hidden; }

.teache1Title { width: 941px; height: auto; float: left; position: relative; z-index: 55; overflow: hidden; }
.nteache1 .teache1Title { width: 941px; height: 31px; float: left; position: relative; z-index: 45; }
.nteache1 .teache1Title li { float: left; cursor: pointer; height: 31px; line-height: 31px; width: 113px; font-weight: normal; margin: 0; }
.nteache1 .teache1Title li a { text-decoration: none; }
.nteache1 .teache1Title .active { width: 113px; height: 31px; float: left; font-size: 16px; color: #fff; line-height: 31px; text-align: center; background: #d20004; font-weight: bold; overflow: hidden; }
.nteache1 .teache1Title .normal { width: 113px; height: 31px; float: left; text-align: center; color: #666666; font-weight: bold; line-height: 31px; background: #dcdcdc; }
.nteache1 .teache1Content { width: 941px; height: auto; float: left; clear: both; overflow: hidden; position: relative; z-index: 50; padding-top: 10px; background: #fff; border: 1px solid #fff; border-top: 1px solid #c70004; display: block; margin-top: -1px; font-family: Microsoft YaHei; font-size: 16px; color: #666; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }

.nteache1 .teache1Content img { display: block; margin: 0 auto; border: none; padding: 20px 0; }


/*team*/
.s_rightteam { width: 941px; float: right; margin: 0 auto; }

.s_rightteam ul { width: 968px; float: left; margin-top: 10px; margin-left: -12px; }

.s_rightteam ul li { width: 226px; height: 297px; float: left; margin: 20px 0 0 10px; border: 1px solid #e9e9e9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.s_rightteam ul li span { width: 226px; height: 297px; float: left; position: relative; z-index: 10; overflow: hidden; }
.s_rightteam ul li span img { display: block; margin: 0; border: none; position: relative; z-index: 10; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.s_rightteam ul li:hover span img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.s_rightteam ul li h3 { width: 226px; height: 42px; float: left; background: url(../images/bgn1.png) repeat left bottom; margin-top: -42px; position: relative; z-index: 17; }
.s_rightteam ul li h3 a font { float: left; padding: 0 10px 0 20px; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 42px; text-align: left; font-weight: normal; }
.s_rightteam ul li h3 a { font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 42px; text-align: left; font-weight: normal; }
.s_rightteam ul li h3 b { width: 60px; float: right; height: 42px; background: #d20004; padding: 0 20px; font-family: Microsoft YaHei; font-size: 14px; color: #fff; line-height: 42px; text-align: center; font-weight: normal; font-style: normal; cursor:pointer;}

/*.s_rightteam ul li .teamBox { width: 100%; height: 100%; float: left; position: fixed; z-index: 99; left: 0; top: 0; background: url(../images/tbox1.png) repeat left top; display: none; }*/

.teamBox { width: 100%; height: 100%; float: left; position: fixed; z-index: 99; left: 0; top: 0; background: url(../images/tbox1.png) repeat left top; display: none; }


.cd-popup-container { position: relative; width: 570px; height: 474px; margin: 14% auto; background: url(../images/team_gbk.jpg) no-repeat left top; -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }

.cd-popup-container h4 { width: 100%; height: 55px; float: left; }


.cd-popup-container h4 a { float: right; width: 32px; height: 32px; margin: 14px; }

.cd-popup-container h5 { width: 100%; height: 55px; float: left; font-family: Microsoft YaHei; font-size: 18px; color: #333; line-height: 42px; text-align: center; font-weight: bold; font-style: normal; }



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

.cd-popup-container { position: relative; width: 570px; height: 474px; margin:6% auto; background: url(../images/team_gbk.jpg) no-repeat left top; -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; position:relative; z-index:999; }

}

table.table1 { width: 100%; float: left; border-collapse: collapse; }
table.table1 td { width: 570px; height: auto; float: left; margin-top: 16px; line-height: 30px; }
table.table1 td h6 { width: 70px; height: 30px; float: left;padding-left:20px;  padding-right: 10px; font-family: "Microsoft YaHei"; font-size: 14px; color: #434343; line-height: 30px; text-align: right; font-weight: normal; }


.tebtm1
{
    width:160px;
    height:30px;
    float:left; padding-left:10px;
    background:#fff;
    border:1px solid #e5e5e5;
    font-family:Microsoft YaHei; font-size:14px; color:#333; line-height:58px\9; line-height:30px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}

.tebtm2
{
    width:394px;
    height:96px;
    float:left; padding-left:10px;
    background:#fff;
    border:1px solid #e5e5e5;
    font-family:Microsoft YaHei; font-size:14px; color:#333; line-height:58px\9; line-height:30px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}

.tebtm3
{
    width:200px;
    height:50px; display:block; margin:10px auto 0 auto;
    background:#d20004;
    border:1px solid #d20004;
    font-family:Microsoft YaHei; font-size:16px; color:#fff; line-height:58px\9; line-height:50px; text-align:center; font-weight:normal; cursor:pointer; overflow:hidden;
}
 

.s_teamimg { width: 941px; float: right; margin: 0 auto; }

.s_teamimg img{width:331px; float:left; }

.s_teamimg_right { width:585px; float: right;   font-family:Microsoft YaHei; font-size:14px; color:#333;  line-height:30px; text-align:left; font-weight:normal; }

.s_teamimg_right h4{ width:585px; height:40px; float: left; border-bottom:1px solid #c50004; margin-bottom:20px; }

.s_teamimg_right h4 font{float:left;  font-family:Microsoft YaHei; font-size:18px; color:#333;  line-height:30px; text-align:left; font-weight:normal;  }

.s_teamimg_right h4 a{float:right; padding:0 40px;  font-family:Microsoft YaHei; font-size:16px; color:#fff;  line-height:40px; text-align:left; font-weight:normal;  background:#c50004; }




.s_teamimg h5{ width:941px; height:40px; float: left; border-bottom:1px solid #d20004; margin-bottom:20px; }


.s_teamimg h5 font{float:left; background:#d20004; font-family:Microsoft YaHei; font-size:18px; color:#fff;  line-height:40px; text-align:left; font-weight:normal;  padding:0 30px;}





/*man*/
.s_foreman { width: 941px; float:right; }

.s_foreman ul { width: 964px; float: left; margin: 10px 0 0 -20px; overflow: hidden; }


.s_foreman ul li { width:221px; height:270px; float: left; margin:20px 0 0 20px; position: relative; z-index: 37; overflow: hidden; }


.s_foreman ul li a img { position: relative; z-index: 17; display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.s_foreman ul li a:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.s_foreman ul li a font { width: 221px; height: 47px; float: left; background: url(../images/bgn1.png) repeat left bottom; position: relative; z-index: 20; margin-top: -47px; font-family: Microsoft YaHei; font-size: 18px; color: #fff; line-height: 47px; text-align: center; font-weight: normal; font-style: normal; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }



.s_foremanShow { width: 941px; float:right;    font-family:Microsoft YaHei; font-size:14px; color:#333;  line-height:30px; text-align:left; font-weight:normal;}

.s_foreimg{width:280px; float:left; }

.s_foreimg_right { width:640px; float: right;   font-family:Microsoft YaHei; font-size:14px; color:#333;  line-height:30px; text-align:left; font-weight:normal; }
 
 .s_foreimg_right strong{ float: left;   font-family:Microsoft YaHei; font-size:14px; color:#333;  line-height:30px; text-align:left; font-weight:bold; }




.s_foremanShow h5{ width:941px; height:40px; float: left; border-bottom:1px solid #d20004; margin-bottom:20px; }


.s_foremanShow h5 font{float:left; background:#d20004; font-family:Microsoft YaHei; font-size:18px; color:#fff;  line-height:40px; text-align:left; font-weight:normal;  padding:0 30px;}


/*在线预约  gbook*/


.s_gbook{ width: 941px; float:right;}

.s_gbook h3{ width:580px; margin:0 auto; padding:0px;  font-family:Microsoft YaHei; font-size:16px; color:#333333;  line-height:35px; text-align:center; font-weight:bold;  }
.s_gbook h4{width:580px; margin:0 auto; padding:0px;  font-family:Microsoft YaHei; font-size:12px; color:#666666;  line-height:30px; text-align:center; font-weight:normal;  }
.s_gbook h4 font{color:#c70004;}

.s_gbk{width:580px; margin:0 auto;}

table.table2 {
	width: 100%;
    float:left;
	border-collapse:collapse;
} 
table.table2 td {
    width:580px;
    height:auto;
    float:left;
    margin-top:18px;
	line-height: 38px;
}
table.table2 td h5{width:8 0px;
    height:38px;
    float:left;  padding-right:10px;
    font-family:"Microsoft YaHei"; font-size:14px; color:#434343; line-height:38px;
    text-align:right; font-weight:normal;}
table.table2 td h5 font{color:#c70004;}
table.table2 td span{ padding-left:10px; font-family:"Microsoft YaHei"; font-size:14px; color:#b7b7b7; line-height:38px;
    text-align:left; font-weight:normal;}

.gbk1
{
    width:290px;
    height:38px;
    float:left; padding-left:10px;
    background:#fff;
    border:1px solid #eee;
    font-family:Microsoft YaHei; font-size:14px; color:#333; line-height:58px\9; line-height:38px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}

.gbk2
{
    width:480px;
    height:110px;
    float:left; margin-left:6px; padding-left:10px;
    background:#fff;
    border:1px solid #eee;
    font-family:Microsoft YaHei; font-size:14px; color:#333; line-height:58px\9; line-height:30px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}

.gbk3
{
    width:580px;
    height:50px;
    float:left;  
    background:#d20004;
    border:1px solid #d20004;
    font-family:Microsoft YaHei; font-size:18px; color:#fff; line-height:58px\9; line-height:50px; text-align:center; font-weight:bold; cursor:pointer; overflow:hidden;
}



/*客户评价  Customer evaluation*/
.s_eval{ width: 941px; float:right; }
.s_eval ul{ width: 941px; float:left; }
.s_eval ul li{ width: 941px; float:left; margin: 18px 0 0 0px;  border-bottom:1px dashed #eee; }

.s_eval ul li dl { width: 941px; float: left; overflow: hidden; }


.s_eval ul li dl dd { width:941px; min-height:30px; float: left; position: relative; z-index: 37; font-family:Microsoft YaHei; font-size:14px; color:#666666;  line-height:30px; text-align:left; font-weight:normal; overflow: hidden; }


.s_eval ul li dl dt { width:941px; min-height:30px; float: left;   font-family:Microsoft YaHei; font-size:14px; color:#333;   line-height:30px; text-align:left; font-weight:normal; padding-bottom:10px; overflow: hidden; }


.s_eval h5{ width:941px; height:40px; float: left; border-bottom:1px solid #d20004; margin-bottom:20px; }


.s_eval h5 font{float:left;  font-family:Microsoft YaHei; font-size:18px; color:#333;  line-height:40px; text-align:left; font-weight:bold;  padding:0;}

.s_eval_message{width:600px;  float:left; margin:0px 0 20px 176px;}

table.table3 {
	width: 100%;
    float:left;
	border-collapse:collapse;
} 
table.table3 th {
    width:630px;
    height:auto;
    float:left;
    margin-top:15px;
	line-height: 38px;
}
table.table3 th h5{width:80px;
    height:38px;
    float:left;  padding-right:10px;
    font-family:"Microsoft YaHei"; font-size:14px; color:#434343; line-height:38px;
    text-align:right; font-weight:normal; border:none;}

table.table3 th span{float:left; padding-left:20px; font-family:"Microsoft YaHei"; font-size:14px; color:#b7b7b7; line-height:38px;     text-align:left; font-weight:normal;}
table.table3 td {
    width:630px;
    height:auto;
    float:left; 
	line-height: 38px;
}
table.table3 td h5{width:80px;
    height:38px;
    float:left;  padding-right:10px;
    font-family:"Microsoft YaHei"; font-size:14px; color:#434343; line-height:38px;
    text-align:right; font-weight:normal; border:none;}

table.table3 td span{float:left; padding-left:20px; font-family:"Microsoft YaHei"; font-size:14px; color:#b7b7b7; line-height:38px;     text-align:left; font-weight:normal;}


table.table3 td span img{float:left; margin:0; border:none;}

.eval1
{
    width:500px;
    height:130px;
    float:left;  
    background:#fff;
    border:1px solid #eee;
    font-family:Microsoft YaHei; font-size:14px; color:#333; line-height:58px\9; line-height:50px; text-align:center; font-weight:bold; cursor:pointer; overflow:hidden;
}


.eval2
{
    width:210px;
    height:38px;
    float:left; padding-left:10px;
    background:#fff;
    border:1px solid #eee;
    font-family:Microsoft YaHei; font-size:14px; color:#333; line-height:58px\9; line-height:38px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}

.eval3
{
    width:120px;
    height:38px;
    float:left;  
    background:#fff;
    border:1px solid #eee;
    font-family:Microsoft YaHei; font-size:14px; color:#333; line-height:58px\9; line-height:38px; text-align:center; font-weight:normal; cursor:pointer; overflow:hidden;
}

.eval4
{
    width:500px;
    height:40px;
    float:left;  margin-left:88px;
    background:#d20004;
    border:1px solid #d20004;
    font-family:Microsoft YaHei; font-size:16px; color:#fff; line-height:58px\9; line-height:40px; text-align:center; font-weight:normal; cursor:pointer; overflow:hidden;
}



/*客户感言  Testimonial*/


.s_test{ float: left; padding: 30px 0; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; }


.s_test ul { float: left; }


.s_test ul li { float: left; width: 941px; height: 165px; float: left;  margin-top: 20px; }
 

.s_test ul li a { width: 100%; float: left; }


.s_test ul li a h3 { width: 230px; height: 165px; float: left; overflow: hidden; }
.s_test ul li a h3 img {display:block; margin:0; border:none;
 transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}
.s_test ul li:hover a h3 img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}


.s_test ul li a h4 { width: 690px; height: 165px; float: right; margin:0; border-bottom: 1px dashed #eee; overflow: hidden; }

.s_test ul li a h4 b { width: 690px; height: 40px; float: left; font-family: Microsoft YaHei; font-size: 16px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; overflow: hidden; }


.s_test ul li a h4 font { width: 690px; height: 69px; float: left; font-family: Microsoft YaHei; font-size: 14px; color: #666666; line-height: 23px; text-align: left; font-weight: normal; font-style: normal; overflow: hidden; }


.s_test ul li a h4 em { width: 690px; height: 30px; float: left; margin-top:10px; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 30px; text-align: left; font-weight: normal; font-style: normal; overflow: hidden; }


.s_test ul li:hover  a h4 b{color:#c70004;} 




/*contact*/
.s_conta { width: 941px; float:right; }

.s_conta ul { width: 964px; float: left; margin: 10px 0 0 -18px; overflow: hidden; }


.s_conta ul li { width:461px; min-height:461px; float: left; margin:20px 0 0 18px; padding-bottom:10px; position: relative; z-index: 37; border:1px solid #eee; overflow: hidden; }

.s_conta ul li dl{width:461px; float:left;}

.s_conta ul li dl dd{ width:461px;float: left; overflow: hidden; font-size: 14px;color: #333;line-height: 25px;}



.s_conta ul li dl dt{ width:421px; float: left; margin:20px 0 0 18px;  font-family:Microsoft YaHei; font-size:14px; color:#333;  line-height:25px; text-align:left; font-weight:normal;   overflow: hidden; }

.s_conta ul li dl dt strong{font-weight:bold; font-size:18px; line-height:36px;}





/*fanye*/

.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; }

DIV.quotes { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }
DIV.quotes A { padding: 5px 8px 5px 8px; font-family: Arial; font-size: 14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; border: #eee 1px solid; }
DIV.quotes A:hover { padding: 5px 8px 5px 8px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; border: #d20004 1px solid; BACKGROUND-COLOR: #d20004; }
DIV.quotes A:active { padding: 5px 8px 5px 8px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; }
DIV.quotes SPAN.current { padding: 5px 8px 5px 8px; FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #d20004 1px solid; BACKGROUND-COLOR: #d20004; }
DIV.quotes SPAN.disabled { padding: 5px 8px 5px 8px; font-family: Arial; font-size: 14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; BORDER: #eee 1px solid; }

.s_fenye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #eee; }
.s_fan1 { width: 760px; height: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #9e9ca3; line-height: 30px; font-weight: normal; }

.s_fan1 p { font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 30px; font-weight: normal; }

.s_fan1 p a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 30px; font-weight: normal; }

.s_fan1 p a font {float:left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 30px; font-weight: normal; }

.s_fan1 p a:hover,.s_fan1 p a:hover font{ font-family: 'Microsoft YaHei'; color: #c70004; }


.s_fan2 { height: auto; float: right; padding-right: 20px; margin-top: 30px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 20px; font-weight: normal; }


.s_fan2 a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #333; line-height: 30px; font-weight: normal; }

.s_fan2 a:hover { font-family: 'Microsoft YaHei'; color: #c70004; }



/*footer*/

.m_footer { width: 100%; min-height: 260px; margin: 0 auto; background: #d20004; float: left; position:relative; z-index:11; overflow: hidden; }


.m_foot_navi { width: 100%; margin: 0 auto; text-align: center; padding-top: 30px; }

.m_foot_navi ul { width: 100%; min-width: 1200px; margin: 0 auto; text-align: center; }

.m_foot_navi ul li { display: inline-block; margin: 0 0px; height: 20px; }
.m_foot_navi ul li span { float: right; margin: 0 1px; padding: 0 0px; width: 1px; height: 20px; background: #ff5959; color: #ff5959; }

.m_foot_navi ul li a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; padding: 0 24px; }

.m_foot_navi ul li a:hover { font-weight: bold; }


.m_index_footer { width: 1200px; height: auto; margin: 0 auto; position:relative; z-index:98; }


.m_foot_logo { width: 245px; float: left; margin: 30px 0 0 0; }
.m_foot_logo img{width: 245px;}

.m_foot_add { width: 720px; float: left; margin: 10px 0 0 0; }

.m_foot_add dl { float: left; }

.m_foot_add dl dd { width: 300px; float: left; margin: 10px 20px 0 30px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: left; font-weight: normal; line-height: 30px; }
.m_foot_add dl dd span { width: 300px; float: left; font-family: 'Microsoft YaHei'; font-size: 18px; color: #fff; text-align: left; font-weight: normal; line-height: 30px; padding: 10px 0; }
.m_foot_add dl dd a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: left; font-weight: normal; line-height: 30px; }


.m_foot_wx { width: 235px; height: 129px; float: right; margin: 30px 0 0 0; background: url(../images/sma_bg.jpg) no-repeat left bottom; }

.m_foot_wx img { float: right; margin: 6px 8px 0 0; width: 114px;}


.m_foot_text { width: 100%; height: 35px; margin: 0 auto; background: #9d0003; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: center; font-weight: normal; line-height: 35px; }
.m_foot_text a { color: #fff; }




        .zx-container { width: 456px; height: 511px;  float:left; position:relative; left:0; top:0;  background: url(../images/jsq_bgn.jpg) no-repeat left top; -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }

        .zx-container h4 { width: 100%; height: 55px; float: left; margin-top: 140px; font-family: Microsoft YaHei; font-size: 36px; color: #333; line-height: 42px; text-align: center; font-weight: bold; font-style: normal; }

        .zx-container h5 { width: 270px; height: 55px; margin: 20px auto; font-family: Microsoft YaHei; font-size: 36px; color: #333; line-height: 55px; text-align: right; font-weight: bold; font-style: normal; }

        .zx-container h5 font { width: 230px; height: 55px; float: left; font-family: Arial; font-size: 40px; color: #c40004; line-height: 55px; text-align: center; font-weight: bold; font-style: normal; }

        .zx-container h6 { width: 100%; height: 55px; float: left; margin-top: 20px; font-family: Microsoft YaHei; font-size: 18px; color: #666; line-height: 42px; text-align: center; font-weight: normal; font-style: normal; }

        .zx-container a.fhbj { width: 100%; height: 55px; float: left; margin-top: 20px; font-family: Microsoft YaHei; font-size: 14px; color: #c40004; line-height: 42px; text-align: center; font-weight: normal; font-style: normal; text-decoration: underline; }





/*浮动*/
#left_layer { width: 129px; float: right; position: fixed; right: 0; z-index:996; top:197px; }

#left_layer ul { width: 129px; float: left; }

#left_layer ul li { width: 129px; min-height: 40px; float: left; background: #d20004; border-bottom: 1px solid #ed999b; }

#left_layer ul li span { width: 129px; height: 40px; float: left; background: #d20004; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: left; font-weight: normal; line-height: 40px; overflow: hidden; }

#left_layer ul li span a { width: 129px; height: 40px; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: left; font-weight: normal; line-height: 40px; }
#left_layer ul li span img { float: left; width: 28px; margin: 8px 10px 0 10px; }



#left_layer ul li .left_kf { width: 129px; height: auto; float: left; background: #fff url(../images/fu_line.jpg) no-repeat left top; font-family: 'Microsoft YaHei'; font-size: 14px; color: #666; text-align: center; font-weight: normal; line-height: 30px; padding-bottom: 10px; border-left: 1px solid #eee; border-right: 1px solid #eee; display: none; overflow: hidden; }


#left_layer ul li:hover .left_kf { width: 129px; height: auto; float: left; background: #fff url(../images/fu_line.jpg) no-repeat left top; font-family: 'Microsoft YaHei'; font-size: 14px; color: #666; text-align: center; font-weight: normal; line-height: 30px; padding-bottom: 10px; border-left: 1px solid #eee; border-right: 1px solid #eee; display: block; overflow: hidden; }
#left_layer ul li .left_kf dl { width: 129px; height: auto; float: left; padding-top: 10px; }
#left_layer ul li .left_kf dl dd { width: 129px; height: 30px; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #666; text-align: center; font-weight: normal; line-height: 30px; }
#left_layer ul li .left_kf dl dd font { font-family: 'Microsoft YaHei'; font-size: 12px; color: #333333; text-align: center; font-weight: normal; line-height: 30px; }
#left_layer ul li .left_kf dl dd a { padding-left: 10px; font-family: 'Microsoft YaHei'; font-size: 12px; color: #333333; text-align: center; font-weight: normal; line-height: 30px; }