﻿/* 样式预定义 */
body{ font-family:"Microsoft YaHei","微软雅黑"; min-width:1200px;}
body, dl, dd, p, h1, h2, h3, h4, h5, h6 {margin: 0}
ol, ul {margin: 0;padding: 0;list-style: none}
a {text-decoration: none;color: black}
a:hover{color:#f00;}
img{border: none; vertical-align: top}
br{font-size: 0}
.left{ float:left}
.right{ float:right}

/* more */
.more{ display: inline-block; width: 160px; line-height: 56px; text-align:  center; background-color: #00b677; color: white; border-radius: 10px; font-size: 20px}

/* nav */
#nav{ width:1200px; margin:0 auto; height:60px}
#nav li{ float:left; width:150px; text-align:center; height:60px}
#nav a{ display:block; width:100%; cursor:pointer; color:white}
.nav_a1{ height:60px; line-height:60px; font-size:18px}
.nav_a2{ line-height:30px; background-color:#666; background-color:rgba(0,0,0,0.6); font-size:14px}
.nav_div1{ display:none; position:relative; z-index:999}
#nav li:hover .nav_a1{ background-color:#e2b35a}
#nav li:hover .nav_div1{ display:block}
#nav li a:hover{color:#ff0000}

/* head_01 */
.head_01{ width: 1200px; margin: 0 auto}

/* header_02 */
.header_02{ background: #00b677}

/* foot */
.foot{ width:1200px; margin: 0 auto; color: #333333; font-size: 14px; padding-top:20px}
.foot div{ width:1200px; margin:0 auto; text-align:center; padding:6px 0}
.foot a{ color: #333} 
.foot img{ vertical-align: middle}
.foot i{ padding:0 10px}

/* slideBox */
.slideBox{ overflow:hidden; zoom:1; position:relative; padding-top:30px; margin: 0 -44px}
.slideBox ul{ overflow:hidden; zoom:1}
.slideBox ul li{ float:left; _display:inline; overflow:hidden; width:430px; cursor:pointer}
.slideBox ul .pic{ text-align: center}
.slideBox ul .pic img{ width:336px; height:216px; vertical-align:top; margin-bottom: 30px; border:1px solid #999}
.slideBox ul .title{ display:block; width: 336px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; line-height:30px; margin: 0 auto}
.slideBox ul .remark{ color: #999999; line-height: 20px; font-size: 14px; width: 336px; margin: 0 auto; text-align: justify; height: 40px; overflow: hidden}
.slideBox ul .remark p{ font-size: 14px !important}

/* focusBox */
.focusBox{ position: relative; overflow:hidden}
.focusBox .pic img{ display: block; width:100%; vertical-align:top}
.focusBox .num{ position: absolute; z-index: 3; bottom: 20px; right: 48%}
.focusBox .num li{ float: left; width: 10px; height: 10px; cursor: pointer; background-color:red; border-radius:4px; margin-right:10px}
.focusBox .num li.on { background:#FFFFFF}

/*public_title_1*/
.public_title_1{ line-height:50px; border-bottom:#00b677 solid 1px;}
.public_title_1 img{ vertical-align:middle}

/*public_title_2*/
.public_title_2{ line-height:50px; background-color: #f5f6f7; padding:0 10px 0 20px; margin-bottom: 10px}
.public_title_2 img{ vertical-align:middle}
.public_title_2 a{ float:right}

/*public_title_3*/
.public_title_3{ margin-left:76px;width: 70%;height:50px;text-align:left;line-height:50px;padding-top:10px;color:#FFF; border-bottom:#FFF solid 1px;}
.public_title_3 img{ vertical-align:middle;}
.public_title_3 span{ font-size:16px; font-weight:400}
.public_title_3 a{ float:right; padding-right:10px; line-height:50px; color:#FFF}

/* view_bottom */
.view_bottom{ padding:10px 0}
.view_bottom li{ overflow:hidden; line-height:30px; vertical-align:top}
.view_bottom span{ float:left; font-size:16px}
.view_bottom span a{ color:#424242}
.view_bottom i{ float:right; font-size:12px; font-style:normal;}
.view_bottom li a:hover{color:#ff0000}

/* temp_title */
.temp_title{ width: 1200px; margin: 0 auto; text-align:  center}
.temp_title p{ font-size: 24px; color: #333333; font-weight: 800; line-height: 40px; padding-bottom: 6px}
.temp_title i{ display: block; width: 40px; height: 4px; background-color: #00b677; margin: 0 auto 10px}
.temp_title span{ display: block;}

/* body_03 */
.body_03{ background-color: #f5f6f7; padding:40px 0 20px}
.slideBox1{ width: 1200px; margin: 0 auto; overflow: hidden}

/* body_04 */
.body_04{ padding:40px 0 20px}
.body_04 .box{ width: 1200px; margin: 0 auto; padding:60px 0 30px; overflow: hidden;}
.body_04 .box div{ float: left; width: 106px; text-align: center; margin-right: 166px}
.body_04 .box img{ width: 100%; margin-bottom: 30px}

/*body_02*/
.body_02{ margin:0 auto; width:1200px; margin-top:20px; overflow:hidden;}
.body_02_01{ height:352px; width:520px}
.body_02_02{ width:630px}
.body_211{ height:185px; display: table-cell; vertical-align: middle}
.body_211 p{ line-height:30px; text-indent:2em; color:#6F6F6F}
.body_211 button{ height:36px; width:116px; background:#00b677; font-size:16px; border-radius:45px; color:#FFFFFF; outline:none; border:0; float:right; margin:10px 10px 0 0}
.body_212{ margin-top:15px}
.body_212 img{ height: 100px; width: 160px; margin-left:8px}
.body_221{ overflow:hidden; cursor:pointer}
.body_221 .right{ margin-left:20px; width:365px}
.body_221 .p1{ line-height:36px; color:#373737; border-bottom:#A1A1A1 solid 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px}
.body_221 .p2{ line-height:22px; color:#6E6E6E; font-size:14px; text-align: justify; height: 88px; overflow: hidden; display:block}

/**body_07**/
.body_07_scoller{ background:url(../dxfzzx/images/icon_14.png) no-repeat center center; height:250px; background-size: auto 100%}
.body_07{ width:560px; margin:0 auto 0; text-align:center; overflow:hidden; padding-top:140px}
.body_07 div{ width:220px; border:#FFF solid 1px; border-radius:8px; line-height: 55px}
.body_07 a{ color:#FFF; font-size:22px}

/**body_08**/
.body_08_scoller{ background:#f5f6f7; padding:40px 0 20px}
.body_08{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px}
.body_08 .item1{ width:600px; height:213px; overflow:hidden; cursor:pointer}
.body_08 .item1 .item1_remark{ width:300px; background:url(../xxhy/images/icon_16.png) no-repeat center top; height:213px;}
.body_08 .item1 .item1_remark p{ padding: 40px 20px 0 38px; font-size:16px; color:#333; text-align:justify}
.body_08 .item1 .item1_image{ width:300px;height:213px;}
.body_08 .item1 .item1_image img{width:300px;height:213px;}