html{ overflow-y:scroll;background:#f5f5f5 url(../images/background.jpg); }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,blockquote,th,td,label,p,em { margin:0;padding:0;font-weight:normal;font-style:normal;font-family:"Microsoft Yahei",sans-serif,Arial,Verdana; }
body { font-size:12px;color:#5f5f5f; }
img { border:0; }
table{ border-collapse:collapse;border-spacing:0; }
a { outline:none;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0); }
a:link, a:visited { transition:color 0.3s ease;color:#5f5f5f;text-decoration:none; }
a:hover { color:#ff0000;text-decoration:none; }
a.red { color:#ce000c; }
a.red:hover { color:#f50303; }
a.yellow { color:#fcc923; }
a.yellow:hover { color:#ffff00; }
ul,ol { list-style:none; }

/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #e8e8e8; border-radius:2px; }
.select{ padding:7px; border:1px solid #e8e8e8; line-height:20px; }

/*按钮样式*/
.btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#1e7bb3; border:1px solid #02598E; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }

.no-info,.no-record { width:100%;text-align:center; }

#guanyu .guanyu,#zuopin .zuopin,#jiaoliu .jiaoliu,#lianxi .lianxi { background-position:center -42px;color:#ff0; }
#guanyu .guanyu:hover,#zuopin .zuopin:hover,#jiaoliu .jiaoliu:hover,#lianxi .lianxi:hover { color:#fff; }

.ui-header { width:100%;min-width:1200px;height:170px;background:url(../images/header-bg.jpg) no-repeat center top; }
.ui-header dl { margin:0 auto;width:1200px;height:149px;overflow:hidden; }
.ui-header dl dt { float:left;width:360px;height:100%;background:url(../images/logo.png) no-repeat -2px center; }
.ui-header dl dt a { display:block;width:350px;height:100%;overflow:hidden;text-indent:-1000px; }
.ui-header dl dd { float:right;padding-top:82px;text-align:center; }
.ui-header dl dd a { display:inline-block;margin-left:15px;width:160px;height:42px;line-height:42px;background:url(../images/web-menu-bg.png) no-repeat;color:#3b3b3b;font-size:15px;text-indent:-30px; }
.ui-header dl dd a:hover { color:#9f0000; }

.swiper-container { width:100%;min-width:1200px;height:550px;background:#000 url(../images/banner-bg.jpg); }
.swiper-slide { font-size: 18px;color:#fff;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 40px 160px; }
.swiper-pagination span { width:50px;height:2px;border-radius:0; }
.swiper-pagination span.swiper-pagination-bullet-active { background:#d5d5d5 }
.swiper-line { width:100%;min-width:1200px;height:21px;background:url(../images/banner-line.jpg) no-repeat center bottom; }

.main-line { width:100%;min-width:1200px;height:45px;background:url(../images/main-line.jpg) no-repeat center bottom; }

.h-main { margin:0 auto;width:1200px;overflow:hidden; }
.h-main dl { margin:8px 0 15px 0;width:100%;height:268px;overflow:hidden; }
.h-main dl dt { float:left;padding-left:85px;width:477px;height:100%;background:url(../images/h-title-sp.png) no-repeat left center; }
.h-main dl dt div { width:476px;height:268px;overflow:hidden; }
.h-main dl dd { float:right;padding-right:85px;width:530px;height:100%;background:url(../images/h-title-zz.png) no-repeat right center; }
.h-main dl dd a { transition:opacity 0.5s ease;float:left;display:block;margin-right:18px;width:218px;height:100%;overflow:hidden; }
.h-main dl dd a:hover { opacity:.8; }
.h-main dl dd h1 { margin:12px 0;padding-left:20px;line-height:1em;border-left:3px solid #f39800;font-size:18px;color:#7d5b47;overflow:hidden; }
.h-main dl dd p { margin-top:4px;line-height:2em;color:#7d5b47; }

.h-title { width:100%;height:115px;text-align:center; }
.h-more { padding:20px 0 30px 0;width:100%;overflow:hidden;text-align:center; }
.h-more a { transition:background 0.5s ease;margin:0 auto;display:block;width:200px;height:40px;line-height:40px;background:url(../images/h-more-bg.png) no-repeat;color:#8d4002;font-size:13px;text-align:center; }
.h-more a:hover { background-position:center bottom;color:#fff; }
.h-more.m2 { margin-top:-10px;padding-top:0; }

.h-jiaoliu { width:1220px;overflow:hidden; }
.h-jiaoliu li { float:left;margin:15px 20px 0 0;width:590px;height:76px;background:url(../images/h-jl-li-bg.png) no-repeat;overflow:hidden; }
.h-jiaoliu li div { float:left;margin-right:10px;width:120px;height:100%;line-height:1em;text-align:center;color:#7f0000;font-size:14px; }
.h-jiaoliu li div em { display:block;line-height:52px;font-size:30px;font-weight:100; }
.h-jiaoliu li a { float:left;display:block;padding-top:1px;width:450px;height:34px;line-height:34px;font-size:16px;color:#4c2a17;overflow:hidden; }
.h-jiaoliu li a:hover { color:#9f0000; }
.h-jiaoliu li p { float:left;width:440px;height:34px;line-height:1.5em;color:#7e5c49;overflow:hidden; }

.h-zuopin { margin-top:-9px;padding:44px 28px 0px 28px;width:1144px;height:790px;background:url(../images/h-works-bg.png) no-repeat;overflow:hidden; }
.h-zuopin li { float:left;margin:0 5px 20px 5px;width:276px;overflow:hidden;text-align:center; }
.h-zuopin li a { display:block;padding:5px;height:222px;font-size:13px;transition:border-color 0.6s ease,color 0.3s ease,background-color 0.6s ease;border:1px solid #ededed;background:#fff;overflow:hidden;border-radius:4px; }
.h-zuopin li a:hover { border-color:#b19380;background:#b19380;color:#fff; }
.h-zuopin li em { position:relative;display:block;width:100%;height:185px;overflow:hidden; }
.h-zuopin li em img { transition:opacity 0.6s ease;height:185px;
	transition: transform 1s;
	-moz-transition: -moz-transform 1s;
	-webkit-transition: -webkit-transform 1s;
	-o-transition: -o-transform 1s;
	position:absolute;left:0;top:0;
}
.h-zuopin li:hover em img {
	transform:scale(1.3,1.3);
	-ms-transform:scale(1.3,1.3); /* IE 9 */
	-moz-transform:scale(1.3,1.3); /* Firefox */
	-webkit-transform:scale(1.3,1.3); /* Safari and Chrome */
	-o-transform:scale(1.3,1.3); /* Opera */
}
.h-zuopin li p { padding:5px 5px 0 5px;line-height:24px;overflow:hidden;text-align:left; }
.h-zuopin li p span { float:right;color:#bd0202; }


.m-banner { width:100%;min-width:1200px;height:350px;background:#030303 url(../images/m-banner.jpg) no-repeat center top;background-size:auto 100%; }

.m-title { width:100%;height:120px;text-align:center; }
.m-title.contact { background:url(../images/m-title-lx.png) no-repeat center top; }
.m-title.about { background:url(../images/m-title-gy.png) no-repeat center top; }
.m-title.works { background:url(../images/h-title-zp.png) no-repeat center top; }
.m-title.communication { background:url(../images/h-title-jl.png) no-repeat center top; }

.m-main { margin:0 auto;width:1100px;overflow:hidden; }
.m-main .t { width:100%;height:50px;background:url(../images/m-content-t.png) no-repeat; }
.m-main .c { padding:0 50px;background:url(../images/m-content-c.png) repeat-y;overflow:hidden; }
.m-main .b { padding:5px 0 0 380px;height:50px;background:url(../images/m-content-b.png) no-repeat;overflow:hidden; }
.m-main .b span { float:left;display:inline-block;line-height:36px }

.m-catalog { margin:-15px auto 0 auto;width:1200px;height:52px;border-top:2px solid #ffba00;text-align:center; }
.m-catalog a { display:inline-block;margin:0 3px;padding:0 30px;line-height:36px;border:1px solid #e6d5b3;border-top:0px;background:#fff url(../images/class-bg.jpg);border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#252525; }
.m-catalog a:hover { border-color:#f8b551;color:#af0000; }
.m-catalog a.cur { border-color:#f8b551;color:#fd7d00;font-weight:bold; }

.m-pic-list { margin:0 auto;width:996px;overflow:hidden; }
.m-pic-list li { float:left;margin:0 10px 20px 10px;width:312px;overflow:hidden;text-align:center; }
.m-pic-list li a { display:block;padding:5px;height:250px;font-size:13px;transition:border-color 0.6s ease,color 0.3s ease,background-color 0.6s ease;border:1px solid #ededed;background:#fff;overflow:hidden;border-radius:4px; }
.m-pic-list li a:hover { border-color:#b19380;background:#b19380;color:#fff; }
.m-pic-list li em { position:relative;display:block;width:100%;height:210px;overflow:hidden; }
.m-pic-list li em img { transition:opacity 0.6s ease;height:210px;display:block;
	transition: transform 1s;
	-moz-transition: -moz-transform 1s;
	-webkit-transition: -webkit-transform 1s;
	-o-transition: -o-transform 1s;
	position:absolute;left:0;top:0;
}
.m-pic-list li:hover em img {
	transform:scale(1.3,1.3);
	-ms-transform:scale(1.3,1.3); /* IE 9 */
	-moz-transform:scale(1.3,1.3); /* Firefox */
	-webkit-transform:scale(1.3,1.3); /* Safari and Chrome */
	-o-transform:scale(1.3,1.3); /* Opera */
}
.m-pic-list li p { padding:5px 5px 0 5px;line-height:24px;overflow:hidden;text-align:left; }
.m-pic-list li p span { float:right;color:#bd0202; }

.m-pic-list.l2 li p { text-align:center; }

.info-list { list-style:none;width:100%;overflow:hidden; }
.info-list li { position:relative;transition:background 0.3s ease,border 0.5s ease;margin-bottom:5px;padding:0px 30px;height:82px;border-left:5px solid #f3f3f3;border-right:5px solid #f3f3f3;background:#f3f3f3;overflow:hidden;border-radius:6px; }
.info-list li:hover { border-left:5px solid #5f3a2a;border-right:5px solid #5f3a2a;background:#efefef; }
.info-list li a:link, .info-list li a:visited { display:block;line-height:34px;height:36px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#5f3a2a;font-weight:bold; }
.info-list li a:hover { color:#bd0202; }
.info-list li p { height:40px;line-height:1.5em;overflow:hidden;color:#7c7c7c; }
.info-list li div { position:absolute;right:30px;top:12px;float:right;color:#a5a5a5; }
.info-list li em { display:block;float:left;width:120px;height:100%;margin-right:10px;background:#d1beb5;overflow:hidden; }
.info-list li em img { height:100%; }

.info-title { font-size:18px;overflow:hidden; }
.info-title2 { height:35px;font-size:18px;overflow:hidden;border-bottom:1px #dfdfdf dotted;text-align:center; }
.info-dec { padding-top:15px;height:24px;border-bottom:1px #dfdfdf dotted;color:#a5a5a5; }
.info-dec span { padding:0 10px; }
.info-dec a { float:right; }
.info-content { overflow:hidden;padding:10px 0px 30px 0px;font-size:14px;line-height:1.8em;white-space:normal;text-justify:inter-ideograph;text-align:justify;font-size:14px; }
.info-content h1 { font-size:16px; }
.info-content p { margin:10px 0px 0px 0px; }
.info-content img { max-width:728px; }

.record-prev,.record-next { line-height:2.4em; }

#contVideo { margin:0 auto;width:802px;height:452px;overflow:hidden;text-align:center; }

.contact-line { margin-top:-15px;height:20px;border-top:2px solid #ffba00;overflow:hidden; }
.contact-code { margin:0 auto 20px auto;width:980px;padding:20px;border:1px solid #ddd;background:#fff;overflow:hidden;text-align:center;border-top-left-radius:25px;border-bottom-right-radius:25px; }
.contact-code div { display:inline-block;margin:0 20px;letter-spacing:2px; }
.contact-code div img { margin-bottom:5px;display:block;width:94px;height:94px;border:1px solid #eaeaea;border-radius:2px; }

.ui-footer { margin-top:30px;width:100%;min-width:1200px;height:230px;background:#2a2a2f url(../images/footer-bg.jpg) repeat-x; }
.ui-footer dl { margin:0 auto;padding-top:85px;width:1200px;overflow:hidden; }
.ui-footer dl dt { float:left; }
.ui-footer dl dt div { height:42px; }
.ui-footer dl dt div a { display:inline-block;margin-right:25px;color:#fff; }
.ui-footer dl dt div a:hover { color:#afafaf; }
.ui-footer dl dt  p { line-height:2em;color:#afafaf; }
.ui-footer dl dt  p a { color:#afafaf; }
.ui-footer dl dt  p a:hover { color:#fff; }
.ui-footer dl dd { float:right; }
.ui-footer dl dd div { float:left;margin-left:30px;letter-spacing:2px;text-align:center;color:#fff; }
.ui-footer dl dd div img { margin-bottom:5px;display:block;width:94px;height:94px;border-radius:2px; }

/*百度地图*/
#MapContent { margin:0 0 -29px 0;padding-top:1px;width:100%;min-width:1200px;height:650px;border-top:1px solid #e8e5dd;overflow:hidden; }
.iw_poi_title { height:24px;color:#dd3a00;font-size:18px; }
.iw_poi_content { padding-top:5px;width:350px;line-height:2em; }

/*分享*/
.ui-share { margin:0 auto;padding:30px 0px 0px 50px;width:400px; }
.ui-share div span { float:left;display:inline-block;line-height:36px }

/*评论样式*/
.comment-add{ margin-top:15px; _width:100%; _position:relative; _overflow:hidden; }
    .comment-add .editor{ position:relative; margin-right:18px; }
	.comment-add .editor textarea{ width:100%; height:70px; }
	.comment-add .subcon{ margin-top:15px; }
.comment-box{ position:relative; margin-top:15px; }
	.comment-list li{ padding:15px 0; border-top:1px solid #f7f7f7; }
	.comment-list li .avatar{ display:block; float:left; margin-top:6px; background:#fff; border-radius:2px; width:42px; height:42px; overflow:hidden; }
	.comment-list li .avatar img{ width:42px; height:42px; }
	.comment-list li .inner{ margin-left:52px; }
	.comment-list li .inner p{ color:#333; font-size:14px; line-height:1.8em; }
	.comment-list li .inner .meta{ margin:0; padding-top:3px; color:#999; border:none; }
	.comment-list li .inner .meta .time{ margin-left:5px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat left -158px; }
	.comment-list li .answer{ margin-top:10px;margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
	.comment-list li .answer .meta{ margin:0; padding:0; color:#999; margin-bottom:5px; border:none; }
	.comment-list li .answer p{ color:#555; font-size:14px; line-height:1.8em; }

/*标题样式*/
.base-tit{ border-bottom:1px solid #f0f0f0; color:#3b8dd1; line-height:1em; font-size:18px; font-weight:normal; }
	.base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #3b8dd1; }
	.base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
/*页码容器*/
.page-box{ margin-top:15px; color:#999; font-size:14px; }
.paging-nav { padding-top:20px;width:100%;line-height:32px;text-align:center;overflow:hidden;text-transform:uppercase; }
	.paging-nav label { display:inline-block;color:red; }
	.paging-nav span { cursor:default;display:inline-block;margin:0 2px;padding:0 8px;border:#a5a5a5 1px solid;border-radius:30px; }
	.paging-nav a { display:inline-block;margin:0 2px;padding:0 8px;border:#a5a5a5 1px solid;color:#000000;text-decoration:none;border-radius:30px; }
	.paging-nav a:hover { border:#ffc000 1px solid;color:#000000; }
	.paging-nav .current { border:#d80403 1px solid;background:#d80403;color:#fff; }
	.paging-nav .disabled { border:#a5a5a5 1px solid;color:#a5a5a5; }
	.paging-nav span em { color:#d80403 }
/*视频容器*/
.video-box{ position:relative; width:100%; height:473px; _clear:both; _display:inline; }
/*提示样式*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:380px; font-size:14px; text-align:left; }
	.msg-tips .ico{ display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden; }
	.msg-tips .ico.error{ background-position:-50px 0; }
	.msg-tips .ico.warning{ background-position:-100px 0; }
	.msg-tips .msg{ margin-left:60px; }
	.msg-tips .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.msg-tips .msg p{ line-height:1.8em; }
	.msg-tips .msg i{ color:#f00; font-style:normal;}
.form-box{ position:relative; padding:10px; border:1px solid #f6f6f6; background:#fff; font-size:14px; }
	.form-box dl{ display:block; padding:5px 0; }
	.form-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.form-box dl dt{ display:block; float:left; width:120px; line-height:38px; min-height:38px; color:#555; font-size:13px; text-align:right; _position:absolute; }
	.form-box dl dd{ position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:13px; overflow:hidden; _margin-left:120px; }
	.form-box dl dd label.radio{ margin-right:5px; }