@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:16px; 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;}



.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;



}