.wid { width: 1200px; margin: 0 auto; }
#__bs_notify__ { display: none !important; }
.none{ margin-top:20px;}
.top { height: 103px; }
.top .logo { float: left; margin-top: 20px; }
.top .search { float: right; margin-top: 34px; }
.top .search .box { width: 193px; height: 34px; border: 1px solid #ccc; border-radius: 30px; float: left; }
.top .search .box input[type="submit"] { width: 22px; height: 32px; background: url(../image/ico22.png) center no-repeat;cursor:pointer;}
.top .search .box input[type="text"] { float: left; border: none; line-height: 32px; padding-left: 14px; border-radius: 30px 0 0 30px; background: none; width: 160px; }
.top .search .en { float: left; line-height: 34px; margin-left: 20px; }
.top .search .en:hover { color: #0260c3; }
.top .search .en img { margin-right: 10px; }
.menu { background: #0260c3; height: 45px; }
.menu .wid { position: relative; }
.menu .two-sub { position: absolute; width: 100%; top: 45px; background-color:#fff;opacity: 0.95; z-index: 2; padding: 40px 0 25px; box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2); border-radius: 0 0 10px 10px; display: none; }
.menu .two-sub dl .fl { width: 20%; padding: 0 30px; }
.menu .two-sub dl .fl dt { display: block; font-size: 16px; margin-bottom: 30px; }
.menu .two-sub dl .fl dd { margin-bottom: 15px; font-size: 12px; }
.menu .two-sub dl .fl dd a { color: #1d1d1d; }
.menu .two-sub dl .fl dd:hover a { color: #0260c3; }
.menu ul li { position: relative; height: 45px; padding: 0 30px; }
.menu ul li > a { margin-top: 6px; color: #fff; display: block; line-height: 30px; height: 36px; min-width: 108px; text-align: center; }
.menu ul li:hover > a { background: url(../image/ico19.png) no-repeat; }
.menu ul li:hover .down { display: block; }
.menu ul li .down { padding: 0; position: absolute; z-index: 2; background-color:#fff;opacity: 0.9;width: 250px; margin-top: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: none; }
.menu ul li .down a { display: block; line-height:36px; padding-left: 20px; border-bottom: 1px dotted #ccc; transition: .2s; position: relative; text-indent: 4px; font-size:12px;}
.menu ul li .down a:after { content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #ccc; left: 12px; top: 16px; }
.menu ul li .down a:hover { background: #0260c3; color: #fff; }
.menu ul li .down a:hover:after { background: #fff; }
.menu ul li.acti > a { background: url(../image/ico19.png) no-repeat; }
.banner { height: 651px; width: 100%; position: relative; }
.banner .bann { width: 100%; height: 100%; }
.banner .bann ul { width: 100%; height: 100%; }
.banner .bann ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.banner .cirl { position: absolute; bottom: 20px; width: 50%; left: 25%; z-index: 1; text-align: center; }
.banner .cirl ul { font-size: 0; }
.banner .cirl ul li { width: 11px; height: 11px; background: #acacac; border-radius: 50%; cursor: pointer; margin: 0 4px; float: none; display: inline-block; }
.banner .cirl ul li.acti { background: #1272d3; }
.banner .pos { position: absolute; z-index: 2; top: 50%; transform: translate(0, -50%); cursor: pointer; }
.banner .next { right: 4%; }
.banner .prev { left: 4%; }
.inbanner{height:360px;width: 100%;}
.type { height: 52px; background: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); }
.type a { float: left; padding: 0 30px; line-height: 52px; text-align: center; position: relative; }
.type a.acti, .type a:hover { background: #ececec; color: #0260c3; }
.type a.acti:after, .type a:hover:after { content: ''; position: absolute; width: 10px; height: 8px; background-image: url(../image/ico24.png); bottom: 4px; left: 50%; margin-left: -5px; }
.tit { text-align: center; font-weight: normal; font-size: 24px; color: #0d59a8; }
.tit span { display: inline-block; padding-bottom: 10px; position: relative; }
.tit span:after { content: ''; width: 58px; height: 2px; background: #0d59a8; position: absolute; bottom: 0; left: 50%; margin-left: -29px; }
.tit span i { color: #acacac; text-transform: uppercase; }
.series { margin-top: 62px; width: 1180px; }
.series .wrap { position: relative; margin-top: 34px; }
.series .wrap .pos { position: absolute; top: 50%; margin-top: -21px; cursor: pointer; }
.series .wrap .prev { left: -40px; }
.series .wrap .next { right: -40px; }
.series .wrap ul li { height: 403px; width: 397px; position: relative; }
.series .wrap ul li .pict { height: 353px; display: table; }
.series .wrap ul li .pict a { vertical-align: middle; display: table-cell; }
.series .wrap ul li p { text-align: center; font-size: 18px; padding-left:20px; padding-right:20px;}
.series .wrap ul li:hover:after { content: ''; top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: rgba(23, 118, 208, 0.1); pointer-events: none; }
.about { box-shadow: inset calc((100vw - 1200px)/2 + 620px) 0 0 #0d59a8; background: url(../image/ico1.jpg) right 0 no-repeat; height: 518px; margin-top: 61px; }
.about .wrap-fl { float: left; width: 620px; margin-top: 70px; padding-right: 40px; }
.about .wrap-fl b { color: #fff; font-size: 26px; font-weight: normal; display: block; }
.about .wrap-fl b i { font-size: 18px; margin-left: 6px; }
.about .wrap-fl strong { font-size: 19px; color: #fff; margin-top: 23px; display: block; line-height:36px; }
.about .wrap-fl p { font-size: 14px; color: #fff; line-height:26px; margin-top: 30px; }
.about .pic-fr { float: right; }
.news { padding-top: 85px; }
.news ul li { width: 46%; padding: 54px 0; border-bottom: 1px dashed #c3c3c3; }
.news ul li:nth-child(even) { margin-left: 8%; }
.news ul li .tate { width: 111px; height: 111px; text-align: center; float: left; background: #b5b4b4; padding-top: 15px; }
.news ul li .tate b { color: #fff; font-size: 60px; font-weight: normal; display: block; }
.news ul li .tate span { color: #fff; display: block; font-size: 18px; }
.news ul li .text { float: right; width: 75%; }
.news ul li .text h4 { font-weight: normal; font-size: 18px; color: #3e3e3e; margin-top: 8px; height: 50px; }
.news ul li .text p { font-size: 12px; color: #8e8e8e; line-height: 1.6; }
.news ul li:hover .tate { background: #0d59a8; }
.news ul li:hover .text h4 a { color: #0d59a8; }
.advantage { background: url(../image/ico26.jpg) center top no-repeat;}
.advantage h2 { color: #fff; font-size: 30px; margin-top: 113px; }
.advantage h2 span:after { background: #fff; }
.advantage ul { margin: 135px 0 0 -25px; }
.advantage ul li { width: 383px; height: 541px; padding: 6px; border: 1px solid #dadcdd; background: #fff; margin-left: 25px; transition: .3s; }
.advantage ul li:hover { background: #0260c3; }
.advantage ul li:hover .text b { color: #fff; }
.advantage ul li:hover .text p { color: #fff; }
.advantage ul li:hover .pict img { transform: scale(1.1); opacity: .9; }
.advantage ul li .pict { height: 275px; overflow: hidden; }
.advantage ul li .pict img { transition: .3s; }
.advantage ul li .text { padding: 38px 20px 0; }
.advantage ul li .text b { display: block; text-align: center; font-size: 22px; font-weight: normal; transition: .2s; }
.advantage ul li .text p { padding-top: 35px; line-height: 1.6; text-align: justify; color: #767676; transition: .2s; }

.products{display: table;margin-top: 50px; margin-bottom:80px;}
.products .layout{display: table;width: 100%;}
.products .layout h2{font-size: 22px;color: #454545;}
.products .layout h2 span{ float:right; font-size:12px; color:#999; padding-top:10px;}
.products .layout h2 span a{color:#999;}
.products .layout i:after{content: '';width: 100%;height: 2px;background: #0260c3;left: 0;bottom: 0;}
.products .layout i{padding-bottom: 16px;}
.products h2{border-bottom: 1px solid #dedede;font-weight: normal;font-size: 16px;height: 39px;}
.products h2 i{float: left;position: relative;padding-bottom: 10px;}
.products h2 i:after{content: '';position: absolute;width: 100%;height: 2px;background: #0260c3;left: 0;bottom: 0;}
.ny{display: table;color:#333; line-height:30px; margin:30px 0px 30px 0px; font-size:14px;}
.cptu{ text-align:center; margin:20px 0px 20px 0px;}
<!--产品库开始-->
.cpku{}
.cpku ul{}
.cpku li{width: 100%;height: 270px;transition: .3s;margin-top: 26px;}
.cpku li .pic{float: left;width: 400px; height:250px; text-align: center;margin-top: 10px;}
.cpku li .text{float: left;width: 760px;margin-left: 28px;margin-top: 20px; }
.cpku li .text i{font-size: 22px; font-weight:bold;}
.cpku li .text i a{color: #0260c3;}
.cpku li .text p{color: #747474;font-size: 15px;line-height:28px;margin-top: 10px; text-align:justify;}
.cpku li .more { width:104px; height:30px;line-height: 30px; border: 1px solid #b5b5b5; margin: 15px 0px 0px 0px; text-align: center; color: #b5b5b5; font-size: 13px; transition: .2s; background:#F5F5F5}
.cpku li .more:hover { color:#FFF; border-color: #0071e4; background:#0071e4;}
.cpku li .more a:hover { color:#FFF;}
.cpku li .more{ color:#b5b5b5;}
<!--产品库结束-->

.nywz {font-size:12px;margin-top:15px; width:1200px; color:#666; line-height:30px; }
.list-item{}
.list-item ul{}
.list-item li{width: 100%;background: #f6f6f6;height: 171px;transition: .3s;margin-top: 26px;}
.list-item li .date{float: left;width: 199px;text-align: center;margin-top: 35px;}
.list-item li .date b{font-size: 42px;font-family:"Arial";font-weight: normal;color: #a1a1a1;display: block;}
.list-item li .date i{display: inline-block;width: 23px;height: 2px;background: #ddd;}
.list-item li .date span{font-size: 16px;font-family:"Arial";color: #c7c7c7;display: block;margin-top: 15px;}
.list-item li .text{float: left;width: 860px;margin-left: 8px;margin-top: 30px; }
.list-item li .text i{font-size: 18px; font-weight:bold;}
.list-item li .text i a{color: #0260c3;}
.list-item li .text p{color: #747474;font-size: 13px;line-height:25px;margin-top: 14px;}
.list-item li .more{float: right;margin-right: 57px;margin-top: 69px;}
.list-item li .more a{display: inline-block;width: 33px;height: 33px;background-image: url(../image/ico15-1.png);}
.list-item li:hover .more a{background-image: url(../image/ico15-2.png);}
.list-item li:hover .text i a{color: #444b91;}
.list-item li:hover .date b{color: #444b91;}
.list-item li:hover .date span{color: #444b91;}
.list-item li:hover .date i{background: #444b91;}
.list-item li:hover {box-shadow:2px 4px 5px rgba(0,0,0,.3)}

.news_title{ font-size:22px; margin:30px 0px 30px 0px; text-align:center; color:#0260c3;}
.news_attxw{ color: #666666; border-bottom:#F4E4DD  dotted 1px; margin-top:10px; margin-bottom:10px; text-indent:15px; line-height:32px; background:#F9F9F9; font-size:12px; text-align:center;}
.news_att{ color: #666666; border-bottom:#F4E4DD  dotted 1px; margin-top:10px; margin-bottom:10px; text-indent:15px; line-height:32px; background:#F9F9F9; font-size:12px; text-align:left;}
.news_att p{float:right;}
.news_att span{ cursor:pointer;}
.news_title,.news_content{ margin-left:5px; margin-right:5px;}
.news_content{margin-top:20px; line-height:28px; font-size:14px;}
.hotnews{
	background: #E9E9E9;
	color: #0260c3;
	padding-left: 15px;
	line-height: 38px;
	height: 38px;
	margin-top: 40px;
}
.pages{text-align: center;margin: 60px 0px 0px 0px;}
.pages a{display: inline-block;width: 51px;height: 38px;border: 1px solid #ddd;line-height:36px;color: #006eb9;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.pages .acti,.pages a:hover{background: #006eb9;color: #fff;}
.pages .current{display: inline-block;width: 51px;height: 38px;border: 1px solid #ddd;line-height:36px;color: #006eb9;-webkit-transition: .3s;-o-transition: .3s;transition: .3s; background:#ECECEC}

.xgxw{background:url(../image/arr.gif) 0px 10px no-repeat; text-indent:20px; font-size:12px;  padding-top:5px; line-height:24px; margin-top:5px; }
.xgxw a{color:#F60;}
.xgxw a:hover{color:#F00;}
.xqxwxg{background:url(../image/arr.gif) 0px 10px no-repeat; border-bottom:1px #CCCCCC dotted; color:#999; font-size:12px; height:38px; line-height:38px; padding-left:20px;}
.xqxwxg a{color:#333; }
.xqxwxg a:hover{color:#F00;}
.kehu { margin-top: 70px; }
.kehu .wrap { position: relative; height: 77px; margin-top: 60px; }
.kehu .wrap .pos { position: absolute; top: 50%; margin-top: -8px; z-index: 1; cursor: pointer; }
.kehu .wrap .prev { left: 0; }
.kehu .wrap .next { right: 0; }
.kehu .wrap .scroll { height: 79px; margin: 0 50px; }
.kehu .wrap .scroll ul { margin: 0 0 0 -41px; }
.kehu .wrap .scroll ul li { width: 244px; height: 77px; border: 1px solid #ccc; overflow: hidden; position: relative; transition: .3s; text-align: center; margin-left: 41px; }
.kehu .wrap .scroll ul li:hover:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); pointer-events: none; }
.kehu .wrap .scroll ul li:hover img { transform: scale(1.1); opacity: .5; }
.kehu .wrap .scroll ul li .pict { display: table; width: 100%; height: 75px; }
.kehu .wrap .scroll ul li .pict a { vertical-align: middle; display: table-cell; }
.kehu .wrap .scroll ul li .pict a img { transition: .3s; }
.footer { background: #f0f0f0; margin-top: 80px; padding: 40px 0; }
.footer ul { float: left; width: 80%; }
.footer ul li { width: 33.33%; text-align: center; }
.footer ul li .cirl { border-radius: 50%; overflow: hidden; width: 81px; height: 81px; display: inline-block; }
.footer ul li p { line-height: 1.6; margin-top: 22px; }
.footer ul li:hover p { color: #005ab7; }
.footer ul li:hover .cirl { position: relative; }
.footer ul li:hover .cirl:after { content: ''; position: absolute; left: 0; width: 100%; top: 0; background: rgba(13, 89, 168, 0.4); height: 100%; }
.footer .code-fr { float: right; }
.footer .code-fr dl dt { float: left; text-align: center; background: #fff; padding: 8px; margin-left: 15px; }
.footer .code-fr dl dt span { display: block; margin-top: 6px; font-size: 12px; }
.copy p { padding: 15px 0; line-height: 1.6; font-size: 12px; color: #898989; text-align: center; }
.copy p a{font-size: 12px; color: #898989;}
@media screen and (max-width: 1200px) { body { background: #ccc; } }