@charset "utf-8";
* { word-wrap: break-word; }
body {}
body, input, button, select, textarea { font: 12px/1.5 '微软雅黑',Tahoma,Helvetica,Hei,SimSun,sans-serif; color: #444; }
	textarea { resize: none; }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
table { empty-cells: show; border-collapse: collapse; }
	caption, th { text-align: left; font-weight: 400; }
ul li, .xl li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
em, cite, i { font-style: normal; }
a { color: inherit;text-decoration: none;display:inline-block; }
	a:hover { text-decoration: none; }
	a img { border: none; }
map area{ outline: none; }
p{ color:inherit;}
label { cursor: pointer; }
img { vertical-align: middle; }
#szgs_stat_icon_31651{ margin-left:200px}
.z { float: left; } .y { float: right; }

.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }

.hidefocus { outline: none; }

hr { display: block; clear: both; *margin-top: -8px !important; *margin-bottom: -8px !important; }

.xs0 { font-family: Tahoma,Helvetica,sans-serif; font-size: 0.83em;; -webkit-text-size-adjust: none; }
.xs1 { font-size: 12px !important; }
.xs2 { font-size: 14px !important; }
.xs3 { font-size: 16px !important; }
.xs4 { font-size: 21px !important}

.xw0 { font-weight: 400; }
.xw1 { font-weight: 700; }

.bbda { border-bottom: 1px dashed #CDCDCD; }
.btda { border-top: 1px dashed #CDCDCD; }
.bbs { border-bottom: 1px solid #CDCDCD !important; }
.bts { border-top: 1px dashed #CDCDCD !important; }

.bw0 { border: none !important; }
.bw0_all, .bw0_all th, .bw0_all td { border: none !important; }

.bg0_c { background-color: transparent !important; }
.bg0_i { background-image: none !important; }
.bg0_all { background: none !important; }

.mtn { margin-top: 5px !important; }
.mbn { margin-bottom: 5px !important; }
.mtm { margin-top: 10px !important; }
.mbm { margin-bottom: 10px !important; }
.mtw { margin-top: 20px !important; }
.mbw { margin-bottom: 20px !important; }

.ptn { padding-top: 5px !important; }
.pbn { padding-bottom: 5px !important; }
.ptm { padding-top: 10px !important; }
.pbm { padding-bottom: 10px !important; }
.ptw { padding-top: 20px !important; }
.pbw { padding-bottom: 20px !important; }
.pw0 { padding: 0px !important; }

.cur1 { cursor: pointer; }
.td { text-indent: 2em; }
.lh { line-height:200%;}	
.b1 { color: #444; }	
.hidden { display: none; }

/**/




.w{ width:1160px; margin:0 auto;}
.first{ margin-left:0 !important;}
.mr0{ margin-right:0 !important;}
#header, #wrapper, #footer { width: 100%; margin:0 auto; background:#fff;}
.header .top{ height:26px; line-height:26px; border-bottom:1px solid #e6e6e6; text-align:right; color:#939292;}
.header .top em{color:#666565; margin:0 8px;}
.header #header-area{ background:url(../images/tel.png?v) no-repeat right top; position:relative;}
#header{ position:fixed; top:0; z-index:999; height:149px; border-bottom:1px solid #ccc;-webkit-box-shadow:#ccc 1px 1px 1px;  -moz-box-shadow: #ccc 1px 1px 1px; box-shadow: #ccc 1px 1px 1px; }
#header a#weixin{ position:relative;}
#header a#weixin p{ position:absolute; display:none; padding-top:1px; left:-30px;}
#logo{ float:left;}
.navbar{padding:9px 10px; background#fff; border:1px solid #ddd; border-radius:5px; display:none;width:22px; cursor:pointer;}
.navbarhover{ background:#eee;}
.navbar .icon-bar{ height:2px; background:#888; display:block;}
.navbar .icon-bar+.icon-bar{margin-top:4px;}
.nav{ float:right; margin-top:60px;}
.nav li{ float:left; margin-left:30px; font-size:16px; line-height:50px; padding-left:20px;}
.nav li.hover a,.nav li a:hover{ color:#ff2c46;}
.nav li.nav0{ background:url(../images/nav0.png) no-repeat left center;}
.nav li.nav0.hover,.nav li.nav0:hover{ background:url(../images/nav_0.png) no-repeat left center;}
.nav li.nav1{ background:url(../images/nav1.png) no-repeat left center;}
.nav li.nav1.hover,.nav li.nav1:hover{ background:url(../images/nav_1.png) no-repeat left center;}
.nav li.nav2{ background:url(../images/nav2.png) no-repeat left center;}
.nav li.nav2.hover,.nav li.nav2:hover{ background:url(../images/nav_2.png) no-repeat left center;}
.nav li.nav3{ background:url(../images/nav3.png) no-repeat left center;}
.nav li.nav3.hover,.nav li.nav3:hover{ background:url(../images/nav_3.png) no-repeat left center;}
.nav li.nav4{ background:url(../images/nav4.png) no-repeat left center;}
.nav li.nav4.hover,.nav li.nav4:hover{ background:url(../images/nav_4.png) no-repeat left center;}
.nav li.nav5{ background:url(../images/nav5.png) no-repeat left center;}
.nav li.nav5.hover,.nav li.nav5:hover{ background:url(../images/nav_5.png) no-repeat left center;}
.nav li.nav6{ background:url(../images/nav6.png) no-repeat left center;}
.nav li.nav6.hover,.nav li.nav6:hover{ background:url(../images/nav_6.png) no-repeat left center;}
.nav li.nav7{ background:url(../images/nav7.png) no-repeat left center;}
.nav li.nav7.hover,.nav li.nav7:hover{ background:url(../images/nav_7.png) no-repeat left center;}


.banner{ height:490px; width:100%; background:url(../images/banner.png) no-repeat center top; margin-top:149px;}
.banner1{ height:400px; background:url(../images/banner1.jpg) no-repeat center top;}
.banner2{ height:400px; background:url(../images/banner2.jpg) no-repeat center top;}
.banner3{ height:400px; background:url(../images/banner3.jpg) no-repeat center top;}
.banner4{ height:400px; background:url(../images/banner4.jpg) no-repeat center top;}
.banner5{ height:400px; background:url(../images/banner5.jpg) no-repeat center top;}
.banner6{ height:400px; background:url(../images/banner6.jpg) no-repeat center top;}
.banner7{ height:400px; background:url(../images/banner7.jpg) no-repeat center top;}

.wrapper {}
.wrapper .box{ padding-top:30px;}
.wrapper .box .t h2{ font-size:36px; font-family:'黑体'; color:#1c1c1c; text-align:center;}
.wrapper .box .t span{ font-size:18px; color:#7a7a7a; font-family:Arial; text-align:center; display:block;}
.wrapper .box .t p{ font-family:'微软雅黑'; font-size:14px; color:#353434; padding:20px 0 30px; text-align:center;}

.wrapper .box2{ background:url(../images/bg2.png) repeat; padding-bottom:30px;}
.wrapper .box2 .t{ background:url(../images/bg4.png) no-repeat center bottom; padding-bottom:20px; margin-bottom:20px;}
.wrapper .box2 .t h2{ color:#fff;}
.wrapper .box2 .t span{ color:#adacac;}
.wrapper .box2 .c .y{ width:570px;}
.wrapper .box2 .c .y strong{ font-size:30px; font-family:'微软雅黑'; color:#fff; display:block; padding-bottom:20px; margin-bottom:20px; background:url(../images/hr.png) no-repeat left bottom;}
.wrapper .box2 .c .y span{ font-size:14px; font-family:Arial; color:#727171;}

.wrapper .box3 .tabt{ text-align:center; margin:20px 0 30px;}
.wrapper .box3 .tabt a{ display:inline-block; width:200px; line-height:60px; height:60px; border-bottom:3px solid #d5d5d5; color:#7a7a7a; font-size:22px; font-family:'微软雅黑';}
.wrapper .box3 .tabt a.hover,.wrapper .box3 .tabt a:hover{ background:url(../images/jt.png) no-repeat center bottom; border-color:#e52d45;}
.wrapper .box3 .tabc li{ width:247px; margin-left:20px; text-align:center; padding:13px; border:1px solid #dedede; float:left; font-size:14px; line-height:26px; color:#505050; position:relative; overflow:hidden;}
.wrapper .box3 .tabc li.hover,.wrapper .box3 .tabc li:hover{ color:#fff;}
.wrapper .box3 .tabc li div.plist-hover{ position:absolute; padding:30px; top:270px; left:0; width:212px; height:210px; background:#000; opacity:0; font-size:14px; color:#fff; display:none;}

.wrapper .box4{  background:url(../images/bg3.png) repeat; paddint-bottom:30px; margin-top:40px;}
.wrapper .box4 .t h2{ color:#ffffff;}
.wrapper .box4 .t span{ color:#e9fce7;}
.wrapper .box4 .c{ padding:30px 0;}
.wrapper .box4 .c li{ float:left; margin-left:24px; width:173px;}
.wrapper .box4 .c li p{ color:#fff; font-size:16px; text-align:center;line-height:30px; border-top:1px solid #9ddba0; margin:20px auto; width:105px;}
.wrapper .box4 .c li:hover p a{ color:yellow;}

.wrapper .box5{ margin-bottom:30px;}
.wrapper .box5 dl{ width:360px; margin-left:40px; float:left; margin-top:20px;}
.wrapper .box5 dl dt{ border-bottom:1px solid #dedede; padding-bottom:5px;}
.wrapper .box5 dl dt h3{ font-size:18px; color:#e52d45; font-family:'微软雅黑'; display:inline-block;}
.wrapper .box5 dl dt em{ color:#bababa; padding:0 10px; font-size:18px;}
.wrapper .box5 dl dt span{ color:#bababa; font-size:13px;}
.wrapper .box5 dl dd img{ margin:10px 0;}
.wrapper .box5 dl dd li{ line-height:26px; background:url(../images/quan.png) no-repeat left center; padding-left:15px; position:relative; color:#4c4c4c;}
.wrapper .box5 dl dd li a:hover{ color:#e52d45;}
.wrapper .box5 dl dd li span{ position:absolute; right:0; top:0; color:#8c8c8d;}

#cont {}
#sidebar{}
#main {}
#footer{ background:#181818; padding:30px 0; color:#d8d8d8; line-height:20px;}
#footer-area dl{ float:left; margin-left:20px; width:138px; text-align:center;}
#footer-area dl dt{ color:#e52d45; background:url(../images/footNavBg.png) no-repeat bottom center; padding-bottom:15px; margin-bottom:8px; font-size:14px; font-family:'微软雅黑';}
#footer-area dl dd a{ display:block; font-size:13px; font-family:'微软雅黑'; line-height:24px; color:#fff;}
#footer-area dl.erweima{ float:right; color:#fff; line-height:26px; text-align:center;}
#footer-area dl.erweima dt{ background:none; height:10px;}

.footer-service{ background:#e52d45; color:#fdf3f4; font-size:13px;  font-family:'微软雅黑'; line-height:30px; height:30px; margin:20px 0 30px; font-weight:bold;}




/*
 * 内页
 */
.sonbtn { margin:30px 0;}
.sonbtn a{padding:5px 20px; background:#fff; color:#555; margin-right:20px; border-radius:5px; border:1px solid #c1bfbf; font-size:14px; font-family:'微软雅黑';}
.sonbtn a:hover,.sonbtn a.hover{padding:5px 20px; background:#e52d45; color:#fff; border-color:#e52d45;}

#cont h1.title{ color:#3d3d3d; font-size:32px; font-family:'微软雅黑'; text-align:center; border-bottom:1px solid #e3e3e3; padding:20px 0;}
#cont article.about{ font-size:15px; color:#c1bfbf;  font-family:'微软雅黑'; padding:50px 0; line-height:26px;}
article.contact{ background:url(../images/contactBg.jpg) no-repeat right bottom; margin:50px 0;}
article.default{ padding:30px 0;}
/* web */
.web { padding:30px 0; }
.web div{ width:226px; height:230px; float: left; padding:50px 80px 50px 160px;; background:url(../images/web_01.png) no-repeat 80px 50px;}
.web strong{ color:#666666; font-size:14px; display:block;}
.web span{ color:#b0adad; font-size:12px;}
.web p.jianshu{ padding:20px 0;}
.web p{ color:#666666; font-size:12px;}
.web .dui{ background:url(../images/duihao.png) no-repeat left center; padding-left:20px;}
.web .more{ margin-top:10px;}

.web .web1{ border-bottom:1px dashed #b0adad;border-right:1px dashed #b0adad;}
.web .web2{ background-image:url(../images/web_02.png);border-bottom:1px dashed #b0adad;}
.web .web3{ background-image:url(../images/web_03.png);border-right:1px dashed #b0adad;}
.web .web4{ background-image:url(../images/web_04.png);}

.web .liucheng{ background:none; width:1160px; padding-left:0; padding-right:0; padding-bottom:0; text-align:center;}

.webchat .mobile{ padding:30px; background:#f3f1ec;}
.mobileContent h3{ font-size:28px; color:#666; font-family:'微软雅黑'; padding-left:110px;}
.mobileContent h3 span{ color:#fea005;}
.mobileContent span.desc{ color:#bcbcbc; font-size:14px; font-family:"宋体";padding-left:110px; display:block; margin-bottom:30px;}
.mobileContent #mobileLeft{ width:110px; text-align:left; padding-top:165px;}
.mobileContent #mobileRight{ width:110px; text-align:right; padding-top:165px;}
.mobileContent #mobileContent{ width:940px;}
.mobileContent li{ float:left; margin-right:60px;}
.moreCase{ text-align:center; padding:80px 0 30px;}

.case li{ float:left; position:relative; margin-right:20px; height:500px; overflow:hidden; margin-bottom:20px; overflow:hidden; padding:15px 15px 0; border:1px solid #dedede;height:253px;}
.case li .apic{ display:block; width:340px; height:500px; overflow:hidden;}
.case li img{ width:340px; height:auto;}
.case li.mr0{margin-right:20px !important;}
.case > ul li:nth-child(3n+0){margin-right:0 !important;}
.case li p{ text-align:center; line-height:28px; height:28px; display:block; color:#505050; width:100%; font-size:16px;}
.case li div.plist-hover{ position:absolute; padding:30px; top:270px; left:0; /*width:212px;*/ height:210px; background:#000; opacity:0; font-size:14px; color:#fff; display:none;}

.product-hover2, .product-hover { display: block; border-radius: 100%; position: absolute; bottom: 50px; left: 45px; width: 50px; height: 50px; background: url("../images/product-hover.png") no-repeat 0 0; background-size: 100%;font-size:0px;}
.product-hover2 { position: absolute; bottom: 50px; left:auto; right:45px;background-image: url(../images/product-hover2.png); background-size: 100%; }
.product-hover2:hover, .product-hover:hover { box-shadow: 0 0 14px #87C8EC; box-shadow: 0 0 0.14rem #87c8ec; text-decoration: none; background-image: url(../images/product-hover_hover.png); background-size: 100%;}
.product-hover2:active, .product-hover:active { -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; margin-top: 1px; margin-top: 0.01rem; background-image: url(../images/product-hover_active.png); background-size: 100%; }
.product-hover2:hover { background-image: url(../images/product-hover2_hover.png); background-size: 100%; }
.product-hover2:active { background-image: url(../images/product-hover2_active.png); background-size: 100%; }

.news li{ border:1px solid #e52d45; position:relative;}
.news li img{ float:left; border:9px solid #e52d45; margin-right:30px;}
.news li h3{ padding:20px 0; font-size:20px; font-family:'微软雅黑'; color:#242424;}
.news li h3 a:hover{ color:#e52d45;}
.news li p{ font-size:14px; font-family:'微软雅黑'; line-height:26px; padding-right:20px;}
.news li .newsMore{ display:block; border:1px solid #e52d45; position:absolute; right:20px; bottom:20px; padding:5px 15px;}
.news li .newsMore:hover{ background:#e52d45; color:#fff; border-color:#e52d45}


/*detail*/
#detail{overflow:hidden;}
#detail h1{margin-top:5px;padding-bottom:20px;font:bold 20px/30px "microsoft yahei";color:#383838;}

#detail .art_jk {width:620px;height:130px;background:url(/images/article/jk.png) no-repeat left center;}
#detail .art_jk ul{padding-top:55px;padding-left:25px;}
#detail .art_jk ul li {float:left;}
#detail .art_jk ul .design_mj {position:relative;}
#detail .art_jk ul .design_mj span{position:absolute;right:18px;top:8px;font-size:22px;color:#0077d1;}
#detail .art_jk ul li input {width:100px;height:32px;line-height:32px;border:1px solid #0077d1;margin-right:10px;padding-left:10px;font-size:14px;color:#ccc}
#detail .art_jk ul li select{width:100px;height:36px;line-height:36px;border:1px solid #0077d1;margin-right:10px;padding-left:10px;font-size:14px;color:#ccc}
#detail .art_jk ul li button{width:90px;height:36px;border:1px solid #0077d1;margin-right:10px;background-color:#0077d1;font-size:14px;font:"microsoft yahei";color:#fff}
#detail .art_jk .p_miaoshu {text-align:right;margin-right:30px;margin-top:8px;}
#detail .art_jk .p_miaoshu span {color:#FD8511}

#detail .info{height:45px;line-height:18px;color:#999;border-bottom:solid 1px #ddd;}
#detail .info .fr span{display:inline-block;margin-top:16px;padding-right:15px;}
#detail .info em{font-weight:bold;font-family:Verdana;color:#cc0000;}
#detail .info .bdsharebuttonbox{float:right;padding-top:6px;}

#detail .summary{margin-top:25px;border:solid 1px #ddd;background-color:#fafafa;}
#detail .summary div{padding:15px 15px 10px;line-height:20px;font-family:"微软雅黑";color:#333;}
#detail .summary strong{color:#383838;}
#detail .summary p{height:32px;line-height:32px;padding:0 15px;border-top:dashed 1px #ddd;color:#999;}
#detail .summary a{padding-right:8px;color:#999;}
#detail .summary a.more{padding-left:8px;color:#0b3b8c;}
#detail .content img{ max-width:100% !important; height:auto !important;}
#detail .content{color:#333;margin-top:30px;font:normal 14px/180% "微软雅黑";overflow:hidden;}
#detail .content table{width:100%;border-left:1px solid #aacbee;border-bottom:1px solid #aacbee;margin:5px 0px 5px 0px; line-height:120%; padding:0px; font-size:12px;}
#detail .content table th,.content table .c1{background: #DFEFFF;}
#detail .content table th,.content table td{border-top:1px solid #aacbee;border-right:1px solid #aacbee;padding:4px 5px;}
#detail .content table td{height:21px;}
#detail .content .table50{width:50%;}
#detail .content .table60{width:60%;}
#detail .content .table70{width:70%;}
#detail .content .table80{width:80%;}
#detail .content .table90{width:90%;}
#detail .content p{margin:0;padding:10px 0;}
#detail .content h1{font-weight: bold;font-size: 18px;vertical-align:baseline;line-height:20px;padding-top:15px;}
#detail .content h2{font-weight: bold;font-size: 16px;vertical-align:baseline;line-height:18px;padding-top:15px;}
#detail .content h3{font-weight: bold;font-size: 14px;vertical-align:baseline;line-height:16px;padding-top:15px;}

.art_page{margin:5px 0 15px;}
.art_page li{height:22px;line-height:22px;font-size:14px;overflow:hidden; font:normal 14px/180% "微软雅黑";}

.m{margin-top:10px;}
.m .mt{height:34px;border-top:solid 3px #2b2b2b;border-bottom:solid 1px #ddd;}
.m .mt h2{float:left;padding-top:4px;font:bold 16px/30px "microsoft yahei";color:#333;}
.m .mt .extra{float:right;padding-top:12px;}

.links-a ul{padding:10px 0;}
.links-a ul li{float:left;width:559px;height:25px;line-height:25px;margin-right:20px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


/*分页*/
.pages{margin:30px 5px;overflow: hidden;}
/*.pages a,.pages span{display: block;height:30px;width:auto;background-color: #f44c44;border:1px solid #f44c44;float:left;margin-right: 5px;padding:0 12px;text-align: center;line-height: 30px;font-size: 12px;color:#fff;}
.pages a:hover,.pages a.thisclass{background-color: #fff;color: #f44c44;text-decoration:none;}
.pages font{display:block;width:30px;height:30px;float:left;font-size:30px;line-height:30px;}*/

.pages li,.pages span a,.pages span.page-status{display: block;height:30px;width:auto;background-color: #f44c44;border:1px solid #f44c44;float:left;margin-right: 5px;text-align: center;line-height: 30px;font-size: 12px;color:#fff; padding:0 10px;}
.pages li a.pages span a{ color:#fff; padding:0 15px;}
.pages li:hover,.page_list li.thisclass,.page_list li:hover a,.pages span:hover,.page_list span.thisclass,.page_list span:hover a{background-color: #fff;color: #000;text-decoration:none;}
.pages font{display:block;width:30px;height:30px;float:left;font-size:30px;line-height:30px;}
.pages li.thisclass,.pages li:hover,.pages li:hover a ,.pages span.thisclass,.pages span:hover,.pages span:hover a,.pages span a.page-num-current{ color:#f44c44;font-weight:bold; background:#fff;}
.pages li.thisclass,.pages li .pageinfo,.pages span.thisclass,.pages span .pageinfo{ padding:0 15px;}

/*功能模块*/
.funcList{ position:relative;  width:980px;  margin:0 auto;}
.funcList ul.list{ overflow:hidden;}
.funcList .list li{ float:left; display:inline; width:158px; height:204px; text-align:center; padding:12px 0 0; margin:0 18px; overflow:hidden;}
.funcList .list li h3{ color:#000000; font:16px/20px "微软雅黑";margin:10px 0 0;}
.funcList .list li p{ color:#535352;font:14px/20px "微软雅黑"; margin:10px 0 0;}
.funcList .list li:hover{width:154px; height:201px; border:1px solid #ebebeb; border-bottom:3px solid #ebebeb;border-right:3px solid #ebebeb; border-radius:5px; padding-top:11px; cursor:pointer;}
.btn_more{ clear:both; width:247px; height:44px; margin:30px auto;}
.btn_more a{ display:block; width:172px; height:44px; padding:0 0 0 75px; background:url(../images/btn_more.jpg) no-repeat; color:#ffffff; font:17px/44px "微软雅黑"; }
.btn_more a:hover{ text-decoration:none;}

.tc_detail{ position:absolute; top:0; left:-110px; width:1200px; height:652px; background:url(../images/bg_tc_detail.jpg) no-repeat; display:none; }
.tc_detail .op{ position:absolute; width:322px; top:0; left:0; z-index:30;}
.tc_detail .op .fl{ float:left; width:79px; height:44px; background:#633c23; padding:0 14px;}
.tc_detail .op .fl a{ color:#fff; line-height:44px; font-size:18px;}
.tc_detail .op .fl a.slider_prev{ margin-right:50px;}
.tc_detail .op a.close{ float:right; display:block; width:18px; height:18px; background-position:-200px -400px; margin:12px 12px 0 0;}
.tc_detail .cover{ position:absolute; top:35px; left:327px;  width:457px; height:473px;background:url(../images/bg_cover.png) no-repeat; z-index:20;}
.tc_detail .wrap_slider{ width:1200px; height:652px; overflow:hidden;}
.tc_detail .detailList { position:relative; height:652px; }
#magazine{width:1200px; height:652px;}
#magazine .turn-page{
 	background:url(../images/bg_tc_detail.jpg) no-repeat;
	background-size:100% 100%;
}
/*.tc_detail .detailList li{ position:absolute; width:1440px; height:652px; z-index:1;}*/
.icon_01{ background:url(../images/icon_01.png) no-repeat;}
.tc_detail .detailList .page{ width:1200px; height:652px;}
.tc_detail .detailList .fl{ float:left; width:322px; height:560px; padding:92px 0 0 0;}
.tc_detail .detailList .title{ text-align:center; color:#ffffff; font-size:30px; line-height:82px;}
.tc_detail .detailList .title img{ margin-right:20px;}
.tc_detail .detailList .title span{ background:url(../images/round.png) left center no-repeat; padding-left:22px;}
.tc_detail .detailList h3{ width:270px; color:#ffffff; font:18px "微软雅黑";  margin:40px auto 30px;}
.tc_detail .detailList p{ width:300px; margin:0 auto; color:#ffffff; font:14px/24px "微软雅黑"; margin-bottom:30px;}
.tc_detail .detailList .fr{ float:left; width:813px; height:622px; padding:30px 0 0 65px;}


/*--联系我们--*/

.message {width: 828px;height: 630px;background: url(../images/bj_contact.jpg) no-repeat left top;background-size: contain;margin: 0 auto;margin-bottom: 60px;}
.message .left {width: 404px;float: left;line-height: 24px;}
.message .left .tel {padding: 40px 0 35px 30px;}
.message .left .tel .hot {background: url(../images/icon_tel.png) no-repeat 0px 2px;display: block;padding: 8px 0;padding-left: 30px;}
.message .map {text-align: center;height: 274px;}
.message .dress {text-align: center;padding-top: 30px;}
.message .right {width: 310px;float: right;line-height: 24px;padding-top: 50px;margin-right: 50px;}
.message .right li {margin-bottom: 10px;overflow: hidden;}
.message .right li .error {float: left;display: inline-block;}
.message .right input {outline: none;border: 0;background: #efefef;height: 30px;width: 94%;padding: 4px 6px;float: left;}
.message .right textarea {outline: none;border: 0;background: #efefef;height: 150px;width: 94%;padding: 4px 6px;float: left;font-size: 12px;}


/* qq */
.rightQQ{ position:fixed; top:180px; right:0; width:225px; z-index:99;}
.online_icon {overflow: hidden;}
.online_icon a {display: block;width: 85px;height: 148px;background: url(../images/qq_online_trigger.png) no-repeat;font-size: 16px;text-align: center;color: #000;}
.online_windows {width: 144px;}
.online_w_top {background: url(../images/online_bg.png) no-repeat -36px 0;height: 10px;_background: url(../images/online_bg_ie6.png) no-repeat -36px 0;_margin-bottom: -7px;}
.online_w_c {background: url(../images/online_bg.png) repeat-y 0 -185px;padding: 0 5px;_background: url(../images/online_bg_ie6.png) repeat-y 0 -185px}
.online_w_bottom {background: url(../images/online_bg.png) repeat-y -36px -35px;height: 29px;_background: url(../images/online_bg_ie6.png) repeat-y -36px -35px;}
.online_content {background: url(../images/online_bg.png) no-repeat -147px -185px;padding-top: 11px;_background: url(../images/online_bg_ie6.png) no-repeat -147px -185px;}
.online_content a.qq_icon {background: url(../images/online_bg.png) no-repeat -37px -130px;width: 121px;height: 25px;display: block;margin: 0 auto;text-indent: 30px;line-height: 23px;cursor: pointer;}
.online_content a.qq_icon:hover {background-position: -159px -130px;color: #FFF;}
.online_bar h2 {background: url(../images/online_bg.png) repeat-x 0 -156px;height: 29px;line-height: 27px;font-size: 12px;color: #666;text-align: left;}
.online_bar h2 a {display: block;padding-left: 14px;margin-left: 6px;cursor: pointer;}
.expand h2 a {background: url(../images/online_bg.png) no-repeat -36px -69px;_background: url(../images/online_bg_ie6.png) no-repeat -36px -69px;}
.collapse h2 a {background: url(../images/online_bg.png) no-repeat -36px -96px;_background: url(../images/online_bg_ie6.png) no-repeat -36px -96px;}
.expand h2 a:hover, .collapse h2 a:hover {text-decoration: none;color: #c81d04;}
.online_content {text-align: center;border-bottom: 1px solid #d0d0d0;}
.online_content ul li {height: 24px;line-height: 24px;margin-bottom: 4px;}
.online_content ul li a:hover {color: #c81d04;}
#online_qq_layer {position: absolute;right: -140px;z-index: 20;}
* html, * html body {_background-attachment: fixed;}
* html #online_qq_layer {_bottom: auto;
_top:expression(eval(document.documentElement.scrollTop + 150));}
#online_qq_tab {float: left;margin-top: 50px;}
#onlineService {float: left;margin-left: -4px;}
#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6 {display: none;}
#onlineType1 {display: block;}

/* flexslider */

.flexslider{position:relative;height:490px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:490px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right -1px no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:2px 0;}

@media screen and (max-width: 1200px) { 
	.w{width:100%;}
	.w img{ max-width:100%; height:auto;}
	.nav{margin-top:50px;width:560px;}
	.nav li{width:90px; line-height:30px;}
	.footer-service{overflow:hidden;}
}
@media screen and (max-width: 1180px) { 
	.box3 .w{ width:570px;}
	.box3 .w li{ margin-bottom:20px;}
	.box3 .w li:nth-child(2n+1){margin-left:0;}
	.box4 .w{ width:570px;}
	.box4 .w li:nth-child(3n+1){margin-left:0;}
	.wrapper .box5 dl {width:32%; margin-left:1.999%;}
	.wrapper .box5 dl dd img{width:100%; height:auto;}
}
@media screen and (max-width: 1050px) { 
	.wrapper .box2 .c  .z{ display:none;}
	.wrapper .box2 .c .y{width:100%;}
	.wrapper .box2 .c .y img{display:block;}
	#footer-area dl.erweima{display:none;}
}
@media screen and (max-width: 800px) { 
	.nav{width:443px;}
	.nav li{margin-left:0;}
	.banquan .y{display:none;}
	.wrapper .box5 .w{width:360px;}
	.wrapper .box5 dl {width:360px;float:none; margin:0 auto;}
}
@media screen and (max-width: 700px) { 
	.nav{display:none;width:100%; margin-top:0; background:#F9F7F3;}
	.nav li{width:100%;padding:0; text-indent:20px; line-height:40px;background-position:5% center !important; text-align:center;}
	.nav li+li{ border-top:1px solid #206F96}
	.header #header-area{ background:none;}
	.navbar{position:absolute; right:20px; top:70px;display:block;}
	
}
