*{padding:0; margin:0; list-style:none; box-sizing:border-box; -webkit-box-sizing:border-box; font-family:"微软雅黑"; word-wrap:break-word;}
a{color:#000; text-decoration:none;}
img{width:auto; height:auto; max-height:100%; max-width:100%;}
.con{width:1200px; height:auto; margin:0 auto; overflow:hidden;}



header{width:100%; height:43px; background: url(../images/top_bg.jpg) no-repeat center; background-size:cover;}
header dl{float:left; width: auto; height:43px; line-height: 43px; font-size:13px;}
header .right{float:right; width:auto; height:auto; overflow: hidden; display:none;}
header .right dd{display: block; float:left; font-size:18px; color:#295697; line-height: 43px;}
header .right dd span{color:#f00;}
header .right a{display:block; height:43px; line-height: 43px; float:left; margin-left:20px; font-size:14px;}


nav{width: 100%; height: 88px; background:url(../images/nav_bg.jpg) no-repeat top center;}
nav .con{overflow:visible;}
nav .logo{display:block; width:386px; height:88px; float:left;}
nav .logo img{display:block; height:50px; width:auto; margin-top:17px;}
nav ul{width:auto; height:auto; overflow: hidden; float:left;}
nav ul > li{width:auto; height:auto; float:left;}
nav ul > li > a{display:block; width:102px; height:88px; line-height: 88px; text-align:center; font-size:16px; color:#fff;}
nav ul > li:hover > a{background:url(../images/bg.png) no-repeat; background-size:100% 100%;}
nav ul > li:nth-child(1) > a{background:url(../images/bg.png) no-repeat; background-size:100% 100%;}
nav ol{width:120px; height:auto; background:#fff; position:absolute; z-index:2; transform:translate(-18px,0); -webkit-transform:translate(-18px,0); display:none;}
nav ol li{width:100%; height:auto;}
nav ol li a{display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:15px; color:#333;}
nav ol li:hover a{color:#fff; background:#e50330;}
nav ul > li:hover ol{display:block;}
/*分页样式*/
.page_turner { padding: 4px 0px 0px 1px; float: right; clear: both; }
.page_turner a, .page_turner span { float: left; display: block; border: 1px solid #D3D1D1; padding: 2px 5px; margin-left: 4px; line-height: 16px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #CC0001; color: #FFF; }
#total { color: red; }
#gotop { position: fixed; width: 19px; bottom: 35px; height: 63px; cursor: pointer; display: none; background: url(images/gotop.gif) no-repeat; }


#tupianlunbo .swiper-container .swiper-slide{width:100%; height:100%;}
#tupianlunbo .swiper-container{width:100%; height:100%;}
#tupianlunbo .swiper-container .swiper-wrapper{width:100%; height:100%;}


#content1{margin-top:30px; background:#f5f5f5; padding:15px 0 35px 0;}
#content1 .dl .gengduo{display:inline-block; vertical-align:top; width:auto; height:40px; line-height:40px; background:#ddd; font-size:15px; color:#666; padding:0 15px; border-radius:5px;}
#content1 .dl .gengduo i{padding-left:5px;}
#content1 .dl .gengduo:hover{background:#033e74; color:#fff;}
#content1 .dl{width:30.6%; height:auto; float:left; margin-right:4.1%;}
#content1 .dl:nth-child(3n){margin-right:0;}
#content1 .dl h5{width:100%; height:45px; line-height:45px; border-bottom:3px solid #033e74; font-size:22px; color:#333; margin-bottom:24px;}
#content1 .dl h5 span{display:block; width:auto; height:auto; overflow:hidden; float:right; margin-top:10px;}
#content1 .dl h5 span i{display:block; width:32px; height:28px; text-align:center; line-height:28px; color:#333; background:#ddd; float:left; margin-right:5px; cursor:pointer; border-radius:5px;}
#content1 .dl h5 span i:hover{background:#033e74; color:#fff;}
#content1 .dl1 .jian{width:100%; height:75px; overflow:hidden; font-size:15px; color:#666; line-height:25px;}
#content1 .dl1 ul li h4{display:block; width:100%; height:75px; overflow:hidden; font-weight:100; font-size:15px; color:#666; line-height:25px; margin-bottom:20px;}
#content1 .dl1 ul{width:100%; height:310px; margin-top:35px; overflow:hidden;}
#content1 .dl1 ul ol{width:20000px; height:100%; overflow:hidden; position:relative; left:-375px;}
#content1 .dl1 ul li{width:365px; height:100%; float:left; margin-right:10px;}
#content1 .dl1 ul li .bg{width:100%; height:0; padding-bottom:55%;}
#content1 .dl1 ul li .txt{width:100%; height:auto;}
#content1 .dl1 ul li .txt dd{display:block; width:100%; height:auto; font-size:16px; font-weight:bold; color:#444; margin:5px 0 5px 0;}
#content1 .dl1 ul li .txt p{font-size:14px; color:#666; line-height:25px; width:100%; height:25px; overflow:hidden; margin-bottom:10px;}

#content1 .dl2 ul{width:100%; height:275px; overflow:hidden;}
#content1 .dl2 ul li{width:100%; height:auto; margin-bottom:15px;}
#content1 .dl2 ul li span{display:block; width:100%; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
#content1 .dl2 ul li a{display:block; width:100%; height:20px; line-height:20px; overflow:hidden; font-size:14px; color:#082d5c; font-weight:bold;}
#content1 .dl2 ul li:hover a{color:#00649d;}
#content1 .dl2 ul li p{width:100%; height:40px; font-size:14px; color:#666; line-height:20px; overflow:hidden;}
#content1 .dl3 img{width:100%; height:148px;}
#content1 .dl3 p{font-size:14px; color:#666; line-height:23px; width:100%; height:auto; margin-bottom:10px;overflow: hidden;}



#content2{margin-top:50px;}
#content2 .con{position:relative;}
#content2 h1{text-align:center; font-size:30px; font-weight:500;}
#content2 ul{width: 1100px; height:auto; margin:0 auto; overflow:hidden;}
#content2 ul ol{width:20000px; height:auto; overflow:hidden; position:relative; left:-226px; padding:25px 0;}
#content2 ul ol li{width:196px; height:auto; float:left; margin-right:30px; transition:transform .3s; -webkit-transition:transform .3s;}
#content2 ul ol li:nth-child(4){transform:scale(1.25);}
#content2 ul ol li img{display:block; width:100%; height:120px;}
#content2 .click{position:absolute; top:38%; display:block; width:45px; height:45px; line-height: 40px; border-radius:50%; cursor: pointer; font-size:26px; font-weight:100; color:#999; border:5px solid #ccc; text-align:center;}
#content2 .click-le{left:0;}
#content2 .click-ri{right:0;}

bottom{display:block; width:100%; height:auto; border-top:1px solid #ccc; border-bottom:15px solid #033e74; margin-top:30px; padding:20px 0;}
bottom ol{text-align:center; font-size:0;}
bottom ol li{width:auto; height:auto; display:inline-block; vertical-align: top; margin:0 20px;}
bottom ol li a{display:block;max-width: 150px;height: 60px;font-size:14px;}
bottom ol li a img{height: 100%;width: 100%;}
bottom ol li:hover a{color:#033e74;}
bottom dl{width:100%; height:auto; text-align:center; font-size:13px; color:#666; margin-top:20px;}
bottom ul{width:100%; height:auto; text-align:center; font-size:0; margin-top:20px;}
bottom ul li{width:auto; height:55px; margin:0 10px; line-height: 20px; border:1px solid #ccc; display:inline-block; vertical-align: top; font-size:12px; color:#666;}
bottom ul li img{display:block; float:left; width:35px; height:auto;}
bottom ul li dd{display:block; float:left; padding:0 10px;}








/**********分页共用*********/
#fy-content{margin-top:20px;}
#fy-content #left{width:200px; height:auto; float:left;}
#fy-content #left h2{width:100%; height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px; background:#023d75;}
#fy-content #left ul{width:100%; height:auto; background:#065eb5;}
#fy-content #left ul li{width:100%; height:auto;}
#fy-content #left ul li a{display:block; width:100%; height:30px; line-height:30px; font-size:14px; color:#fff; padding:0 10px;}
#fy-content #left ul li:hover a{background:#064a8c;}
#fy-content #left h2:nth-of-type(2){margin-top:15px;}
#fy-content #left dl{border:1px solid #ccc;}
#fy-content #left dl img{display:block; width:100%; height:auto;}
#fy-content #left dl .txt{font-size:14px; line-height:25px; color:#444; padding:10px;}
#fy-content #right{width:calc(100% - 220px); -webkit-width:calc(100% - 220px); height:auto; float:right;}

#fy-content #left form{width:100%; height:auto; padding-top:10px;}
#fy-content #left form li{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
#fy-content #left form li input{display:block; width:100%; height:40px; border:1px solid #ccc; padding:0 10px;}
#fy-content #left form li textarea{display:block; width:100%; height:100px; border:1px solid #ccc; padding:10px;}
#fy-content #left form input[type=submit]{display:block; width:100%; height:40px; border:none; margin:0 auto; color:#fff; background:#023d75;}


#weizhi{width:100%; height:30px; line-height:30px; font-size:14px; color:#666; background:#f1f1f1; padding:0 10px; margin-bottom:10px;}
#weizhi a{color:#666;}




/**********关于我们*********/
#about{width:100%; height:auto; overflow:hidden;}
#about img{display:block; margin:0 auto;} 



/*********新闻中心*********/
#news li{width:100%; height:auto; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc;}
#news li .bg{display:block; float:left; width:150px; height:100px;}
#news li .txt{width:calc(100% - 165px); -webkit-width:calc(100% - 165px); height:auto; float:right;}
#news li .txt a{display:block; width:100%; height:25px; line-height:25px; overflow:hidden; font-size:15px; color:#444;}
#news li .txt p{width:100%; height:60px; line-height:20px; overflow:hidden; font-size:14px; color:#666; margin-top:15px;}
#news li:hover .txt a{text-decoration:underline; color:#023d75;}




/*********案例**********/
#anli{width:100%; height:auto; overflow:hidden;}
#anli li{width:32%; height:auto; float:left; margin-right:2%; margin-bottom:15px; background:#efefef;}
#anli li:nth-child(3n){margin-right:0;}
#anli li a{display:block; width:100%; height:auto; padding:10px;}
#anli li .bg{width:100%; height:0; padding-bottom:60%;}
#anli li h5{text-align:center; font-size:13px; color:444; width:100%; height:40px; line-height:40px; overflow:hidden;}
#anli li p{text-align:center; font-size:13px; width:100%; height:20px; line-height:20px; overflow:hidden;}
#anli li:hover h5{color:#023d75;}



/*********联系我们**********/
#lianxi form{width:300px; height:auto; margin:0 auto; border:1px solid #ccc;}
#lianxi form dl{width:100%; height:30px; line-height:30px; padding:0 20px; font-size:16px; border-bottom:1px solid #ccc;}
#lianxi form input[type=text]{display:block; width:100%; height:30px; padding:0 20px; border:none; border-bottom:1px solid #ccc;}
#lianxi form textarea{display:block; width:100%; height:60px; padding:0 20px; border:none; border-bottom:1px solid #ccc;}
#lianxi form input[type=submit]{display:block; width:100%; height:40px; background:#; color:#666; border:none; font-size:
18px;}





/*******留言*******/
#liuyan form{width:450px; height:auto;}
#liuyan form li{width:100%; height:auto; overflow:hidden; margin-bottom:15px;}
#liuyan form li span{display:block; float:left; width:100px; height:40px; line-height:40px; font-size:15px; color:#444;}
#liuyan form li input{display:block; float:right; width:calc(100% - 100px); -webkit-width:calc(100% - 100px); height:40px; border:1px solid #ccc; padding:0 10px;}
#liuyan form li textarea{display:block; float:right; width:calc(100% - 100px); -webkit-width:calc(100% - 100px); height:100px; border:1px solid #ccc; padding:10px;}
#liuyan form input[type=submit]{display:block; width:150px; height:40px; border:none; margin:0 auto; color:#fff; background:#023d75;}