body{background-color: #fff;font-family:"宋体"!important;min-width: 1260px;overflow-x: hidden;}
/*布局*/
.wp{width: 1200px;margin:0 auto;}


/*公用*/
button{cursor: pointer;}
button,input{font-family:"宋体";}
.tit1{color:#333;font-size: 21px;font-weight: normal;}
.tit1 span{float: right;}
.tit1 span a{color:#0387dc;display: inline-block;padding-right: 13px;background: url(../images/tit-more.jpg) no-repeat right 8px;font-size: 14px;}
.tit1 span a:hover{text-decoration: underline;}
.box-border1{border:1px solid #ddd;overflow: hidden;}
.h90{height: 60px;}




.language{background-color:#5c5d58;height: 36px;}
.language p{line-height: 36px;float: right;}
.language p em{display: inline-block;padding:0 13px;color:#fff;}
.language p a{color:#fff;font-size: 15px;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.language p a:hover{color:#31a2e6;text-decoration: underline;}



#hd .logo{float: left;padding: 26px 0 20px 0;}
#hd .search{float: right;padding-top: 21px;}
#hd .search .inp-blue{float: left;width: 276px;height: 37px;border:1px solid #0286d9;border-right: 0;padding:0 7px;color:#999;}
#hd .search .btn-blue{width: 51px;height: 37px;background:#0286d9 url(../images/search-ico1.jpg) no-repeat center center;border:0;}


.nav{background: url(../images/hw_s_221828.jpg) repeat-x left bottom;border-top: 1px solid #d7d4cf;border-bottom: 1px solid #C4C6C3;background-color: #f7f7f7;}
.nav ul{padding-left: 23px;}
.nav li{float: left;margin-right: 56px;position: relative;}
.nav li a.v1{color:#666;font-size: 16px;font-weight: bold;line-height: 54px;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.nav li a.v1:hover{color:#0286d9;}
.nav li.ok a.v1,.nav li.on a.v1{color:#0286d9;}
.nav li a.v2{display: inline-block;padding-right: 14px;background: url(../images/nav-down.jpg) no-repeat right center;}
.nav li .down{position: absolute;top: 100%;left: 0;width: 541px;background-color:rgba(255,255,255,.8);display: none;z-index: 99;}
.nav li .down .list{float: left;padding:15px 0 17px 32px;}
.nav li .down .pic{padding:22px 0 15px 269px;}
.nav li .down .pic img{width: 231px;height: 155px;}
.nav li .down .list a{color:#656567;font-size: 12px;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;line-height: 32px;}
.nav li .down .list a:hover{color:#0286d9;}

.banner{position: relative;}
.banner .slick{height: 400px;background-position: center top;background-size: cover;background-repeat: no-repeat;}
.banner .slick a{display: block;height: 100%;width: 100%;}
.banner .slick-dots{position: absolute;bottom: -40px;right: 50%;margin-right: -600px;z-index: 99;}
.banner .slick-dots li{display: inline-block;margin:0 5px;}
.banner .slick-dots li button{border:0;font-size: 0;width: 7px;height: 7px;background-color: #ababab;border-radius: 50%;padding:0;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.banner .slick-dots li.slick-active button{background-color: #0286db;}


.hot-products{padding-top: 21px;}
.hot-products .wp{position: relative;}
.hot-products ul{margin-left: -30px;padding-top: 57px;}
.hot-products li{float: left;width: 25%;}
.hot-products li a{color:#666;display: block;margin-left:30px;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.hot-products li a:hover{color:#0286d9;}
.hot-products li .pic{text-align: center;}
.hot-products li .pic img{text-align: center;display: inline-block;width: 146px;height: 145px;}
.hot-products li .txt h5{font-weight: normal;font-size: 14px;text-align: center;padding-bottom: 6px;}
.hot-products li .txt p{line-height: 24px;font-size: 14px;}
.hot-products .slick-arrow{position: absolute;top: 50%;margin-top: -21px;width: 24px;height: 43px;font-size: 0;border:0;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.hot-products .slick-prev{left: 5px;background: url(../images/hot-prev.jpg) no-repeat center center;}
.hot-products .slick-prev:hover{background: url(../images/hot-prev-on.jpg) no-repeat center center;}
.hot-products .slick-next{right: -30px;background: url(../images/hot-next.jpg) no-repeat center center;}
.hot-products .slick-next:hover{background: url(../images/hot-next-on.jpg) no-repeat center center;}


.row-5{padding-top: 35px;overflow: hidden;}
.row-5 .tit1{padding-bottom: 12px;}
.index-left{width: 790px;float: left;}
.index-right{width: 790px;float: right;width: 378px;}



.news,.technical{float: left;}
.events,.download{float: right;}
.technical img{width: 339px;height: 226px;}
.news,.technical,.events,.download{width: 380px;}
.news{height: 337px;overflow: hidden;}
.news .box-border1{padding:0 20px 0 20px;}
.news .box-border1 li span{float: right;font-size: 12px;}
.news ul{padding: 10px 0;}
.news li{height: 54px;line-height: 54px;border-bottom: 1px dotted #ddd;}
.news li:last-of-type{border-bottom: 0;}
.news li a{display: inline-block;padding-left: 10px;background: url(../images/news-ico1.jpg) no-repeat left center;color:#666;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;font-size: 14px;}
.news li a:hover{color:#0484db;background: url(../images/news-ico-on.jpg) no-repeat left center;}

.events{height: 336px;overflow: hidden;}

.events .box-border1{padding:25px 20px 0 20px;}
.events h4 a{color:#666;display: inline-block;padding-left: 12px;background: url(../images/news-ico1.jpg) no-repeat left center;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;font-size: 13px;}
.events h4 a:hover{color:#0484db;background: url(../images/news-ico-on.jpg) no-repeat left center;}
.events p{font-size: 12px;color:#676767;line-height: 26px;padding-left: 10px;}
.events .txt-box{padding-bottom: 24px;}
.events .txt-box1{border-bottom: 1px dashed #dcdcdc;margin-bottom: 21px;}


.technical{height: 373px;overflow: hidden;}
.technical .box-border1{padding:20px 20px 0 20px;}
.technical .txt p{font-size: 18px;color:#333;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;width: 100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 27px;margin:16px 0 33px 0;}
.technical .txt p:hover{color:#0484db;}
.technical .txt p em{display: inline-block;padding-left: 5px;}


.download{height: 373px;overflow: hidden;}
.download .box-border1{padding: 0 20px 14px 20px;}
.download h4{font-size: 20px;font-weight: normal;color:#343434;padding-top: 17px;}
.download li{border-bottom: 1px dashed #ccc;height: 53px;line-height: 53px;}
.download li:last-of-type{border-bottom: 0;}
.download li a{font-size: 14px;padding-left: 27px;background: url(../images/down-ico1.jpg) no-repeat left center;color:#323232;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.download li a:hover{color:#0484db;}

.index-right{height: 730px;overflow: hidden;}
.index-right .box-border1{padding:0 20px 11px 20px;}
.index-right li{border-bottom: 1px dashed #ddd;height: 56px;line-height: 56px;}
.index-right li a{padding-left: 10px;color:#444;font-size: 12px;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.index-right li span{float: right;font-size: 15px;}
.index-right li:hover a{color:#0484db;}
.index-right li:last-of-type{border-bottom: 0;}


#fd{background-color: #333;}
.menu{padding-top: 27px;}
.menu li{float: left;width: 270px;}
.menu-li1{width: 110px !important;}
.menu li h5{font-size: 22px;color:#fff;font-weight: normal;padding-bottom: 10px;}
.menu li p{line-height: 40px;}
.menu li a{font-size: 14px;color:#fff;}
.menu li a:hover{color:#0484db;text-decoration: underline;}
.menu li .ico{padding-top: 20px;}


.banquan{border-top: 1px solid #999;font-size: 14px;color:#fff;margin-top: 20px;padding: 26px 0 20px 0;}

.banquan .kuao  {display: none;}

.banquan .kuao  a{color: #fff; }