@charset "utf-8";

/* CSS Document */



/*全局样式*/

*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}

input,button,select,textarea{outline:none}

li{list-style:none}

em{ font-style:normal}

textarea{resize:none}

body,div,span,ul,li,p,h1,h2,h3,h4,h5,h6,img,input, textare{ margin:0; padding:0; }

body{ font-size:12px;color: #666;}

body{ word-wrap : break-word ;word-break:break-all; min-height: 100%; _height:100%;}

a{ text-decoration:none; cursor:pointer;}

a:hover{ text-decoration:none;}

a{ outline:none;}/*去除超链接虚线框*/

a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/

a:focus{ outline:0;}/*去除火狐下超链接的虚线*/

a{ text-decoration:none; color:#000}

.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}/*清除浮动*/

h1,h2,h3,h4,h5,h6{font-weight:normal;}

.fl{ float:left}

.fr{ float:right}

.main{ width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden}

.middle{ width:1200px; margin:0 auto;}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

	color: #666;

}

 

input:-moz-placeholder,

textarea:-moz-placeholder {

	color: #666;

}

 

input::-moz-placeholder,

textarea::-moz-placeholder {

	color: #666;

}

 

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

	color: #666;

}

/*------------------------------------------样式开始------------------------------------------*/

.header{width: 100%;}

.logo{padding-top:15px;margin-right: 150px;}

.nav ul li{ float:left;width: 90px;margin-left: 2px;}

.nav ul li a{ display:block; line-height:79px; font-size:14px; color:rgb(51, 51, 51); text-align:center}

.nav ul li a:hover,.nav ul li a.move{background-color: rgb(23, 80, 226);color: #fff;}

.search{overflow:hidden;width:215px;height:30px;margin-top: 25px;background: url("../images/line.png") no-repeat left center;padding-left: 10px;}

.search input{ float:left; border:none;padding-left:10px;background: none;color: #999;height: 30px;width: 165px;}

.search button{ height:30px; background:url(../images/ss.png) center no-repeat; width:30px; border:none; cursor:pointer}

.search input::-webkit-input-placeholder{

	color: #999;

}

 

.search input:-moz-placeholder{

	color: #999;

}

 

.search input::-moz-placeholder{

	color: #999;

}

 

.search input:-ms-input-placeholder{

	color: #999;

}

/*banner图*/

#div1{ width:100%; height:530px; overflow:hidden; margin:0 auto; position:relative; min-width:1200px; max-width:1920px;}

#div1 ol{ position:absolute; right:50%; bottom:55px; height:25px; z-index:999;}

#div1 ol li{ float:left; width:15px; height:15px; text-align:center; border:1px solid #fff; margin:2px; cursor:pointer;  background:#000; margin-top:2px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

#div1 ol li.actived{ background:#ACACAF;width:15px; height:15px; margin-top:2px;border:1px solid #000;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

#div1 ul{ position:absolute;left:0; top:0;}

#div1 ul li{width:100%;min-width:1200px; max-width:1920px; height:530px;  float:left;}

#div1 ul li img{width:100%;min-width:1200px; max-width:1920px;  height:530px; float:left;}

.part01{ position: relative;top: -45px;}

.huadong{height: 45px;line-height: 45px;background-color: rgba(0,0,0,0.6);position:relative;}

.huadong a{color: #fff;font-size: 12px;}

.huadong .huabox {width: 100%;}

.huadong h5 {float:left;background: url("../images/lb.png") no-repeat left center;color: #fff;font-size: 14px;padding-left: 30px;margin-left: 20px;margin-right: 25px;}

.huadong .gg_more a{background: url("../images/w-jt.png") no-repeat right center;padding-right: 15px;}

.huadong .notice_active {

        float: left;

        width: 83%;

        height: 45px;

        padding: 0;

        overflow: hidden;

        position: relative;

}

.huadong .notice_active li{list-style-type:none;line-height: 45px;overflow: hidden;}

.huadong .notice_active li a{display: inline-block;width: 35%;margin-right: 10%;background: url("../images/dd.png") no-repeat left center;padding-left: 12px;}

.huadong .notice_active li.notice_active_ch span {color:#fff;display: block;overflow: hidden; width:80%;float: left;overflow: hidden;}

.huadong .notice_active li.notice_active_ch em {text-align:right;float:right;color: #fff;font-size: 12px; }

.huadong .notice_active li a:hover{text-decoration: underline;}

#topcontrol{position: fixed;bottom: 50px;right: 30px;cursor: pointer;}

.footer{background-color: #fff;padding:30px 0;}

.footer .phone{display: block;background: url("../images/dh.png") no-repeat left center;padding-left: 22px;}

.footer .dz{display: block;background: url("../images/dz.png") no-repeat left center;padding-left: 20px;}

.footer .f_left p{color: #888;font-size:12px;line-height: 20px;}

.footer h3{padding:0px 0 20px 0;}

.f_right li{color: #999;font-size:12px;text-align: center;margin-left: 50px;float: left;}

.f_right li img{width: 103px;height: 103px;margin-bottom: 15px;display: block;}

.bottom{text-align: center;background-color: rgb(245, 245, 245);}

.bottom p{color: rgb(198, 198, 198);font-size: 12px;line-height:35px;}

.f_center dl{float: left;margin:0 50px;}

.f_center dt{color: #555;font-size: 14px;padding-bottom: 20px;}

.f_center dd a{display: block;color: rgb(153, 153, 153);font-size: 12px;line-height: 30px;}

.f_center dd a:hover{color: rgb(23, 80, 226);}

.footer .f_left{margin-right:50px;}

.friend{color: #333;font-size: 14px;padding-top: 30px;}

.friend a{color: rgb(127, 150, 189);display: inline-block;padding: 0 10px;}

.part07{background: url("../images/bg2.jpg") no-repeat center;text-align: center;padding: 85px 0;}

.part07 h5{color: #fff;font-size: 28px;padding-bottom: 35px;}

.part07 a{display: block;background-color: rgba(23, 80, 226);width: 130px;height: 37px;line-height: 37px;color: #fff;font-size: 14px;margin: 0 auto;}

.part07 a:hover{background-color: rgba(23, 80, 226, 0.86);}

.nav-title{padding:30px 0;}

.nav-title h2{color: #222;font-size: 28px;text-align: center; position: relative;z-index: 2;}

.nav-title h2 em{display: block; position: absolute;height: 16px;width: 118px;background-color: #e3eeff;margin: 0 auto;top:20px;z-index: -1;left: 50%;margin-left: -59px;}

.nav-title h2 span{display: block;font-size:12px;color:#8BA1DA;padding-top: 4px;}

.part06{background-color: rgb(247, 249, 255);padding-bottom:30px;}

.part06 .nn-list li{float: left;width: 366px;padding: 10px;background: #fff;margin-right: 20px;margin-bottom: 20px;}

.nn-list li a h4{color:rgb(51, 51, 51);font-size: 12px;margin-top: 22px;margin-left: 10px;}

.nn-list li a span{display: block;background: url("../images/clock.png") no-repeat left center;padding-left: 20px;font-size: 12px;color: #999999;margin:8px 0 20px 10px;}

.nn-list li a p{color: rgb(174, 174, 174);font-size: 12px;line-height: 22px;margin-left: 10px;height: 44px;overflow: hidden;}

.nn-list li .tpp{width: 366px;height: 160px;overflow: hidden;}

.nn-list li img{transform: scale(1);transition: all 0.3s;width: 100%;height:160px;object-fit: cover;}

.nn-list li:hover a h4{color: rgba(23, 80, 226);}

.nn-list li:hover .tpp img{transform: scale(1.1); transition: all 0.3s;}

.nn-list li:nth-child(3n){margin-right:0}

.part06 .more,.part05 .more{width: 100px;height: 37px;margin: 0px auto;display: block;text-align: center;line-height: 37px;background:rgb(23, 80, 226) url("../images/more.png") no-repeat 90% center;color: #fff;font-size: 14px;padding-left:25px;padding: 0 20px;}

.cc-list{padding:0px 0 30px 0;}

.cc-list li{float: left; position: relative;text-align: center;border: 1px solid #fff;width: 283px;height:210px;margin: 0 7px;transition: linear 0.3s;margin-bottom: 30px;}

.cc-list li:hover{border: 1px solid #dfdfdf;}

.cc-list li p{position: absolute;height: 38px;background: rgba(0,0,0,0.3);line-height: 38px;color: #fff;font-size: 14px;bottom: 0;left: 0;width: 100%; opacity: 0;}

.cc-list li:hover p{ opacity: 1;}

.cc-list li img{width: 283px;height:210px;}

.part04{background: url("../images/bg.jpg") no-repeat center;padding-bottom:40px;}

.part04 .nav-title h2{color: #fff;}

.part04 li{display: inline-block;width: 24.5%;text-align: center;}

.part04 li span{display: block;color: #fff;font-weight: 700;font-size: 16px;padding: 30px 0 10px 0;}

.part04 li p{color: #fff;line-height:24px;font-size: 12px;}


.part04 .nav-title h2 em{background-color: #8BA1DA;width: 150px;margin-left: -75px;}

.part03{padding-bottom:30px;}


.part03 .con .tab-con{padding-top:0px;width:1020px;}

.part03 .team{display: none;}

.part03 .tab-nav{width: 148px;padding-left: 16px;border-left: 1px solid #dfdfdf;}

.tab-nav li{height:88px;border-bottom: 1px solid #dfdfdf;line-height:88px;text-align: center;background: url("../images/jiantou.png") no-repeat center center;}

.tab-nav li a{color:rgb(34, 34, 34);font-size:16px;display: block;}

.team .right{width: 378px;padding-left:150px; position: relative;padding-top: 100px;}

.team .right h1{padding-bottom: 40px;}

.team .right h1 a{display: block;font-size: 20px;color: #222222;}

.team .right h1 a span{display: block;font-size: 12px;color: #A9A9A9;}

.team .right p{font-size:14px;line-height:1.7;color:#222222;}

.team .left{width: 440px;height: 290px;background-color: rgb(229, 239, 255); position: relative;}

.team .left img{position: absolute;display: block;top: 30px;left: 30px;width:auto;max-height: 290px;width: 440px;}

.team .right em{display: block;position: absolute;width: 46px;height: 1px;background-color: rgb(23, 80, 226);left:80px;top: 115px;}

.tab-nav li.cur a,.tab-nav li a:hover{background:rgb(248, 251, 255) url("../images/jiantou.png") no-repeat center center;color: rgba(23, 80, 226);}

.part02{background: url("../images/bg01.png") no-repeat center;margin-top: -45px;}

.goods{padding-bottom: 100px;}

.goods li{float: left;width:25%;height:250px;background-color: #fff;overflow: hidden;}

.goods li .images{ position: relative;}

.goods li .images p{color: #fff;font-size: 15px;line-height: 24px;width:90%;background: rgba(0,0,0,0.6);position: absolute;top: 0;text-align: center;height: 95px;padding:59px 5%;overflow: hidden;display: none;}

.goods li a .text{border-right:1px solid rgb(237, 237, 237);padding: 25px 0px 20px 85px;color:rgb(34, 34, 34);font-size:16px}

.goods li .text span{display: inline-block;float: left;padding-right: 15px;}

.goods li a .text p{color: rgb(153, 153, 153);font-size: 12px;padding-top: 4px;height: 20px;overflow: hidden;}

.goods li:nth-child(4n) .text{border-right: none;}

.goods li .images:hover p{display: block;}

.goods li:hover a .text h3{text-decoration: underline;color: rgb(23, 80, 226)}

.goods li .images span{display: block;width: 24px;height: 12px;background: url("../images/xia.png") no-repeat; position: absolute;top: 0;left: 50%;margin-left: -12px;z-index: 99;}

.goods li .images img{width: 100%;}

.ny_banner{width: 100%;background: url("../images/ny-banner.jpg") no-repeat;}

.box-wz{padding: 71px 0;}

.box-wz h2{font-size:20px;color:#FFFFFF;font-weight: bold;}

.box-wz h2 em{display:block;background:rgb(23, 80, 226);height:2px;width: 32px;margin:6px 0 5px 0;}

.box-wz h2 span{display:block;font-size: 14px;color: #1750E2;font-weight: normal;}

.header2{border-top: 2px solid rgb(23, 80, 226);}

.content{padding: 50px 0 100px 0;border-bottom: rgb(237, 237, 237) 1px solid;}

.leftside{width: 215px;}

.leftside li{height: 40px;line-height: 40px;margin-bottom:15px;}

.leftside li a{color: rgb(79, 79, 79);font-size:16px;display: block;padding: 0 50px;}

.leftside li a:hover,.leftside li a.on{border-radius: 20px;background:#eaf2ff url("../images/w-jt2.png") no-repeat 80% center;color:rgb(23, 80, 226);}

.rightside{width: 930px;box-shadow: 0 0 12px #dfdfdf;padding-bottom: 50px;}

.about{padding:40px 50px;}

.about p{color: #666;font-size: 14px;line-height: 24px;}

.about p img,.about img{float: none;margin: 0 auto;max-width: 830px;}

.about p .aa-pic{float: left;display: block;padding-right: 30px;width: 248px;height: 290px;}

.business li{border-bottom: rgb(237, 237, 237) 1px solid;padding-bottom: 80px;margin-bottom: 80px;}

.business li .pic{width: 500px;}
.business li img{width: 500px;height: auto;}
.business li .wz{width: 600px;}


.business li .picture{width: 938px;}

.business li .tpp{float: left;margin-left: 20px;}

.business li .tpp img{width: 449px;height: 318px;}

.business li h1{color: #555555;font-size: 18px;padding:10px 0;}

.business li h1 span{font-size: 38px;font-weight: bold;}

.business li h1 em{width: 44px;height: 1px;background-color: rgb(85, 85, 85);margin:15px 0 30px 0;display: block;}

.business li p{font-size: 14px;line-height:22px;color: #555555;}


.brand{color: #555555;font-size: 12px;}

.brand a{color: #555555;}

.brand a.home{background: url("../images/home.png") no-repeat left 0px;padding-left: 22px;color: #555555;}

.brand span{color: rgb(23, 80, 226);}

.brand .middle{border-bottom: rgb(237, 237, 237) 1px solid;padding: 20px 0;}

.case{margin-top: -20px;padding-bottom: 60px;}

.case .sub_nav a{display: inline-block;color: rgb(51, 51, 51);font-size: 14px;margin-right: 100px;}

.case .sub_nav a:hover,.case .sub_nav a.ones{color: rgb(23, 80, 226);}

.case li{background: #f5f5f5;width: 200px;padding: 42px;float: left;margin-right: 21px;margin-top: 22px;}

.case li a p{color:rgb(51, 51, 51);font-size:14px;height: 19px;overflow: hidden;}

.case li .tp-pic{width: 200px;height: 134px;overflow: hidden;margin-bottom: 30px;}

.case li .tp-pic img{width: 100%;height:134px;object-fit: cover;display: block;margin: 0 auto;}

.case li:nth-child(4n){margin-right: 0px;}

.case li:hover a p{color: #fff;}

.case li:hover{background:rgb(23, 80, 226);}

.detail h1{text-align: center;color: #333;font-size: 18px;font-weight: bold;padding-bottom: 30px;}

.detail p{color:rgb(70, 70, 70);font-size:12px;line-height: 24px;}
.detail p img,.detail img{display: block;margin:20px auto;width:auto; max-width: 1200px;}

.fenyes{height:44px;line-height:44px;background:#f5f5f5;color: #545454;font-size: 12px;padding: 0 30px;margin-top:20px;}

.fenyes a{color: #545454;}

.fenyes a:hover{color:#4269E0}

.news{padding:40px 50px;}

.news li{color: rgb(153, 153, 153);font-size: 12px;line-height: 22px;border-bottom: rgb(237, 237, 237) 1px solid;padding-bottom: 20px;margin-bottom: 20px;}

.news li .n-pic{width: 120px;height:90px;border: rgb(237, 237, 237) 1px solid;padding:20px 0;}

.news li .n-pic img{width:100%;height:90px;object-fit: cover;display: block;margin: 0 auto;}

.news li h3 a{display: block;color: rgb(85, 85, 85);font-size: 14px;margin: 10px 0 15px 0;}

.news li .n-wz{width:82.5%;}

.news li p{height: 44px;overflow: hidden;}

.news li:hover h3 a{color: rgb(23, 80, 226);}

.contact{}

.contact h3{font-size: 18px;color: #333333;padding: 40px 0 30px 0;}

.contact h3 em{background:rgb(23, 80, 226);height:2px;width:48px;display: block;margin-top: 12px;}

.contact .lx-list{width: 800px;}

.lx-list li{color: #888888;font-size: 12px;float: left;margin-right: 80px;padding-bottom: 18px;}

.lx-list li span{display: inline-block;float: left;padding-right: 12px;}

.lx-list li span img{display: block;margin: 0 auto;}





.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}

.page span,.page  a{

padding:5px;

border:1px #CCCCCC solid;

margin-right:2px;

cursor:pointer;

}

.page .current{

border:1px #999999 solid;

background:#FFFFCD;

font-weight:bold;

}

.page  a:hover{

border:1px #333333 solid;

background:#FFFFCD;

text-decoration:none;

}



.detail{padding:15px 10px; padding-top:50px;}

.detail h3{ color:#333; text-align:center; font-size:20px;}

.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}

.write span{ color:#666;}

.detail p{ padding:0 14px;line-height:30px;font-size:14px;}

.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }

.dow b{ color:#0271cb;}

.dow p{ text-indent:0;font-size:12px;}

.info p {line-height:25px;font-size:12px; margin-top:5px; }

.part03 .team li{float: left;width: 180px;padding:0 0 10px 0;border: 1px solid #dfdfdf;text-align: center;margin-right: 20px;margin-top:38px;}