﻿@charset "utf-8";


.clearfix{ clear:both;}
.habout{ width:1200px; margin:0 auto; margin-top:60px;}
.habout_1{ width:1200px; height:100px; text-align:left; background:url(../images/fl2.png) no-repeat top left 80px; background-size:auto;}
.habout_1_1{ width:1200px; text-align:left; height:50px; line-height:50px; color:#000000; font-size:36px; padding-top:8px;}
.habout_1_2{ width:70px; text-align:left; height:7px; line-height:7px; background-color:#2781c0; margin-top:10px;}
.habout_1_3{ width:1200px; text-align:left; height:20px; line-height:20px; color:#999999; font-size:14px; margin-top:10px;}
.habout_2{ width:1200px; margin-top:20px;}
.habout_2_1{ width:500px; float:left;}
.habout_2_2{ width:650px; float:right;}
.habout_2_2 img{ width:100%;}
.habout_2_1_1{ width:500px; text-align:left; line-height:80px; font-size:22px; height:80px; margin-top:10px;}
.habout_2_1_2 p{ text-indent:2em; line-height:30px; margin:15px 0px; font-size:15px; color:#666666;}
.habout_2_1_3{ width:500px; height:40px; margin-top:35px;}
a.hamore{ display:block; width:120px; height:30px; text-align:center; line-height:30px; color:#2781c0; border:1px #2781c0 solid; text-decoration:none; font-size:15px;}
a.hamore:hover{color:#ff7e00; border:1px #ff7e00 solid;}


.hlicheng{ width:100%; background:url(../images/hprobg1.jpg) no-repeat top center; padding-top:60px; padding-bottom:60px; margin-top:60px;}
.hlicheng_1{ width:1200px; margin:0 auto;}
.hlicheng_1_1{ width:400px; float:left;}
.hlicheng_1_1_1{ width:400px; height:150px; background-color:#2781c0; margin-top:40px; text-align:right; padding-top:30px;}
.hlicheng_1_1_1_1{ width:280px; height:90px; margin:0px 30px 0px auto; border:2px #FFFFFF solid; text-align:left;}
.hlicheng_1_1_1_1_1{ width:280px; height:50px; margin-left:-50px; background-color:#2781c0; font-size:36px; color:#FFFFFF; line-height:46px; margin-top:20px;}
.hlicheng_1_1_2{ width:400px; font-size:14px; line-height:24px; color:#666666; margin-top:20px;}
.hlicheng_1_2{ width:750px; float:right;}
.hlicheng_1_2 img{ width:100%;}
.hlicheng_2{ width:1200px; margin:0 auto; margin-top:50px;}
.hlicheng_2_1{ width:1200px; height:188px; background:url(../images/fl16.jpg) repeat-x center;}
.hlicheng_2_1_1{ float:left; margin-top:83px; text-align:center}
.hlicheng_2_1_1_1{ width:16px; height:16px; border:2px #ff6600 solid; background:#FFFFFF; margin:0 auto;
 border-radius:10px; 
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;}
.hlicheng_2_1_1_2{ height:30px; line-height:30px; color:#000000; font-size:16px; margin-top:20px;}
span.nian{ font-size:24px; line-height:30px;}
.hlicheng_2_1_1_3{ height:30px; line-height:30px; color:#000000; font-size:15px;}
.hlicheng_2_1_2{ float:left;  text-align:center; margin-top:4px; margin-left:-10px;}

.hchanpin_1{ width:1200px;}
.hchanpin_1_1{ display:block; float:left; padding:5px 30px; margin-right:20px; font-size:16px; line-height:30px;}

.hchanpin_2{ background-color:#2781c0;width:1200px; text-align:left; border-top:8px #FFFFFF solid; height:110px; }
.hchanpin_2_1,#tab1,#tab2,#tab3,#tab4,#tab5{ width:1120px; text-align:center; height:50px; padding:30px;}

.hchanpin_2_1_1{ display:block; float:left; padding:0px 30px; margin-right:20px; font-size:16px; line-height:50px;  background-color:#CCCCCC; color:#000000; height:50px;}
.hchanpin_2_1_1:hover{ background-color:#FFFFFF; color:#2781c0;}

.xian{ display:block;}
.cang{ display:none;}
.hhnav{ background-color:#CCCCCC; color:#000000; display:block; float:left; padding:10px 20px; margin-right:20px; font-size:16px; line-height:30px;}
.hhhnav{ background-color:#2781c0; color:#FFFFFF; display:block; float:left; padding:10px 20px; margin-right:20px; font-size:16px; line-height:30px;}


.hlicheng_2_1_2_2{ height:30px; line-height:30px; color:#000000; font-size:16px; }
span.nian{ font-size:24px; line-height:30px;}
.hlicheng_2_1_2_3{ height:30px; line-height:30px; color:#000000; font-size:15px; margin-bottom:20px;}
.hlicheng_2_1_3{ float:left;  text-align:center; margin-top:83px; margin-left:-20px;}
.hlicheng_2_1_4{ float:left;  text-align:center; margin-top:4px;}
.hlicheng_2_1_5{ float:left;  text-align:center; margin-top:83px; margin-left:-50px;}
.hlicheng_2_1_6{ float:left;  text-align:center; margin-top:4px; margin-left:-15px;}
.hlicheng_2_1_7{ float:left;  text-align:center; margin-top:83px; margin-left:-10px;}
.hlicheng_3{ width:100%; height:237px; background:url(../images/fl4.png) no-repeat center; margin-top:50px;}


.hxuanze{ width:1200px; margin:0 auto; margin-top:60px;}
.hxuanze_1{ width:1200px; height:40px; line-height:40px; color:#000000; font-size:36px; text-align:center;}
.hxuanze_2{ width:800px; margin:0 auto; line-height:24px; color:#999999; font-size:14px; text-align:center; margin-top:30px;}
.hxuanze_3{ width:1200px; margin-top:60px;}
.hxuanze_3_1{ width:800px; float:left; height:247px;}
.hxuanze_3_2{ width:800px; float:left;  height:247px;}
.hxuanze_3_3{ width:800px; float:left; background:url(../images/fl8.jpg) no-repeat center; height:247px;}
.hxuanze_3_4{ width:400px; float:right;  margin-top:-494px; height:741px;}

.hxuanze_3_1_1{ width:400px; height:247px; float:left; background-color:#f9f9f9;}
.hxuanze_3_1_2{ width:400px; height:247px; float:left;}
.hxuanze_3_1_2 img{ width:400px;}
.hxuanze_3_1_1_1{ width:300px; margin:50px 0px 0px 50px; text-align:left; font-size:30px; color:#000000; font-weight:bold; text-transform:uppercase; letter-spacing:-2px; }
.hxuanze_3_1_1_2{ width:300px; margin:10px 0px 0px 50px; text-align:left; font-size:24px; color:#000000;}
.hxuanze_3_1_1_3{ width:60px; margin:10px 0px 0px 50px; text-align:left; font-size:12px; line-height:3px; height:3px; background-color:#999999;}
.hxuanze_3_1_1_4{ width:300px; margin:20px 0px 0px 50px; text-align:left; font-size:16px; color:#666666;}

.xuan2{ background-color:#FFFFFF;}
.xuan3{ background:none;}
.xuan3_1{ margin-top:30px;}
.xuan3_2{ line-height:30px;}

.hxuanze_3_4_1{ width:400px; height:247px;}
.hxuanze_3_4_2{ width:400px; height:494px; overflow:hidden;}
.hxuanze_3_4_2 img{ height:494px;}


.hzhanlue{ width:100%; background:url(../images/fl9.jpg) no-repeat center; padding:60px 0px; margin-top:60px;}
.hzhanlue_1{ width:1200px; margin:0 auto;}
.hzhanlue_1_1{ width:420px; float:left;}
.hzhanlue_1_2{ width:720px; float:right;}
.hzhanlue_1_2 img{ width:100%;}

.hzhanlue_1_1_1{ width:400px; font-size:36px; color:#000000; line-height:50px; text-align:left; padding-top:30px;}
.hzhanlue_1_1_2{ width:420px; margin-top:60px;}
.hzhanlue_1_1_2_1{ width:80px; float:left; margin-right:50px;}
.hzhanlue_1_1_2_1_1{ width:50px; height:50px; margin:0 auto;}
.hzhanlue_1_1_2_1_2{ width:80px; height:30px; text-align:center; font-size:16px; color:#000000; line-height:30px;}
.hzhanlue_1_1_3{ width:420px; font-size:15px; line-height:30px; color:#333333; margin-top:60px;}


.hkehu{ width:1200px; margin:0 auto; margin-top:60px;}
.hkehu_1{ width:580px; float:left; height:320px; overflow:hidden;}
.hkehu_2{ width:580px; float:right;  height:320px; overflow:hidden;}
.hkehu_1_1{ width:580px; height:320px;  position:absolute;  overflow:hidden;}
.hkehu_1_2{ width:580px; height:50px; text-align:center; color:#FFFFFF; font-size:36px; line-height:50px; position:relative;  top:135px;}
a.botdh img{width:auto; max-width:100%; height:auto; margin:0 auto; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s;}
a.botdh:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}