* { margin:0; padding:0; font-style:normal; font-weight:normal; font-family:"Microsoft YaHei","微软雅黑";}
html,body { width:100%; height:100%;}
html,body,img { border:none;}
ul,ol,li { list-style:none;}
a { text-decoration:none; color:#09c;}
a:hover { text-decoration:none; color:#f60;}

.row { *zoom:1;}
.row:before, .row:after { display:table; content:""; line-height:0;}
.row:after { clear:both;}

.layout { width:980px; margin:0 auto;}
.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.overflow { overflow:hidden;}

.header { border-bottom:1px solid #ccc;}
.header .q1 { overflow:hidden;}
.header .q1 img { margin-top:10px;}
.header .q2 { margin-left:-1px;}
.header .q2 a { color:#333; float:left; text-align:center; display:block; padding:0 30px; margin:15px 0; border-left:1px solid #ccc;}
.header .q2 a p { color:#999; font-size:14px;}
.header .q2 a:hover { color:#f60;}

#index_swiper { width:100%;height:330px; margin-top:10px;}
#index_swiper .swiper-slide { text-align:center; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; overflow:hidden; height:326px;}/*height:446px;*/
#index_swiper .swiper-pagination { position:absolute; bottom:10px; width:100%; text-align:center;}
#index_swiper .swiper-pagination-switch { display:inline-block; width:20px; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:center; background:#ccc; border-radius:50%; margin:0 3px; cursor:pointer;}
#index_swiper .swiper-active-switch { background:#2e8061; color:#fff;}

.project_index { margin-top:10px;}
.project_index .q1 { padding-left:35px; background:url(../images/body/t1.png) no-repeat; height:54px; line-height:54px; color:#fff;}
.project_index .q2 { height:130px; overflow:hidden; margin-top:10px; position:relative;}
.project_index .q3 { height:130px; position:absolute; padding:0 20px; left:0; top:0; z-index:1;}
.project_index .q3 td { padding:0 10px;}
.project_index .q3 a { display:block; width:168px; position:relative;}
.project_index .q3 div { width:168px; height:130px; overflow:hidden;}
.project_index .q3 p { color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; height:25px; line-height:25px; position:absolute; left:0; bottom:0; width:168px; font-size:12px; background-image:url(../images/body/t1_a.png);}
.project_index .q3 a:hover p { color:#f60;}
.project_index .q3 span { display:inline-block; width:0; height:100%; vertical-align:middle;}
.project_index .q3 img { vertical-align:middle; width:100%;}
.project_index .q4 { height:130px; position:absolute; top:0; cursor:pointer; width:30px; background-repeat:no-repeat; background-position:50% 50%; background-color:#fff; z-index:2;}
.project_index #project_index_t1_l { left:0; background-image:url(../images/body/t1_l.png);}
.project_index #project_index_t1_r { right:0; background-image:url(../images/body/t1_r.png);}
.project_index .q4:hover { background-color:#ffd6bb;}

.news_index { margin-top:40px;}
.news_index .q1 { float:left;}
.news_index .q2 { float:left; width:295px; margin:0 15px;}
.news_index .q4 { color:#f00; font-size:44px; font-family:Arial; float:left;}
.news_index .q5 { font-size:16px; height:20px; line-height:20px; padding-top:5px; text-indent:5px;}
.news_index .q6 { color:#666; height:16px; line-height:16px;}
.news_index .q6 a { float:right; font-size:12px; color:#999; padding-top:2px;}
.news_index .q6 a:hover { color:#f60;}
.news_index .q8 { padding-top:15px;}
.news_index .q8 a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555; font-size:12px; padding:5px 0 5px 10px; background:url(../images/body/t2.jpg) 0 50% no-repeat;}
.news_index .q8 a:hover { color:#f60;}
.news_index .q8 a span { float:right; color:#999;}

.footer { border-top:1px solid #ccc; margin-top:20px; font-size:12px; color:#666;}
.footer .q1 { padding:20px;}
.footer .q3 {}
.footer .q3 p { line-height:200%;}
.footer .q3 p a { padding:0 10px; color:#666;}
.footer .q3 p a:hover { color:#f60;}

.about { color:#555;}
.about .q1 { padding:10px 0;}
.about .q2 { width:220px; float:left;}
.about .q2 p { font-size:16px; text-align:center; border-bottom:2px solid #f00; padding-bottom:5px; margin-bottom:10px;}
.about .q2 a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; border-bottom:1px dashed #ccc; color:#555; padding:10px; font-size:14px;}
.about .q2 a:hover { color:#f60;}
.about .q3 { width:740px; float:right; overflow:hidden; line-height:180%; padding-bottom:40px; font-size:14px;}

.news { color:#555;}
.news .q1 { padding:10px 0;}
.news .q2 { width:220px; float:left;}
.news .q2 p { font-size:16px; text-align:center; border-bottom:2px solid #f00; padding-bottom:5px; margin-bottom:10px;}
.news .q2 a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; border-bottom:1px dashed #ccc; color:#555; padding:10px; font-size:14px;}
.news .q2 a:hover { color:#f60;}
.news .q3 { width:720px; float:right; overflow:hidden; line-height:180%; padding-bottom:40px; font-size:14px;}
.news .q4 { padding:20px 0;}
.news .q4 a { display:block; border-bottom:1px dashed #ccc; color:#555; padding:5px 0 5px 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/body/t2.jpg) 0 50% no-repeat;}
.news .q4 a:hover { color:#f60;}
.news .q4 a span { color:#999; float:right;}
.news .q5 { font-size:28px; text-align:center; padding-top:40px;}
.news .q6 { color:#999; font-size:12px; text-align:center; padding:20px 0;}

.project { color:#555;}
.project .q1 { padding:10px 0;}
.project .q2 { width:220px; float:left;}
.project .q2 p { font-size:16px; text-align:center; border-bottom:2px solid #f00; padding-bottom:5px; margin-bottom:10px;}
.project .q2 a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; border-bottom:1px dashed #ccc; color:#555; padding:10px; font-size:14px;}
.project .q2 a:hover { color:#f60;}
.project .q3 { float:right; width:740px; overflow:hidden;}
.project .q3 a { float:left; margin:0 0 20px 20px;}
.project .q3 div { width:220px; height:170px; overflow:hidden;}
.project .q3 span { display:inline-block; width:0; height:100%; vertical-align:middle;}
.project .q3 img { vertical-align:middle; width:100%;}
.project .q3 p { text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555; padding:5px;}
.project .q3 a:hover { background-color:#dfdfdf;}
.project .q3 a:hover p { color:#f60;}
.project .q4 { float:right; width:720px; overflow:hidden; margin-top:20px;}
.project .q5 { float:left;}
.project .q5 img { width:340px; padding:0 20px 20px 0;}
.project .q6 { font-size:28px; color:#333; padding-bottom:20px;}
.project .q7 { color:#666; line-height:200%; font-size:14px;}

.strategic {}
.strategic .q1 { height:390px; background-image:url(/strategic/images/bg03.jpg); background-repeat:no-repeat; background-position:100% 0;}
.strategic .q2 { height:100%; background-image:url(/strategic/images/bg01.jpg); background-repeat:no-repeat; background-position:50% 0; font-size:14px;}
.strategic .q3 { padding-top:180px;}
.strategic .q4 { padding-top:20px;}
.strategic .q4 p { color:#b00; padding-top:10px;}
.strategic .q4 span { padding-left:20px; color:#555;}
.strategic .q5 { height:447px; background-color:#e84e42;}
.strategic .q6 { height:100%; background-image:url(/strategic/images/bg02.jpg); background-repeat:no-repeat; background-position:50% 0;}
.strategic .q7 { width:480px; float:right; padding:140px 20px 0 0; color:#fff;}
.strategic .q7 p { font-size:14px; color:#f1ab90; padding-top:10px;}
.strategic .q8 { font-size:18px;}
.strategic .q8 span { font-size:54px; padding:0 10px; vertical-align:middle;}
.strategic .q9 { font-size:24px; padding-top:20px;}

.contact {}
.contact .q1 { color:#b00; font-size:24px; text-align:center; padding:40px 0;}
.contact .q2 { border:1px solid #ccc; width:100%;}
#baidu_map { margin:10px; height:450px;}
.contact .q3 { padding:20px 0;}
.contact .q3 dl { float:left; width:325px;}
.contact .q3 dt { text-align:center; font-size:18px; color:#555;}
.contact .q3 dd { padding:20px; color:#777; font-size:14px;}
.contact .q3 dd img { padding-right:10px; vertical-align:middle;}

.color_rose { color:#f0f;}/*瑰红*/
.color_rose2 { color:#fff; background-color:#f0f; border-radius:3px; padding:1px 2px;}
.color_gray { color:#999;}/*灰*/
.color_gray2 { color:#fff; background-color:#999; border-radius:3px; padding:1px 2px;}
.color_green { color:#191;}/*绿*/
.color_green2 { color:#fff; background-color:#191; border-radius:3px; padding:1px 2px;}
.color_orange { color:#f60;}/*橙*/
.color_orange2 { color:#fff; background-color:#f60; border-radius:3px; padding:1px 2px;}
.color_red { color:#f00;}/*红*/
.color_red2 { color:#fff; background-color:#f00; border-radius:3px; padding:1px 2px;}
.color_black { color:#111;}/*黑*/
.color_black2 { color:#fff; background-color:#111; border-radius:3px; padding:1px 2px;}
.color_blue { color:#049;}/*蓝*/
.color_blue2 { color:#fff; background-color:#049; border-radius:3px; padding:1px 2px;}
.color_wathet { color:#0cf;}/*浅蓝*/
.color_wathet2 { color:#fff; background-color:#09c; border-radius:3px; padding:1px 2px;}
.color_white { color:#fff;}/*白*/
.color_white2 { color:#000; background-color:#fff; border-radius:3px; padding:1px 2px;}
.color_bold { font-weight:bold;}/*加粗*/

/*page*/
.pagex { padding-right:10px; *zoom:1; text-align:center; margin-bottom:20px; font-size:14px;}
.pagex:before, .pagex:after { display:table; content:"";}
.pagex:after { clear:both;}
.pagex a { color:#666; border:1px solid #ccc; background-color:#fff; text-decoration:none;}
.pagex strong { color:#fff; background-color:#ff9148; border:1px solid #f60;}
.pagex span { color:#aaa; margin:0 2px;}
.pagex a,.pagex strong { margin:0 2px; padding:2px 10px; display:inline-block;}
.pagex a,.pagex strong { _zoom:1; *display:inline;}/*IE6,7*/
.pagex a.pleft { margin-right:10px;}
.pagex a.pright { margin-left:10px;}
.pagex a:hover { color:#f60; text-decoration:none; background-color:#ffe3d1; border:1px solid #f60; cursor:pointer;}