@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-size:1em; font-family:Arial; line-height:100%; }
ul,ul li{list-style:none; margin:0; padding:0;}
p{margin:0; padding:0;}
a{text-decoration:none; color:#b0b0b0;}
a:hover{ color:#1f57c1;}
img{vertical-align:middle; border:none;}
:focus{outline:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.full{width:100%;}
.wrap{width:1180px; margin:0 auto;}

.header{padding:16px 0 20px;}
.header .logo{width:163px; height:96px; background:url(logo.jpg) center no-repeat;}
.header .logo a{display:block; height:96px;}
.header .inc{display:inline-block;}
.lang{ height:20px; padding-top:30px; margin-bottom:14px; line-height:20px; text-align:right; color:#929090;}
.lang a{color:#1f57c1; font-size:12px; line-height:20px; display:inline-block;}
.oinfo{ height:12px; line-height:20px; font-size:12px; height:20px; vertical-align:middle; color:#929090;}
.oinfo .line{padding:0 5px; color:#efdfd5;}

.nav{border-top:1px solid #cbcbcb;}
.nav ul li{line-height:68px; float:left; margin-right:58px;}
.nav ul li a{ font-size:14px; color:#575757; text-transform:uppercase; display:block; line-height:68px;}
.nav ul li a:hover,.nav ul li a.active{color:#295cc6;}
.nav ul li.last{float:right;}
.search{width:196px; height:30px; border-bottom:1px solid #d1d1d1; line-height:30px; margin:14px 0;}
.search .stxt{width:170px; float:left; border:none; padding:0; background:none; line-height:30px;}
.search .sbtn{width:26px; float:right; height:30px; border:none; background:url(search.jpg) center no-repeat;}

.banner{ text-align:center;}
.infobanner{height:286px;}
.box{ padding:60px 0 0 0;}
.box .tit{ height:19px; position:relative; border-bottom:1px solid #e6e6e6;}
.box .tit .title{ width:194px; height:40px; margin:0 auto -20px auto; background:#1f57c1; text-align:center; font-size:24px; line-height:40px; color:#fff;}
.box .con{padding-top:45px;}
.proseries{}
.proseries li{ float:left; margin:25px 58px 25px 0;}
.proseries li:nth-child(3n){margin-right:0;}
.proseries li a{ display:block; position:relative; border:1px solid #e6e6e6;}
.proseries li a img{max-width:352px; max-height:284px;}
.proseries li a div{ width:354px; height:70px; line-height:70px; position:absolute; bottom:0; left:0; text-align:center; font-size:24px; color:#fff; background:#000; opacity:0.2; transition: all ease .4s;}
.proseries li a:hover div,.proseries li.active a div{background:#1309c8; opacity:0.5;}

.about{padding-top:35px; padding-bottom:66px;}
.about .intro{color:#b0b0b0; line-height:36px; padding:40px 0 25px 0;}
.about .more{display:block; margin:0 auto; border:1px solid #6a93de; color:#6a93de; font-size:18px; line-height:36px; width:192px; text-align:center;}

.footer{height:206px; border-top:13px solid #1f57c1; background:#f3f7f9; font-size:12px; color:#767676;}
.footer .fcon{ background:url(fbg.jpg) right top no-repeat; height:166px; padding-top:40px;}
.footer .tree{width:180px; }
.footer .tree li{ line-height:29px; padding-left:8px; background:url(inc.jpg) left center no-repeat;}
.footer .tree li a{ color:#767676; line-height:29px;}
.footer .tree li a:hover{color:#1f57c1;}
.footer .copyright{padding-right:104px; line-height:29px;}
.infomain{padding:45px 0;}
.infotit{ padding:0 0 29px 234px;}
.infotit .title{display:inline-block; padding:0 40px; height:35px; line-height:35px; color:#fff; font-family:Verdana; font-size:18px; background:#0381f3;  text-transform:uppercase;}
.side {text-align:right;}
.side .tit{font-size:22px; color:#065faf; line-height:36px; text-transform:capitalize; }
.side .smalltit{ font-size:18px; color:#959595; line-height:24px; opacity:0.2;  text-transform:capitalize;}
.info{ padding:0 0 160px 41px; width:950px; background:url(line.jpg) left repeat-y; color:#959595; font-size:12px; line-height:26px;}

.honorlist{}
.honorlist li{ float:left; margin:0 30px 30px 0;}
.honorlist li:nth-child(3n){margin-right:0;}
.honorlist li a { display:block;}
.honorlist li a img{max-width:296px; max-height:211px;}

.prolist{}
.prolist li{ float:left; margin:0 48px 37px 0; width:275px; height:232px;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li a { display:block; border:1px solid #d6d6d6;}
.prolist li a img{max-width:273px; max-height:182px;}
.prolist li a div{height:40px; padding:4px 0; line-height:20px; text-align:center; color:#fff; background:#939393;}

.pd-pic{position:relative; margin-bottom:50px; border:1px solid #d6d6d6;}
.pd-pic img{max-width:945px;}
.pd-pic .pd-tit{ position:absolute; padding:22px 35px 0 0; right:0; top:0; text-align:right; z-index:9; color:#0381f3; font-size:24px; line-height:36px; display:none;}
.pd-con{padding:0;}
.sleft{width:180px;}
.sidemenu{width:176px;}
.sidemenu ul li{padding:5px 0 0 0;}
.sidemenu ul li a{background:url(product-list_03.jpg) bottom left no-repeat; color:#8e8e8e; font-size:12px; display:block; line-height:18px; padding:10px 0;}
.sidemenu ul li a:hover,.sidemenu ul li a.active{color:#0381f3; background:url(product-list_04.jpg) bottom left no-repeat;}

.indexbanner {
    width: 100%;
    height: 544px;
}

.indexbanner {
    position: relative;
    overflow: auto;
}

.indexbanner  li {
    list-style: none;
}

.indexbanner  ul li {
    float: left;
    position: relative;
    text-align: center;
}

.indexbanner  ul li img {
    display: block;
    width: 100%;
    height: 544px;
}

.indexbanner ol.dots {
    position: absolute;
    bottom: 10px;
    padding: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

.indexbanner ol.dots li {
    display: inline-block;
    text-indent: 50px;
    overflow: hidden;
    width: 6px;
    height: 6px;
    margin: 5px 4px;
    background: #dbdbdb;
    opacity: 1;
    border-radius: 6px;
    transition: all .6s ease-in-out;
}

.indexbanner ol.dots li.active {
    background: #CE0F0F;
    width: 30px;
}
.pages .pageof {
    display: none;
}

.pages a {
    color: #333;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border: solid 1px #ddd;
    border-radius: 4px;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
    margin: 0 2px;
	text-align:center;
}

.pages a:hover {
    background: #006fcc;
    color: #fff;
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;
}

.pages a.current {
    background: #006fcc;
    color: #fff;
}