/* CSS Document */
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/**{transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);}*/
body {
font-family:'微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif;
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
a:hover{
text-decoration: none;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
a{
text-decoration:none;
color: #323232;
font-size: 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
ul::after{
content: '';
height: 0;
display: block;
visibility: hidden;
clear: both;
}
ul li{
*zoom: 1;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;}
/* 通用样式 */
.middle{ width:100%; max-width:1180px; margin:0 auto; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear: both;}
.min_img{
position: relative;
overflow: hidden;
display: inline-block;
}
.min_img>img{
position: absolute;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all 0.36s;
-moz-transition: all 0.36s;
-ms-transition: all 0.36s;
-o-transition: all 0.36s;
transition: all 0.36s;
}
.min_img>img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.max_over{
display: inline-block;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
#back-to-top{position:fixed;bottom:5%;left:95%; z-index:9999;}
#back-to-top a span{display:block;height:50px;width:50px; background:url(../images/return_top.png) no-repeat center center; background-size:contain; margin-bottom:5px; -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s;}
#back-to-top a:hover span{ background:url(../images/return_top.png) no-repeat center center; background-size:contain;}
/*头部开始*/
.hd_top{
overflow: hidden;
*zoom: 1;
}
.hd_logo{
height: 66px;
display: block;
margin-top: 30px;
margin-bottom:30px;
}
.hd_logo img{
max-height: 66px;
}
.hd_ct{
background: url(../images/hd_ct.png) left center no-repeat;
padding-left: 60px;
height: 58px;
margin-top: 30px;
}
.hd_ct p{
font-size: 18px;
color: #3e3e3e;
margin-bottom: 3px;
line-height:22px;
}
.hd_ct h3{
font-size: 29px;
color: #ff9c00;
line-height:32px;
}
.hd_nav{
height: 55px;
background: #008cd5;
text-align: center;
overflow: hidden;
}
.hd_nav ul{
display: block;
overflow:hidden;
}
.hd_nav ul li{
line-height: 55px;
display:block;
width: 12.5%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
overflow:hidden;
}
.hd_nav ul li:hover{
background: #ff9c00;
}
.hd_nav ul li.hover{
background: #ff9c00;
}
.hd_nav ul li a{
font-size: 15px;
color: #ffffff;
display:block;
}
.hd_nav ul li.hover a{
color: #ffffff;
}
/*banner开始 height:612px;*/
.flexslider {
position:relative;
height:560px;
overflow:hidden;
zoom:1;
}
.flex-viewport {
max-height:2000px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
transition:all 1s ease;
}
.flexslider .slides {
zoom:1;
}
.flex-direction-nav a {
width:60px;
height:90px;
line-height:99em;
overflow:hidden;
margin:-60px 0 0;
display:block;
background:url(../images/ad_ctr.png) no-repeat;
position:absolute;
top:50%;
z-index:10;
cursor:pointer;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .3s ease;
}
.flex-direction-nav .flex-next {
background-position:0 -90px;
right:0;
}
.flex-direction-nav .flex-prev {
left:0;
}
.flexslider:hover .flex-next {
opacity:0.8;
filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
opacity:0.8;
filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity:1;
filter:alpha(opacity=50);
}
.flex-control-nav {
width:100%;
position:absolute;
bottom:35px;
text-align:center;
}
.flex-control-nav li {
margin:0 10px;
display:inline-block;
zoom:1;
*display:inline;
}
.flex-control-paging li a {
background:url(../images/dot.png) no-repeat 0 -16px;
display:block;
height:16px;
overflow:hidden;
text-indent:-99em;
width:16px;
cursor:pointer;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.flex-control-paging li a.flex-active {
background-position:0 0;
}
.img{
height: 560px;
}
/*热门关键词*/
.gjc{
height: 72px;
line-height: 72px;
border-bottom: 1px solid #ececec;
}
.gjcleft h3{
font-size: 15px;
color: #3e3e3e;
}
.gjcleft ul li a{
font-size: 14px;
color: #3e3e3e;
}
.gjcleft ul li a:hover{
color: #008cd5;
}
.gjcleft ul li{
margin-right: 27px;
float: left;
}
.gjcleft ul li a{
}
.search{
background: url(../images/search.png) 0 0 no-repeat;
width: 393px;
height: 39px;
margin-top: 16px;
}
.search input[type="text"]{
width: 333px;
height: 34px;
margin-left: 10px;
border: none;
background: none;
}
.search input[type="submit"]{
width: 50px;
height: 39px;
border: none;
background: none;
cursor: pointer;
}
/*产品中心开始*/
.pt_ct{
background: url(../images/pt_bj.jpg) center bottom no-repeat;
overflow: hidden;
*zoom: 1;
}
.pt_hd{
background: url(../images/demo_hd.png) center no-repeat;
height: 46px;
text-align: center;
margin: 50px 0 25px;
}
.pt_hd h3{
font-size: 25px;
color: #222222;
font-weight: 400;
}
.pt_hd p{
font-size: 16px;
color: #878787;
margin-top: 5px;
}
.pt_nav{
text-align: center;
margin-bottom: 40px;
overflow:hidden;
}
.pt_nav ul{
display: inline-block;
overflow:hidden;
}
.pt_nav ul li{
width: 242px;
height: 39px;
line-height: 39px;
text-align: center;
background: #008cd5;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 6px 15px;
display: inline-block;
/*float: left;*/
}
.pt_nav ul li:hover{
background: #ff9c00;
}
.pt_nav ul li a{
color: #ffffff;
display:block;
}
.pt_list ul {
padding:3px;
overflow:hidden;
}
.pt_list ul li {
text-align: center;
width: 261px;
margin-right: 42px;
margin-bottom: 33px;
box-shadow:0 0 3px #e2e2e2;
}
.pt_list ul li:nth-child(4n){
margin-right: 0;
}
.pt_img{
width: 261px;
height: 204px;
}
.pt_img img{
max-width: 261px;
max-height: 204px;
}
.pt_list ul li h3{
font-size: 15px;
color: #414141;
font-weight: 400;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
line-height: 45px;
}
.pt_list ul li:hover h3{
color: #008cd5;
}
/*业务范围*/
.ywfw{
background: url(../images/yw_bj.jpg) top center no-repeat;
height: 709px;
overflow: hidden;
*zoom: 1;
}
.yw_left{
width: 425px;
padding-left: 22px;
margin-top: 100px;
}
.yw_left ul li h3{
font-size: 24px;
color: #ff9c00;
font-weight: 400;
}
.yw_left ul li p{
font-size: 15px;
color: #ffffff;
text-align: justify;
margin-top: 20px;
line-height: 1.5em;
}
.yw_left ul li {
margin-bottom: 60px;
}
.yw_main{
width: 282px;
height: 278px;
text-align: center;
overflow: hidden;
*zoom: 1;
margin-top: 210px;
margin-left: 20px;
}
.yw_main h3{
margin-top: 88px;
font-size: 32px;
color: #ffffff;
line-height:36px;
}
.yw_main span{
font-size: 16px;
color: #ffffff;
display: block;
line-height:22px;
margin-top: 8px;
}
.yw_main p{
font-size: 19px;
color: #ffffff;
margin-top: 10px;
}
.yw_right{
width: 410px;
padding-right: 22px;
margin-top: 100px;
}
.yw_right ul li h3{
font-size: 24px;
text-align:right;
color: #ff9c00;
font-weight: 400;
}
.yw_right ul li p{
font-size: 15px;
color: #ffffff;
text-align: justify;
margin-top: 20px;
line-height: 1.5em;
}
.yw_right ul li {
margin-bottom: 47px;
}
/*关于我们*/
.ab_us{
background: url(../images/ab_bj.jpg) bottom center no-repeat;
height: 678px;
overflow: hidden;
*zoom: 1;
}
.ab_main{
width:593px;
margin-top: 68px;
}
.ab_main h3{
font-size: 24px;
color: #ff9c00;
}
.ab_main p{
font-size: 15px;
color: #3e3e3e;
line-height: 1.8em;
text-align: justify;
margin-top: 48px;
/*text-indent: 2em;*/
}
.ab_main a{
width: 142px;
height: 42px;
display: block;
border: 1px solid #ff9c00;
text-align: center;
line-height: 42px;
color: #ff9c00;
font-size: 15px;
margin-top: 55px;
}
.ab_main a:hover{
background: #ff9c00;
color: #ffffff;
}
/*为什么选择*/
.why_sb{
background: url(../images/why_bj.jpg) top center no-repeat;
height: 276px;
overflow: hidden;
*zoom: 1;
}
.why_right{
width: 349px;
height: 110px;
}
.why_left{
width: 670px;
margin-top: 66px;
}
.why_left h3{
font-size: 28px;
color: #ffffff;
font-style: italic;
}
.why_left h3 span{
color: #ff9c00;
}
.why_left p{
font-size: 14px;
color: #ffffff;
text-align: justify;
line-height: 1.8em;
margin-top: 40px;
}
.why_right{
width: 349px;
height: 110px;
background: #ff9c00;
color: #ffffff;
overflow: hidden;
*zoom: 1;
margin-top: 82px;
}
.why_right>div{
background: url(../images/ft_bj.png) left center no-repeat;
height: 53px;
margin-top: 30px;
margin-left: 25px;
padding-left: 58px;
}
.why_right p{
font-size: 18px;
color: #ffffff;
line-height:23px;
}
.why_right h3{
font-size: 29px;
color: #ffffff;
line-height:30px;
}
/*新闻中心*/
.new_hd h3{
font-size: 18px;
color: #1d1d1d;
font-weight: 400;
background: url(../images/h3_hd.png) left center no-repeat;
padding-left: 18px;
}
.new_hd h3 span{
font-size: 13px;
color: #797979;
}
.new_hd{
border-bottom: 1px solid #eeeeee;
height: 30px;
}
.news{
padding-bottom: 75px;
}
.news_list{
width: 359px;
}
.new_hd h3{
font-size: 18px;
color: #1d1d1d;
font-weight: 400;
}
.new_hd a{
font-size: 13px;
color: #7b7b7b;
text-transform: uppercase;
line-height: 20px;
}
.new_hd a:hover{
color: #008cd5;
}
.news_img{
width: 359px;
height: 104px;
margin-top: 11px;
}
.news_img img{
max-width: 359px;
max-height: 104px;
}
.news_list ul li {
background: url(../images/sanjiao.png) left center no-repeat;
line-height: 45px;
padding-left: 16px;
border-bottom: 1px solid #f0f0f0;
}
.news_list ul li a{
font-size: 13px;
color: #404040;
display: inline-block;
max-width: 248px;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.news_list ul li a:hover{
color: #008cd5;
}
.news_list ul li p{
font-size: 13px;
color: #7b7b7b;
}
.news_list{
margin-right: 50px;
margin-top: 25px;
}
/*联系我们*/
.cont_us{
background: url(../images/cs_hd.jpg) center no-repeat;
height: 463px;
overflow: hidden;
*zoom: 1;
}
.ct_left{
width: 355px;
margin-top: 72px;
}
.ct_hd span{
display: block;
font-size: 37px;
color: #4094cb;
text-transform: uppercase;
}
.ct_hd h3{
font-size: 25px;
color: #ffffff;
font-weight: 400;
margin-top: 15px;
}
.ct_hx{
width: 159px;
height: 1px;
background: #ffffff;
margin: 52px 0 31px;
}
.ct_dh h3{
font-size: 46px;
color: #ffffff;
font-weight: bold;
}
.ct_dh ul li{
margin-right: 13px;
}
.ct_dh ul{
margin: 40px 0 25px;
}
.ct_dh p{
font-size: 13px;
color: #ffffff;
}
.ct_ditu{
width: 767px;
height: 459px;
border: 7px solid #3884d2;
}
.fd_hd{
height: 28px;
border-bottom: 1px solid #008cd5;
margin-top: 65px;
}
.fd_hd h3{
font-size: 22px;
color: #008cd5;
}
.fd_hd span{
font-size: 14px;
color: #8d8d8d;
font-weight: 400;
padding-left: 10px;
}
.fd_link ul li a{
font-size: 14px;
color: #616161;
}
.fd_link ul li{
margin-right: 13px;
margin-top: 15px;
}
.fd_link ul li a:hover{
color: #008cd5;
}
.ft_nav{
background: #008cd5;
height: 53px;
line-height: 53px;
text-align: center;
margin-top: 45px;
}
.ft_nav ul{
display: inline-block;
}
.ft_nav ul li a{
font-size: 15px;
color: #ffffff;
padding: 0 10px;
}
.ft_nav ul li{
color: #ffffff;
font-size: 15px;
}
.ft_bm{
background: #0d3c6e;
color: #ffffff;
text-align: center;
padding: 35px 0;
}
.ft_bm p{
font-size: 14px;
line-height: 2.5em;
}