*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 12px/1.5 , Microsoft YaHei, SimHei,sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact'; src: url('img/impact.ttf'); src: url('img/impact.ttf'); format('embedded-opentype'), url('img/impact.ttf'); format('woff'), url('img/impact.ttf'); format('truetype'), url('img/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 50px auto 30px; text-align: center;}

/*header*/

.header{ width: 100%;}
.header .h_nr_1{ width: inherit;background: #fff; height: 40px;line-height: 40px; border-bottom: 1px solid #cdcdcd;}
.header .header_top{position: relative;}
.header .header_top .left{ color: #666; font-size: 14px;}
.header .header_top .right a{ color: #666; font-size: 14px;float: left; width: 120px;border-left: 1px solid #cdcdcd; text-align: center;}
.header .header_top .right a:hover{ color: #016bc1;}
.header .h_nr_2{ width: inherit; overflow: hidden;}
.header .h_nr_2 .nr .left{ display: inline-block; vertical-align: middle;width: 172px;height: 146px;margin-right: 15px;}
.header .h_nr_2 .nr .right{ width: 1013px; margin: 15px 0 0;}
.header .h_nr_2 .nr .right .wb p{ font-size: 24px; color: #333; font-weight: bold;}
.header .h_nr_2 .nr .right .wb p b{ color: #016bc1;font-weight: bold;}
.header .h_nr_2 .nr .right .wb p+p{ font-size: 18px; color: #333; font-weight: normal; line-height: 18px;}
.header .h_nr_2 .nr .right .rx{ margin: 15px 0 0;}
.header .h_nr_2 .nr .right .rx img,.header .h_nr_2 .nr .right .rx span,.header .h_nr_2 .nr .right .rx i{ display: inline-block; vertical-align: middle;}
.header .h_nr_2 .nr .right .rx span{ font-size: 14px; color: #333; margin-left: 5px;}
.header .h_nr_2 .nr .right .rx i{ font-size: 24px; color: #016bc1;}

/*.header .nav*/

.header .nav{ background: #fff; border-top: 1px solid #cdcdcd; width: 100%; height: 60px; overflow: hidden; margin: 17px 0 0;}
.header .nav .nav-content{ height: 60px;}
.header .nav .nav-content ul li{ float: left; width: 126px; position: relative; height: 60px; text-align: center;margin-right: 0;}
.header .nav .nav-content ul li:first-child+li+li+li+li+li+li+li{ margin-right: 0;}
.header .nav .nav-content ul li:before{ position: absolute; content: ""; width: 0; height: 3px; left: 0; bottom: 1px; background: #016bc1; z-index: 12;}
.header .nav .nav-content ul li a{ color: #666; font-size: 16px; position: relative; display: block; height: 60px; line-height: 60px;}
.header .nav .nav-content ul li.on:before,.header .nav .nav-content ul li:hover:before{ width: 100%;}
.header .nav .nav-content ul li.on a,.header .nav .nav-content ul li:hover a{ color: #016bc1;}

/*??????banner*/

.banner-index{ font-size: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 47%; bottom: 50px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 10px; height: 10px; background: #000; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #016bc1;}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; background: #f1f1f1;}
.search-content{ height: 70px; line-height: 70px;}
.search-keywords{ display: inline-block;}
.search-keywords span{ color: #666; font-weight: bold; font-size: 14px;}
.search-keywords a{ color: #666; font-size: 14px;}
.search-keywords a:hover{ color: #016bc1; text-decoration: underline;}
.search-keywords i{ color: #666; font-size: 14px; margin: 0 7px 0 10px;}
#searchForm{ background: url(img/search.png)no-repeat; background: url(img/search.png)\9 no-repeat; width: 294px; height: 31px; margin-top: 20px; vertical-align: top;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; line-height: 31px; background: none; border: none; height: 31px; margin: 0 0 0 0; color: #999; outline: none; width: 83%; text-indent: 20px;}
.search-form #s_btn{ background: none; width: 50px; height: 31px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; margin: 0px 0 0 -5px; display: inline-block; vertical-align: top;}
#searchForm .search-input::-webkit-input-placeholder{
	/* WebKit browsers */
	color: #999;}
#searchForm .search-input:-moz-placeholder{
	/* Mozilla Firefox 4 to 18 */
	color: #999;}
#searchForm .search-input::-moz-placeholder{
	/* Mozilla Firefox 19+ */
	color: #999;}
#searchForm .search-input:-ms-input-placeholder{
	/* Internet Explorer 10+ */
	color: #999;}

/*four_ys*/

.four_ys {}

.four_ys ul li+li+li+li{ margin-right: 0;}
.four_ys ul li{ float: left; margin-right: 20px; background: url(img/four_ysbg1.png)no-repeat; width: 285px; height: 514px; overflow: hidden; text-align: center; position: relative;}
.four_ys ul li .pic{ width: 285px; height: 344px; overflow: hidden;}
.four_ys ul li .js{ margin: -35px 0 0 0; position: relative; z-index: 16;}
.four_ys ul li b{ color: #333; font-size: 30px; display: inline-block; vertical-align: top;}
.four_ys ul li p{ color: #333; font-size: 20px; font-weight: bold; line-height: 20px; margin: 20px 0;}
.four_ys ul li dd{ width: 240px; margin: 0 auto; color: #666; font-size: 16px; line-height: 30px;}
.four_ys ul li:hover{ background: url(img/four_ysbg2.png)no-repeat;}
.four_ys ul li:hover b,.four_ys ul li:hover p,.four_ys ul li:hover dd{ color: #fff;}
.four_ys ul li .libg{ background: url(img/fourty1.png)no-repeat; width: 72px; height: 72px; position: absolute; z-index: 15; bottom: 137px; left: 107px; visibility: visible;}
.four_ys ul li .libgs{ background: url(img/fourty2.png)no-repeat; width: 72px; height: 72px; position: absolute; z-index: 15; bottom: 137px; left: 107px; visibility: hidden;}
.four_ys ul li:hover .libgs{ visibility: visible;}
.four_ys ul li:hover .libg{ visibility: hidden;}

/*case*/

.case{ background: url(img/casebg.png)no-repeat; background: url(img/casebg.png)\9 no-repeat; width: 100%; height: 877px; margin: 50px 0 0; padding: 20px 0 0; background-size: cover;}
.case .nr .caselist{ width: 254px; border: 1px solid #dfdfdf; background: #fff;}
.case .nr .caselist ul li{ padding-left: 25px; height: 60px; line-height: 60px; border-bottom: 1px solid #dfdfdf;}
.case .nr .caselist ul li:hover{ background: #016bc1;}
.case .nr .caselist ul li:hover a{ color: #fff;}
.case .nr .caselist ul li i{ background: url(img/jtz.png)no-repeat; width: 18px; height: 18px; float: right; margin: 23px 25px 0 0;}
.case .nr .caselist ul li a{ color: #555; font-size: 16px;}
.case .nr .caselist .rx{ height: 164px; padding: 18px 0 0 20px; position: relative;}
.case .nr .caselist .rx p{ color: #555; font-size: 16px;}
.case .nr .caselist .rx .icon{ width: 55px; height: 55px;}
.case .nr .caselist .rx b{ color: #016bc1; font-size: 28px; font-family: Microsoft YaHei,SimHei,Arial; font-weight: bold;}
.case .nr .caselist .rx .kk{ position: absolute; left: 82px; top: 41px;}
.case .nr .casenr{ width: 925px; border: 1px solid #dfdfdf; background: #fff; margin-left: 20px;}
.case .nr .casenr .hd{ height: 60px; line-height: 60px; border-bottom: 1px solid #dfdfdf;}
.case .nr .casenr .hd ul li,.case .nr .casenr .hd .morea{ cursor: pointer; float: left; color: #555; font-size: 16px; width: 154px; height: 60px; line-height: 60px; text-align: center; position: relative;}
.case .nr .casenr .hd .morea{ width: 153px;}
.case .nr .casenr .hd ul li.on,.case .nr .casenr .hd ul li:hover{ color: #fff; background: #016bc1;}
.case .nr .casenr .hd ul li.on:before,.case .nr .casenr .hd ul li:hover:before{ visibility: hidden;}
.case .nr .casenr .hd ul li:before{ content: ""; position: absolute; right: 0px; top: 17px; width: 1px; height: 25px; background: #dfdfdf;}
.case .nr .casenr .hd .morea:hover{ color: #fff; background: #016bc1;}
.case .nr .casenr .bd ul li .li{ padding: 15px 25px 15px 15px;}
.case .nr .casenr .bd ul li .li>div{ float: left;}
.case .nr .casenr .bd ul li .pic{ width: 416px; height: 259px; overflow: hidden; margin-right: 20px;}
.case .nr .casenr .bd ul li .pic img{ width: 416px; height: 259px;}
.case .nr .casenr .bd ul li .js{ width: 447px;}
.case .nr .casenr .bd ul li .js dt{ color: #333; font-size: 18px; margin-bottom: 10px;}
.case .nr .casenr .bd ul li .js p{ line-height: 26px; color: #666; font-size: 16px;}
.case .nr .casenr .bd ul li .js p i{ display: block;}
.case .nr .casenr .bd ul li .js dd a{ width: 110px; height: 37px;border-radius: 5px; text-align: center; display: inline-block; vertical-align: top; color: #fff; font-size: 16px; line-height: 37px; background-color:#016bc1;}
.case .nr .casenr .bd ul li .js dd a+a{ margin-left: 17px;}
.case .nr .casenr .bd ul li .js dd{ margin: 10px 0 0;}
.case .nr .casenr .bd ul li .js dd a:hover{ background-color:#adadad;color: #fff;}
.case .nr .casenr .bd ul li .li:first-child{ border-bottom: 1px solid #dfdfdf; padding-bottom: 20px;}

/*product*/

.product{ padding: 50px 0 0;}
.product .nr .hd{ border: 1px solid #ccc; border-radius: 10px; height: 70px;margin-bottom: 20px;}
.product .nr .hd .bt{ text-align: center; padding: 15px 0 0; background: #016bc1; width: 283px; height: 68px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.product .nr .hd .bt p{ color: #fff; font-size: 20px; font-weight: bold; line-height: 20px;}
.product .nr .hd .bt i{ color: #fff; font-size: 12px; font-family: Microsoft YaHei,SimHei,arial;}
.product .nr .hd ul li{ float: left; width: 152px; height: 68px; color: #333; font-size: 16px; text-align: center; line-height: 68px; position: relative;}
.product .nr .hd ul li.on,.product .nr .hd ul li:hover,.product .nr .hd .tsli:hover{ background: #016bc1; color: #fff;}
.product .nr .hd ul li.on:before,.product .nr .hd ul li:hover:before{ visibility: visible;}
.product .nr .hd .tsli{ text-align: center; width: 155px; height: 68px; line-height: 68px; color: #333; font-size: 16px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.product .nr .hd ul li:before{ content: ""; position: absolute; left: 47%; bottom: 6px; background: url(img/fkx.png)no-repeat; width: 14px; height: 12px; visibility: hidden;}
.product .nr .bd ul li dd{ float: left; text-align: center; width: 285px; margin-right: 20px;}
.product .nr .bd ul li dd .pic{ width: 285px; height: 181px; overflow: hidden; border: 1px solid #ccc;}
.product .nr .bd ul li dd p{ color: #666; font-size: 14px; margin: 10px 0 0;line-height: 14px;}
.product .nr .bd ul li dd:hover .pic{ border: 1px solid #016bc1;}
.product .nr .bd ul li dd:hover p{ color: #016bc1;}
.product .nr .bd ul li dd:first-child+dd+dd+dd{ margin-right: 0;}

/*smallbanner1*/

.smallbanner1{ margin: 50px 0 0 0; background: url(img/smbanner1.jpg)no-repeat; background: url(../images/sbanner1.jpg)\9 no-repeat; width: 100%; height: 320px; background-size: cover;}
.smallbanner1 .nr{ padding: 15px 0 0 0;}
.smallbanner1 .nr .pic{ margin-left: 50px;}
.smallbanner1 .nr .smbrxtext{ margin: 0 30px 0 0;text-align: center;width: 805px;}
.smbrxtext dl dd{ float: left; margin-right: 8px;}
.smbrxtext dl dd>div{ display: inline-block; vertical-align: middle; text-align: left;}
.smbrxtext dl dd .icon{ margin-right: 7px; width: 63px; height: 63px;}
.smbrxtext dl dd .js p{ font-size: 20px; color: #016bc1;font-weight: bold;}
.smbrxtext dl dd .js b{ font-size: 16px; color: #000;}
.smbrxtext .by{ font-size: 18px; color: #000; margin: 10px 0 0;}
.smallbanner1 .nr .smbrxtext .smbrx img,.smallbanner1 .nr .smbrxtext .smbrx span,.smallbanner1 .nr .smbrxtext .smbrx i{ display: inline-block; vertical-align: middle;}
.smallbanner1 .nr .smbrxtext .smbrx span{ font-size: 18px; color: #000; margin-left: 5px;}
.smallbanner1 .nr .smbrxtext .smbrx i{ font-size: 30px; color: #016bc1;font-weight: bold;}

/*smallbanner2*/

.smallbanner2{ background: #f3f3f3; width: 100%; height: 458px; margin: 40px 0 0 0;}
.smallbanner2 .nr .left{ width: 637px; padding: 50px 0 0 0;}
.smallbanner2 .nr .left dt p{ color: #222; font-size: 30px; font-weight: bold; line-height: 30px;}
.smallbanner2 .nr .left dt hr{ width: 121px; height: 2px; background: #016bc1; outline: none; border: none; display: inline-block; vertical-align: middle; margin: 5px 0 5px;}
.smallbanner2 .nr .left dt .b{ color: #222; font-size: 14px;}
.smallbanner2 .nr .left dd{ overflow: hidden; display: inline-block; vertical-align: top; text-align: center; color: #666; font-size: 14px; margin: 0 7px 15px 0;}
.smallbanner2 .nr .left dl{ margin: 30px 0 0;}
.smallbanner2 .nr .left dd p{ color: #666; font-size: 14px; margin: 5px 0 0; line-height: 14px;}
.smallbanner2 .nr .left dd .pic{ width: 148px; height: 90px; border: 1px solid #ccc;}
.smallbanner2 .nr .left dd .pic img{ width: 100%;}
.smallbanner2 .nr .left dd:hover p{ color: #016bc1;}

/*formback*/

.smallbanner2 .nr .right{ background: url(img/formback.png)no-repeat; width: 523px; height: 471px; margin: -13px 0 0 0; padding: 40px 30px 0 35px;}
.smallbanner2 .nr .right .by p img{ vertical-align: middle; margin: -4px 10px 0 0;}
.smallbanner2 .nr .right .by p{ color: #333; font-size: 22px; font-weight: bold; margin-bottom: 15px;}
.smallbanner2 .nr .right .by b{ color: #000; font-size: 12px;}
.smallbanner2 .nr .right .by{ margin-bottom: 25px;}
.smallbanner2 .nr .right form .inputlist span>b{ font-size: 14px; color: #333;}
.smallbanner2 .nr .right form .inputlist input{ width: 351px; height: 27px; line-height: 27px; border: 1px solid #cdcdcd; margin-left: 10px;}
.smallbanner2 .nr .right form .inputlist textarea{ width: 352px; font-family: Microsoft YaHei,SimHei,Arial; height: 83px; border: 1px solid #cdcdcd; resize: none; overflow: hidden; margin-left: 10px; display: inline-block; vertical-align: top;}
.smallbanner2 .nr .right form .inputlist{ margin-bottom: 10px; position: relative; width: 96%;}
.smallbanner2 .nr .right form .inputlist:after{ content: "*"; font-size: 14px; color: #016bc1; position: absolute; right: 0px; top: 0;}
.smallbanner2 .nr .right form #msgLeft_Btn{ background: url(img/more1.png)no-repeat;}
.smallbanner2 .nr .right form .sub{ margin: 10px 0 0 70px;}
.smallbanner2 .nr .right form .sub>div{ width: 108px; height: 38px; text-align: center; line-height: 35px; font-size: 15px; color: #fff; display: inline-block; vertical-align: top; cursor: pointer;}
.smallbanner2 .nr .right form #qingkong{ background: url(img/more2.png)no-repeat; margin-left: 26px;}
.smallbanner2 .nr .right form .inputlist5:after{ display: none;}
.smallbanner2 .nr .right form .identifying div{ display: inline-block; vertical-align: middle;}
.smallbanner2 .nr .right form .identifying input{ width: 99px; height: 27px; vertical-align: middle;}
.smallbanner2 .nr .right form .identifying .code{ background: url(img/code.png)no-repeat; width: 65px; height: 27px; line-height: 27px; color: #333; font-size: 12px; text-align: center; margin: 0 0 0 5px;}
.smallbanner2 .nr .right form .identifying .change{ color: #333; font-size: 14px; cursor: pointer;}
.smallbanner2 .nr .right form .identifying:after{ display: none;}

/*ys*/

.ys{ background: url(img/ysbg.png)no-repeat; background: url(img/ysbg.png)\9 no-repeat; width: 100%; height: 1523px; background-size: cover;}
.ys .nr{ overflow: hidden;}
.ys .nr ul li:first-child{ background: url(img/ys1bg.jpg)no-repeat; height: 348px; overflow: hidden;}
.ys .nr ul li dt>div{ display: inline-block; vertical-align: top;}
.ys .nr ul li dt{ height: 75px;}
.ys .nr ul li dt .icon{ background: url(img/ysbybg.jpg)no-repeat; width: 78px; height: 97px; text-align: center; color: #fff; font-size: 33px; font-weight: bold; line-height: 65px;}
.ys .nr ul li dt .by p{ color: #016bc1; font-size: 28px; font-weight: bold; line-height: 32px; margin-bottom: 10px;}
.ys .nr ul li dt .by b{ color: #000; font-size: 20px; line-height: 20px;}
.ys .nr ul li .text{ position: relative; width: 425px; margin-left: 85px;}
.ys .nr ul li .text dd{ margin-bottom: 5px;}
.ys .nr ul li .text dd i{ color: #666; font-size: 14px; line-height: 26px; display: inline-block; vertical-align: top; width: 410px;}
.ys .nr ul li .text dd:before{ content: ""; background: url(img/round2.png)no-repeat; width: 7px; height: 7px; display: inline-block; vertical-align: top; margin: 10px 3px 0 0;}
.ys .nr ul li .text:before{ content: ""; position: absolute; left: 3px; top: 11px; width: 1px; height: 166px; background: #ccc;}
.ys .nr ul li .text a{ margin: 10px 0 0 15px; width: 100px; height: 32px; background: #016bc1; border-radius: 16px; text-align: center; display: inline-block; vertical-align: top; color: #fff; font-size: 14px; line-height: 32px;}
.ys .nr ul li .text a img{ vertical-align: middle; margin: -3px 5px 0 0;}
.ys .nr ul li:first-child+li{ background: url(img/ys2bg.jpg)no-repeat; height: 385px; overflow: hidden;}
.ys .nr ul li:first-child+li+li{ background: url(img/ys3bg.jpg)no-repeat; height: 386px; overflow: hidden;}
.ys .nr ul li:first-child+li+li+li{ background: url(img/ys4bg.png)no-repeat; height: 383px; overflow: hidden;}
.ys .nr ul li:first-child+li+li .text:before{ height: 157px;}
.ys .nr ul .li2{ padding: 37px 0 0 20px;}

/*about*/

.about{ margin: 50px 0 0;}
.about .nr{ position: relative;}
.about .nr .left .pic{ margin-left: -352px; height: 538px;}
.aboutfactory{ background: #016bc1; padding: 65px 0 0 0; width: 100px; position: absolute; height: 538px; left: 608px; top: 0; text-align: center;}
.aboutfactory .icon{ height: 44px;}
.aboutfactory ul li{ padding: 0 0 40px 0; position: relative;}
.aboutfactory ul li:first-child+li{ padding: 45px 0 40px; margin-bottom: 40px;}
.aboutfactory ul li:first-child+li:before,.aboutfactory ul li:first-child+li:after{ content: ""; position: absolute; left: 17px; width: 65px; height: 1px; background: #52a6ff;}
.aboutfactory ul li:first-child+li:before{ top: 0;}
.aboutfactory ul li:first-child+li:after{ bottom: 0;}
.aboutfactory ul li p{ margin: 15px 0 0; color: #fff; font-size: 14px;}
.about .left{ width: 708px;}
.about .right{ width: 492px; height: 465px; padding: 40px 25px 0 30px; box-shadow: 5px 9px 12px 1px #dedede;}
.about .right p{ color: #016bc1; font-size: 28px; font-weight: bold; font-family: Microsoft YaHei,SimHei,arial; line-height: 28px;}
.about .right dt{ color: #222; font-size: 26px;margin: 5px 0 10px;}
.about .right dd{ color: #666; font-size: 16px; line-height: 30px; text-indent: 20px;}
.about .right .more{ margin: 20px 0 0; width: 120px; height: 40px; background: #016bc1; border-radius: 10px; text-align: center; display: inline-block; vertical-align: top; color: #fff; font-size: 16px; line-height: 40px;}

/*qyxc*/

.qyxc{ padding-top: 40px; position: relative; overflow: hidden;}
.qyxc .btn{ position: absolute; top: 105px; width: 32px; height: 79px; cursor: pointer;z-index: 15;}
.qyxc .prev{ left: 0;}
.qyxc .next{ right: 0;}
.qyxc .bd ul li{ display: inline-block; vertical-align: top; text-align: center; margin-right: 4px;}
.qyxc .bd ul li .pic{width: 286px; height: 217px; border: 1px solid #ccc; text-align: center; padding: 2px; line-height: 0;}
.qyxc .bd ul li .pic .img{ width: 268px; height: 202px; overflow: hidden;}
.qyxc .bd ul li .pic img{ width: 100%;}
.qyxc .bd ul li .mc{ color: #666; font-size: 14px; margin: 10px 0 0;}
.qyxc .bd ul li:hover .mc{ color: #016bc1;}
.qyxc .bd{ padding: 0 45px 0;overflow: hidden;}
.qyxc .bd .tempWrap{ width: 1100px!important;}

/*new*/

.new{ padding: 40px 0 0;}
.new .newleft{ width: 583px;}
.new .newtytop{ height: 35px; line-height: 35px; border-bottom: 1px dashed #c0c0c0; margin-bottom: 15px;}
.new .newtytop .zz{ position: relative; font-size: 24px; color: #016bc1; line-height: 24px;}
.new .newtytop .zz:before{ content: ""; position: absolute; left: 0; bottom: -11px; width: 129px; height: 1px; background: #016bc1;}
.new .newtytop .more {}

.new .newtytop .more a{ color: #999; font-size: 14px; font-family: Microsoft YaHei,SimHei,arial;}
.new .newtytop .more a:hover{ color: #016bc1;}
.new .newbpic{ width: 583px; height: 288px; overflow: hidden; margin-bottom: 15px;}
.new .newbpic img,.new .newright .information1 ul li .img{width: 583px; height: 288px;}
.new .newbpic:hover img,.new .newright .information1 ul li .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.new .firstnew{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.new .firstnew p a:hover,.new .firstnew p a:hover i{ color: #016bc1;}
.new .firstnew p{ margin-bottom: 5px;}
.new .firstnew p a{ color: #333; font-size: 16px;}
.new .firstnew p a i{ float: right; color: #666; font-size: 14px;}
.new .firstnew dd{ color: #999; font-size: 14px; line-height: 23px;}
.new .firstnew dd:hover{ text-decoration: underline;}
.new .newlist ul li:before{ content: ""; background: url(img/round.png)no-repeat; width: 6px; height: 6px; display: inline-block; vertical-align: middle; margin: -3px 7px 0 0;}
.new .newlist ul li a{ color: #666; font-size: 14px;}
.new .newlist ul li a:hover{ color: #016bc1;}
.new .newlist ul li a b{ float: right;}
.new .newlist ul li{ margin-bottom: 20px;}
.new .newright{ width: 580px;}
.new .newright .information1 ul li>div{ display: inline-block; vertical-align: top;}
.new .newright .information1 ul li .js{ width: 317px;}
.new .newright .information1 ul li .js p a{ color: #333; font-size: 18px;}
.new .newright .information1 ul li .js b{ display: block; margin: 5px 0 0; line-height: 26px; color: #999; font-size: 15px;}
.new .newright .information1 ul li .img{ width: 222px; height: 149px; overflow: hidden; margin-right: 17px;}
.new .newright .information1 ul li .img img{ width: 222px; height: 149px;}
.new .newright .information1 ul li .js p a:hover{ color: #016bc1;}
.new .newright .information1 ul li .js b:hover{ text-decoration: underline;}
.new .newright .information1 ul li{ margin-bottom: 14px;}
.new .newright .information1{ height: 385px; overflow: hidden;}
.new .newright .information2 .newtytop{ margin-bottom: 21px;}

/*foot*/

.foot{ background: #333;}

/*foot link*/

.foot .link{ width: 100%; height: 70px; line-height: 70px; background: #fafafa; margin: 40px 0 0;overflow: hidden;}
.foot .link .linklist ul li:first-child{ color: #333; font-size: 18px; font-weight: bold; margin-right: 44px;}
.foot .link .linklist ul li:first-child i{ display: inline-block; vertical-align: middle; color: #333; font-size: 18px; font-weight: normal; font-family:Microsoft YaHei,SimHei,Arial;}
.foot .link .linklist ul li{ display: inline-block; vertical-align: middle;}
.foot .link .linklist ul li a{ color: #666; font-size: 14px; margin-right: 32px;}
.foot .link .linklist ul li a:hover{ color: #016bc1;}
.foot .link .linklist ul{ width: 89%;}
.foot .link .tsa a{ color: #666; font-size: 14px;}
.foot .link .tsa a:hover{ color: #016bc1;}

/*foot nav*/

.foot .fnav{ border-bottom: 1px solid #999; height: 60px; line-height: 60px;}
.foot .fnav ul{ margin: 0 55px 0 70px;}
.foot .fnav ul li{ float: left; margin-right: 80px;}
.foot .fnav ul li a{ color: #fff; font-size: 16px;}

/*foot content*/

.foot .content{ padding: 30px 0 40px 35px;}
.foot .content .left dd,.foot .content .left dd p{ display: inline-block; vertical-align: top; float:left}
.foot .content .left dd+dd{ margin-left: 17px;}

.foot .content .left dd img{ float:left}
.foot .content .left dd p{ width: 14px; color: #fff; font-size: 14px; line-height: 15px; margin: 25px 0 0 5px;}
.foot .content .left{ padding: 0 50px 0 40px; width: 36%;}
.foot .content .right{ width: 64%;}
.foot .content .right ul{ display: inline-block; vertical-align: top; padding-left: 55px;}
.foot .content .right ul li{ margin-bottom: 15px;}
.foot .content .right ul:first-child{ padding: 0 90px 0 50px; border-left: 1px solid #999; border-right: 1px solid #999; height: 140px;}
.foot .content .right ul li img{ vertical-align: middle; display: inline-block; margin: 0 5px 0 0;}
.foot .content .right ul li i{ color: #fff; font-size: 14px; vertical-align: middle; display: inline-block;}

/*foot bottom*/

.foot .bottom{ width: 100%; height: 40px; line-height: 40px; background: #222;}
.foot .bottom .db{ text-align: center; color: #fff; font-size: 14px;}
.foot .bottom .db a{ color: #fff; font-size: 14px;}
.foot .nav ul li a:hover,.foot .bottom .db a:hover{ color: #016bc1;}

/*btn_top*/

#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}

/*新增*/

/*清浮动*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix {height: 1%;}
/*定位*/
.pf{position: fixed;}
.pr{position: relative;}
.pa{position: absolute;}
/*布局*/
.none{display: none;}
.block{display: block;}
.inblock{display: inline-block;}
.ablock a{display: block;width: 100%;}
/*浮动*/
.fl{float: left;display: inline-block;}
.fr{float: right;display: inline-block;}
/*宽度*/
.w160{width: 160px;}
.wp100{width: 100%;}
.w920{width: 920px;}
.w930{width: 930px;}
.w1200{width: 1200px;}
/*补白*/
.pl10{padding-left: 10px!important;}
.pl20{padding-left: 20px!important;}
.pr20{padding-right: 20px!important;}
.pr160{padding-right: 160px!important;}
.pt30{padding-top: 30px!important;}
.pt50{padding-top: 50px!important;}
.pt80{padding-top: 80px!important;}
.pb40{padding-bottom: 40px!important;}
.pb70{padding-bottom: 70px!important;}
/*边距*/
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}
.mt55{margin-top: 55px!important;}
.mt60{margin-top: 60px!important;}
.mt65{margin-top: 65px!important;}
.mt70{margin-top: 70px!important;}
.mt80{margin-top: 80px!important;}
.mt90{margin-top: 90px!important;}
.mt100{margin-top: 100px!important;}
.mt120{margin-top: 120px!important;}
.mt130{margin-top: 130px!important;}
.mb15{margin-bottom: 15px!important;}
.ml25{margin-left: 25px!important}
.mr25{margin-right: 25px!important;}
/*背景颜色*/
.bgfff{background: #fff;}
.bgf8{background: #f8f8f8;}
.bgfa{background: #fafafa;}
.red{color: red;}
/*边框*/
.bdnone{border: none!important;}
.bdtnone{border-top: none!important;}
.bdbnone{border-bottom: none!important;}
.bdlnone{border-left: none!important;}
.bdrnone{border-right: none!important;}
/*文本对齐*/
.tal{text-align: left!important;}
.tac{text-align: center!important;}
.tar{text-align: right!important;}
/*字体*/
.fs0{font-size: 0px;}

/*----  文本行数 ------- */
.textov1{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
.textov2{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
.textov3{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
.textov4{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
.textov5{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
.textov6{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
/*字体颜色*/
.cwhite{color: #fff!important;}
/*（图片）动画过渡时间*/
.transition5,.transitionImg5 img,.moveUp,.enlarge,.enlargeLi img{-moz-transition: all ease .5s 0s;-webkit-transition: all ease .5s 0s;cursor: pointer;transition: all ease .5s 0s;}
/*鼠标悬浮上移*/
.moveUp:hover{-webkit-transform: translateY(-2em);-moz-transform: translateY(-2em);-ms-transform: translateY(-2em);-o-transform: translateY(-2em);transform: translateY(-2em);}
/*（列表项图片）鼠标悬浮放大*/
.enlarge:hover,.enlargeLi li:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
/*溢出隐藏*/
.hidden{overflow: hidden;}

/*内容*/
.content{width: 1200px;margin: 0 auto;}
.content1600{width: 1600px;margin: 0 auto;}

/*浮动*/
.fl{float: left;display: inline-block;}
.fr{float: right;display: inline-block;}

.itit{ text-align:center; padding:30px 0}
.itit h2{font-size: 32px;margin: 5px 0;color: #016bc1;font-weight: bold;}
.itit p{font-size: 16px;margin: 5px 0;color: #464646;}


/*首页版块1 产品中心*/
.h2Index .title{font-size: 36px;color: #343434;font-weight: bold;}
.h2Index .title em{color: #016bc1;font-weight: bold;}
.h2Index .description{width: 1200px;font-size: 16px;color: #ffffff;overflow: hidden;}
.h2Index .description span{position: relative;display: inline-block;width: 320px;height: 40px;border: 1px solid #e1e1e1;border-radius: 40px;background: #016bc1;line-height: 38px;font-size: 16px;color: #ffffff;}
.h2Index .description span::before,.h2Index .description span::after{position: absolute;z-index: -1;left: 0;top: 0;bottom: 0;width: 1200px;height: 1px;background: #016bc1;content: "";margin: auto;}
.h2Index .description span::after{left: auto;right: 0;}
.index1Con li{position: relative;float: left;width: 385px;height: 490px;background: #f5f5f5;margin-right: 20px;margin-bottom: 20px;padding: 24px;transition: all .5s;}
.index1Con li:nth-of-type(3n){margin-right: 0;}
.index1Con .picBorder{width: 100%;height: 255px;overflow: hidden;}
.index1Con .picBorder img{width: 100%;height: 100%;object-fit: cover;}
.index1Con .title{margin-top: 15px;font-size: 20px;color: #343434;}
.index1Con .title:after{display: block;content: "";width: 20px;height: 1px;margin: 15px 0 20px 0;background: #414041;}
.index1Con .description{font-size: 14px;color: #6a6a6a;}
.index1Con .description em{font-weight: bold;}
.indexLink{position: absolute;width: calc(100% - 48px);left: 24px;bottom: 24px;}
.indexLink a{width: 160px;height: 40px;font-size: 16px;color: #ffffff;text-align: center;line-height: 40px;}
.indexLink .more{background: #adadad;}
.indexLink .zixun{background: #016bc1;}
.index1Con li:hover{background: #016bc1;}
.index1Con li:hover .title,.index1Con li:hover .description{color: #fff;}
.index1Con li:hover .title:after{background: #fff;}
.index1Con li:hover .more{background: #ffffff;color: #016bc1;}
.index1Con li:hover .zixun{background: #00325a;}
/*首页版块2 我们是谁*/
.index2{background: url(img/index2bj.jpg) no-repeat;}
.index2 .index-title-box .Tit{color: #fff;}
.index2 .index-title-box .SCont{color: #fff;}

.index2 .vrimg{margin: 0 auto;width:150px;height:150px;padding:20px 5px;text-align: center;background: #2d2d2d;border-radius: 100%;}
.index2 .vrimg span{width: 100%;color: #fff;}
.index2 .vrimg .img{width: 62px;height: 51px;}
.index2 .vrimg .img img{width: 100%;height: 100%;object-fit: contain;}
.index2 .vrimg .title{font-size: 16px;color:#fff;line-height: 30px;margin-top: 5px;}
.index2 .vrimg .anniu{line-height: 30px;font-size: 30px;}

.index2Con{background: #fff;padding: 30px;box-shadow:0px 2px 3px #ececec;}
.index2Con .index2list1{width: 33%}
.index2Con .index2list1 li{position: relative;width: 100%;height: 460px;overflow: hidden;display: grid;}
.index2Con .index2list1 li img{width: 100%;height: 100%;object-fit: cover;}
.index2Con .index2list1 li .title{width: 100%;position: absolute;padding:0 30px;bottom: 0;left: 0px;z-index: 10;line-height: 60px;
	text-align: center;font-size: 16px;color:#fff;background: rgba(0,0,0,0.6);display: block;
}

.index2Con .index2list2{width: 65%;}
.index2Con .index2list2 li{position: relative;float: left;width:calc((100% - 2%) / 2);margin-right:2%;margin-bottom: 15px;height: 223px;overflow: hidden;display: grid;}
.index2Con .index2list2 li:nth-child(2n){margin-right: 0;}
.index2Con .index2list2 li .title{width: 100%;position: absolute;padding:0 30px;bottom: 0;left: 0px;z-index: 10;line-height: 60px;
	text-align: center;font-size: 16px;color:#fff;background: rgba(0,0,0,0.6);display: block;
}

.index2body{width: 100%;display: inline-block;}
.index2bodyL{width: calc(100% - 400px);}
.index2bodyL span{width: 100%;}
.index2bodyL .title{font-weight: bold;font-size: 30px;color:#484848;}
.index2bodyL .title em{font-weight: bold;color: #ec3131;}
.index2bodyL .img{margin-top: 20px;}
.index2bodyL .img img{}
.index2bodyR{width: 400px;}
.index2bodyR p{background: #016bc1;font-size: 18px;color:#fff;width:320px;height:60px;padding:20px 0;line-height: 20px;margin-top: 30px;text-align: center;}




.picScroll-left1 .bd{ padding:40px 10px;}
.picScroll-left1 .bd ul{overflow:hidden; zoom:1;}
.picScroll-left1 .bd ul li{float:left; _display:inline; overflow:hidden;background: url(img/section4_main_bg.png) no-repeat;width: 278px;height: 346px;box-sizing: border-box;margin: 0 10px;}
.aa a img{width: 272px;height: 185px;margin: 3px;}
.ab{text-align: center;}
.ab a{font-size: 20px;color: #333;display: block;padding:8px 0;border-bottom: 1px dashed #333;}
.ac{padding: 8px 16px;}
.ac a{color: #333; font-size:12px}
.ad{text-align: center;margin-top: 5px;}
.ad a{padding:6px 27px;background: #016bc1;color: #fff;}
.picScroll-left1{position: relative;}
.picScroll-left1 .bd ul li dl dt a img{transition: transform 0.6s;}
.picScroll-left1 .bd ul li:hover dl dt a img{transform: scale(1.1);}
.picScroll-left1 .bd ul li:hover dl .ab a{color:#008cd7;}
.picScroll-left1 .bd ul li:hover dl .ac a{color:#008cd7;}
.picScroll-left1 .bd ul li:hover dl .ad a{background:#008cd7;}
.section5{margin: 20px 0 70px;}
.slideTxtBox{float:left;width: 1200px;}
.slideTxtBox .hd{ height:50px; line-height:50px; position:relative; }
.slideTxtBox .hd ul{ background: #f3f3f3;  position:absolute; left:50%;margin-left: -467px; top:20px; height:50px;  }
.slideTxtBox .hd ul li{ float:left; cursor:pointer; background: url(img/section06_line.png) no-repeat right center; }
.slideTxtBox .hd ul li:last-child{background: 0;}
.slideTxtBox .hd ul li a{ padding:17px 35px;color: #333;font-size: 16px;}
.slideTxtBox .hd ul li.on{ height:50px;  background:#058acf;}
.slideTxtBox .hd ul li.on a{color: #fff}

.au{border-bottom:1px solid #d2d2d2;}
.imgfix{float:right;margin-top: 35px;}
.imgfix a img{width: 232px;height: 288px;}
.section7{margin:50px 0 0px;background: #f8f8f8;padding-top: 1px;}

.slideTxtBox1{float:left;width: 1200px;margin-top: 30px;}

.section7_left{float:left;position: relative;top:-54px;}
.section7_right{float:left;margin-left: 32px;}
.section7_right div p{font-size: 13px;color: #5d5d5d;}
.section7_right div a{position: absolute;display: block;width: 120px;height: 40px;background: #008cd7;line-height: 40px;text-align: center;color: #fff;font-size: 14px;bottom:30px;}
.section7_right_word{width: 480px;height: 256px;border:1px solid #e2e1e1;padding:24px 40px 0 50px;box-sizing: border-box;line-height: 32px;position: relative;}
.section8{margin-top: 50px;}
.sy_13{margin-top: 55px;}
.sy_13_xw:last-child{border: 0;}
.sy_13_xw:nth-child(2){margin: 0 40px 0 43px;}
.sy_13_xw{width: 370px;float:left;padding-right: 43px;border-right:1px dashed #ccc;}
.sy_13_xw em b{float:right;border-left:1px dashed #ccc;padding-left: 10px;margin-top: 10px;}
.sy_13_xw em b a{color: #666;font-weight: normal;}
.sy_13_xw em h3{font-size: 20px;padding-bottom: 5px;border-bottom: 2px solid #008cd6;width: 80px;margin-bottom: 15px;}
.sy_13_xw ul{}
.sy_13_xw ul li{width:370px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;border-bottom: 1px dashed #dbdbdb;padding-bottom: 3px;background: url(section8_throe_03.png) no-repeat left center;text-indent: 16px;}
.sy_13_xw ul li a{color:#666;font-size: 14px;}
.sy_13_xw ul li a:hover{color: #37B2F8;}
.sy_13_xw em div{overflow: hidden;}
.sy_13_xw em div img{transition: all 0.6s;}
.sy_13_xw em div img:hover{transform: scale(1.1);}

.index5{background: url("img/index5bj.png") center center;padding: 50px 0;}

.index5LCon{}
.index5Con ul{margin:0 10px;}
.index5Con ul li{float:left;width: calc((100% - 245px) / 8);padding: 20px 0;margin-right: 35px;background: #fff;text-align: center;border:3px solid #dedede;border-top: 4px solid #016bc1;box-shadow: 0px 2px 3px #ececec;}
.index5Con ul li:nth-child(8n){margin-right: 0;}
.index5Con ul li .img{width: 70px;height:58px;overflow: hidden;margin: 0 auto; display:block}
.index5Con ul li:hover .img{-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);transform: rotateY(360deg);-moz-transition: all ease .5s 0s;
-webkit-transition: all ease .5s 0s;cursor: pointer;transition: all ease .5s 0s;}
.index5Con ul li .img img{max-width: 100%;height: 100%;object-fit: contain;}
.index5Con ul li .title{font-size: 16px;color:#5c5c5c;width: 100%;line-height: 25px;height: 50px; text-align:center}
.index5Con ul li:hover .title{color: #016bc1}
.index5Con ul li::after{content: ">";width: 40px;height: 20px;font-size: 34px;color: #020202;position: absolute;margin-left: 20px;margin-top: -40px;}
.index5Con ul li:last-child::after{display: none;}
.index5Con ul li:nth-child(8) .title{line-height: 50px;}
.index5 .anniu{margin: 0 auto;display: flex;}
.index5 .anniu a{font-size: 18px;color: #fff;background: #016bc1;text-align: center;width:320px;height:60px;line-height: 60px;margin: 0 auto;}
.index5 .anniu a:hover{background: #fff;color: #016bc1;border:1px solid #016bc1;}


.left { float:left; overflow:hidden; }
.mid { float:left; padding:0 10px; height: 1px; }/*规定栏目与栏目之间的间距*/
.mid_48 { float:left; padding:0 24px; height: 1px; }/*规定栏目与栏目之间的间距*/
.right { float:right; }
/*指定隐藏显示样式*/
.hidden { display:none; }
.limar { display:block; }
/*指定上下间距*/
.hr_50,.hr_45, .hr_30, .hr_25, .hr_20, .hr_15, .hr_12, .hr_10, .hr_8, .hr_7, .hr_5, .hr_3, .hr_1{ clear:both; font-size:1px; line-height:1px; overflow:hidden; }
.hr_50 { height:50px; }
.hr_45 { height:45px; }
.hr_30 { height:30px; }
.hr_25 { height:25px; }
.hr_20 { height:20px; }
.hr_15 { height:15px; }
.hr_12 { height:12px; }
.hr_10 { height:10px; }
.hr_8 { height:8px; }
.hr_7 { height:7px; }
.hr_5 { height:5px; }
.hr_3 { height:3px; }
.hr_1 { height:1px; }
.inner_s{width:1200px;margin:0 auto;}
.inner_b{width:1280px;margin:0 auto;}

.wid{width:1000px; }
li{list-style-type: none;}
a{color:#000; text-decoration:none;}
a:hover{color:red;}
.bk{border:1px solid #dcdcdc;}
.ind_ju{margin-bottom:5px;}
.clear{clear:both;}
.lef_lxwm{padding:5px 5px 5px 8px; background-color:#ededed;}
.header, .logo, .nav, .footer{width:auto;min_width:996px;margin:0 auto;}
/****头部样式*****/
.header{height:30px;line-height:30px;background:#f2f2f2;border-bottom:#e2e2e2;}
.header span{color:#dc0000;}
.header_r{float:right;}
.header_r div{float:left;width:60px;height:30px;}
.header_r a{color:#000;padding-left:25px;}
.header_r .log_in{color:#007dc3;}
.header_r .sina{background:url(img/new-msg.gif) no-repeat left center;padding:0 0 0 18px;margin-left:15px;}

.logo{height:95px;background:url(img/logo_bg.jpg) repeat-x center;}
.logo img{width:324px;height:95px;float:left;}
.logo span{float:right;padding-top:40px;font-size:20px;font-weight:bold;color:red; font-family:Microsoft YaHei,SimHei,Arial}

.nav{height:43px;line-height:43px;background:url(img/nav_bg.jpg);font-size:14px;}
.nav ul.topnav{width:100%;}
.nav ul.topnav li{float:left;padding:0 10px;position:relative;z-index:1001;}
.nav ul.topnav li.subhover{}
.nav ul.topnav li.nav_current a{background:#dc0000;}
.nav ul.topnav li a{display:inline-block;color:#fff;padding:0 15px;height:43px;line-height:43px;}
.nav ul.topnav li a:hover{text-decoration:none;background:#dc0000;}
.nav ul.topnav li ul.subnav{position:absolute;display:none;left:10px;top:43px;;z-index:1001;background:#000;filter:alpha(opacity=50);opacity:0.5;padding:10px 0;}
.nav ul.topnav li ul.subnav li{clear:both;line-height:25px;text-align:center;padding:0 10px;}
.nav ul.topnav li ul.subnav li:hover{background:none;}
.nav ul.topnav li ul.subnav li a{height:25px;line-height:25px;white-space:nowrap;background:none;}
.nav ul.topnav li ul.subnav li a:hover{text-decoration:underline;}