@charset "utf-8";
/* by Sean Lu 20190103 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,topbar,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,topbar,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:"Arial", "Arial", "Verdana", "sans-serif"; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { pro_list-style:none; list-style-type:none;}
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #febd17; color: #fff; }
::-moz-selection { background: #febd17; color: #fff; }





.cen01{height:88px;}
.wrapper{width:1200px; margin:0 auto;}
.cen01 .menuul { width: 600px;
    float: left;
    padding-top: 35px;
    margin-left: 100px;}
.cen01 .menuul .nli { display: inline-block; position: relative;width: 82px;text-align: center;}
.cen01 .menuul .nli .na { font-size: 15px; display: block;float: left;text-align: center;}
.cen01 .menuul .nli .sub { background: #f5f5f5; position: absolute; left: -10px; top: 40px; z-index: 9; width: 130px; padding: 10px; text-align: left; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.cen01 .menuul .nli:hover .na{color: #ff0101;}
.cen01 .menuul .nli:hover .sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.cen01 .menuul .nli .sub .sli { line-height: 24px; }
.cen01 .menuul .nli .sub .sli .sa { font-size: 14px; color: #000; padding-left: 20px; display: block; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.cen01 .menuul .nli .sub .sli .sa:hover { color: #ff0101; padding-left: 26px; }


.cen01 .txt{border:1px solid #ddd; width:180px; height:30px; border-radius:20px; float:right; margin-top:30px; text-indent:15px; font-size:13px; color:#999999;  background:url(../images/ss.png) no-repeat 160px center;}
.cen01 .top_menu{display:none;}


.lll{background:url(../images/lll.jpg) repeat-x left top; height:15px;}

.cen02{padding:50px 0;background-color: #fff;}
.cen02 .title{color:#333;  text-decoration:none; font-size:20px; letter-spacing:1px; text-align:center;}
.cen02 .titimg img{margin:3px auto; display:block;}
.cen02 .titbom{text-align:center; margin-top:10px;}
.cen02 .whul{width:1200px; margin:60px auto 20px;}
.cen02 .whul li{float:left; width:300px; text-align:center;}
.cen02 .whul .wh01{background:url(../images/tb01bg.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px;}
.cen02 .whul .tit{font-size:20px; color:#888;  text-decoration:none;}
.cen02 .whul .tita{ color:#888; font-size:14px; line-height:24px; text-decoration:none; margin-top:20px;}
.cen02 .whul .wh02{background:url(../images/tb02bg.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px;}
.cen02 .whul .wh03{background:url(../images/tb03bg.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px;}
.cen02 .whul .wh04{background:url(../images/tb04bg.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px;}
.cen02 .whul li:hover .wh01{background:url(../images/tb01bgn.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px; transition:.5s;}
.cen02 .whul .wh01 .who1imm{background:url(../images/tb01.png) no-repeat center; width:80px; height:80px; margin:0 auto; padding-top:45px; text-align:center;}
.cen02 .whul li:hover .wh01 .who1imm{background:url(../images/tb01n.png) no-repeat center; transition:.5s;}
.cen02 .whul li:hover .tit{color:#ff0101; transition:.5s;}
.cen02 .whul li:hover .wh02{background:url(../images/tb02bgn.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px; transition:.5s;}
.cen02 .whul .wh02 .who2imm{background:url(../images/tb02.png) no-repeat center; width:80px; height:80px; margin:0 auto; padding-top:45px; text-align:center;}
.cen02 .whul li:hover .wh02 .who2imm{background:url(../images/tb02n.png) no-repeat center; transition:.5s;}
.cen02 .whul li:hover .wh03{background:url(../images/tb03bgn.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px; transition:.5s;}
.cen02 .whul .wh03 .who3imm{background:url(../images/tb03.png) no-repeat center; width:80px; height:80px; margin:0 auto; padding-top:50px; text-align:center;}
.cen02 .whul li:hover .wh03 .who3imm{background:url(../images/tb03n.png) no-repeat center; transition:.5s;}
.cen02 .whul li:hover .wh04{background:url(../images/tb04bgn.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px; transition:.5s;}
.cen02 .whul .wh04 .who4imm{background:url(../images/tb04.png) no-repeat center; width:80px; height:80px; margin:0 auto; padding-top:50px; text-align:center;}
.cen02 .whul li:hover .wh04 .who4imm{background:url(../images/tb04n.png) no-repeat center; transition:.5s;}
.cen02 a.btnm{display:block; border:1px solid #ddd; border-radius:20px; width:180px; height:38px; line-height:38px; text-align:center; margin:60px auto 0;}
.cen02 a:hover.btnm{color:#ff0101; border:1px solid #ff0101; text-decoration:none;}

.cen03{background:url(../images/cen03bg.jpg) no-repeat center top; padding:80px 0; height:524px;}
.cen03 .cen03img img{display:block; margin:0 auto;}
.cen03 .title{color:#dddddd;  font-size:22px; text-decoration:none; text-align:center; margin-top:8px; background:url(../images/ll.jpg) no-repeat center bottom; padding-bottom:20px; }
.cen03 .titlea{color:#dddddd;  text-decoration:none; font-size:14px; line-height:22px; text-align:center; margin-top:25px;}
.cen03 a.morebtn{display:block; border:1px solid #d6d6d6; width:180px; height:38px; line-height:38px; text-align:center; color:#dddddd; font-size:14px; border-radius:20px; margin:30px auto 0;}
.cen03 a.morebtn:hover{border:1px solid #ff0101; color:#ff0101;}
.cen03 .pro{margin-top:65px; width:1200px;}
.cen03 .prolist{float:left; width:228px; margin-right:42px;}
.cen03 .proul{width:930px; float:left; margin-top:10px;}
.cen03 .prolist a{display:block; width:228px; height:41px; line-height:41px; text-align:left; text-indent:20px; color:#666666; font-size:14px;  text-decoration:none; margin:6px 0; background-color:#edeff5; border-radius:20px;}
.cen03 .prolist a:hover{background-color:#ff0101; border-radius:20px; color:#ffffff; text-decoration:none;}
.cen03 .prolist a.on{background-color:#ff0101; border-radius:20px; color:#ffffff; text-decoration:none; display:block; width:228px; height:41px; line-height:41px; text-align:left; text-indent:20px;font-size:14px;  text-decoration:none; }
.cen03 .proul ul{width:930px;}
.cen03 .proul ul li{float:left; margin:0 5px;}
.cen03 .proul ul li img{display:block;}

.cen04{padding:50px 0;}
.cen04 .about{width:774px; float:left; margin-right:46px;}
.cen04 .btbg{border-bottom:1px solid #ff0101; height:42px; line-height:42px;}
.cen04 .bttit{background-color:#ff0101; color:#ffffff; font-size:17px;  height:42px; line-height:42px; width:150px; display:block; text-align:center;}
.cen04 .about .nrxq .nrimg{width:318px; margin-right:20px;}
.cen04 .about .nrxq .nrimg img{display:block; margin-top:24px;}
.cen04 .second{margin-top:10px;}
.cen04 .about .nrxq .nrnr{width:436px; margin-top:24px; color:#666666;  text-decoration:none; line-height:23px; font-size:14px;}
.cen04 .about a.bbtn{width:124px; height:34px; border:2px solid #ff0101; display:block; margin-top:18px; text-align:center; line-height:34px; color:#ff0101;}
.cen04 .about a.bbtn:hover{color:#2057ba; border:2px solid #2057ba;}
.cen04 .contact{width:380px; background:url(../images/dt.jpg) no-repeat right bottom;}
.cen04 .contact .titlea{color:#666;  text-decoration:none; font-size:16px; font-weight:bold; margin-top:24px;}
.cen04 .contact .titleb{color:#666;  text-decoration:none; font-size:14px; line-height:26px;}

.cen05{background:url(../images/cen05bg.jpg) no-repeat center top; height:508px; padding:60px 0;}
.cen05 .cen05img img{display:block; margin:0 auto;}
.cen05 .title{color:#dddddd;  font-size:22px; text-decoration:none; text-align:center; margin-top:8px; background:url(../images/ll.jpg) no-repeat center bottom; padding-bottom:20px; }
.cen05 .titlea{color:#dddddd;  font-size:14px; text-decoration:none; margin-top:25px; text-align:center;}
.cen05 .newsul{margin-top:50px;}
.cen05 .newsul li{margin:0 25px; float:left; width:350px;}
.cen05 .newsul .newstit{color:#ccc;  font-size:16px; font-weight:bold; text-decoration:none;}
.cen05 .newsul .time{width:98px; border:1px solid #75797e; height:140px; margin-right:15px;}
.cen05 .newsul .time .year{color:#bbb; font-size:47px; text-align:center; margin-top:28px;}
.cen05 .newsul .time .month{color:#757575; font-size:26px; text-align:center; margin-top:35px; font-family:Arial, Helvetica, sans-serif;}
.cen05 .newsul .newjs{width:235px;}
.cen05 .newsul .newstita{color:#bbb; font-size:14px; text-decoration:none; line-height:23px; margin-top:25px;display: -webkit-box;
	overflow:hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 4}
.cen05 a.nnmore{color:#ff0101; font-size:12px;  text-decoration:underline; margin-top:20px; display:block;}

.cen06{margin:50px 0;}
.cen06 .title{color:#333;  text-decoration:none; font-size:20px; letter-spacing:1px; text-align:center;}
.cen06 .titimg img{margin:5px auto; display:block;}
.cen06 .titbom{text-align:center; margin-top:15px;}
.cen06 .cpzs{background-color:#f6f6f6; margin:35px 0; padding:65px 50px;}
.cen06 .titlea{color:#ff0101;  text-decoration:none; font-size:16px; font-weight:bold;}
.cen06 .titleb{color:#666666; font-size:14px; line-height:23px;  margin-top:12px;}
.cen06 .cpzsz{width:500px; background:url(../images/lla.jpg) no-repeat center right; padding-right:50px;}
.cen06 .cpzsy{width:500px; padding-left:50px; line-height:28px;}
.cen06 a.btnm{display:block; border:1px solid #ddd; border-radius:20px; width:180px; height:38px; line-height:38px; text-align:center; margin:50px auto 0;}
.cen06 a:hover.btnm{color:#ff0101; border:1px solid #ff0101; text-decoration:none;}

.cen07{background-color:#222222; padding:20px 0; margin-top:60px; border-bottom:1px solid #3b3b3b;}
.cen07 .title{color:#bbbbbb; font-size:14px;  text-decoration:none;}
.cen07 a.footera{color:#bbbbbb; font-size:14px;  text-decoration:none; margin:0 3px;}
.cen07 a.footera:hover{color:#ff0101; text-decoration:underline;}

.cen08{background-color:#222222; padding:30px 0; color:#bbbbbb; font-size:14px;  text-decoration:none; line-height:23px;}
.cen08 .fr{text-align:right;}
.wrapcc{ width:1200px; margin:0 auto;}


/* content*/

.bannerslide { height:620px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; z-index: 99}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #fff; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #ff0101;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 99}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 99}

.bigtit{ padding:36px 0 0; border-bottom:1px solid #d0dadc; margin-bottom:20px;}
.bigtit strong{ font-size:26px; color:#ff0101; display:inline-block; letter-spacing:3px; border-bottom:2px solid #000; padding-bottom:10px;}
.bigtit em{ font-style:normal; color:#666; font-size:16px; letter-spacing:3px;}
.bigtit .fr{ color:#666; font-size:13px;}
.bigtit a{ color:#666; text-decoration:none;}

.subnav ul{ list-style:none;padding:15px 0px 25px; border-bottom:1px solid #eee;}
.subnav li{ float:left; font-size:16px; border:1px solid #e8e8e8; border-radius:5px; background-color:#f9f9f9; padding:5px 3%; margin:5px 10px;}
.subnav a{ text-decoration:none; }
.subnav .on{ background-color:#049fd8; color:#fff; border-color:#049fd8;}
.subnav .on a{ color:#fff;}

.content{ padding:20px 0 0px;font-size:14px;}

.content .profile .profile_fl{width: 70%;}
.content .profile .profile_fr{width: 25%;}
.content .profile .title{position: relative;margin-bottom: 40px;}
.content .profile .title:before{content: '';width: 2px;height: 54px;background-color: #ff0101;position: absolute;top: 0;left: 0;margin-left: -10px;}
.content .profile .title .tit{font-size: 24px;color: #000;font-weight: bold;line-height: 30px;}
.content .profile .title .txt{font-size: 14px;color: #666;line-height: 30px;}
.content .profile .info p{font-size: 14px;color: #666;line-height: 24px;}
.content .profile .info img{width: 100%;}
.content .profile .com_idea{background-color: rgba(255,1,1,0.8);padding: 40px 30px;}
.content .profile .com_idea .tit{font-size: 24px;font-weight: bold;color: #fff;line-height: 40px;margin-bottom: 20px;}
.content .profile .com_idea i{font-size: 16px;color: #fff;line-height: 30px;margin-bottom: 10px;display: block;}
.content .profile .com_idea p{font-size: 14px;color: #fff;line-height: 28px;}
.content .comp .complist{ margin:40px 0 20px; overflow:hidden;}
.content .comp li{ width:25%; padding:0 10px; box-sizing:border-box; float:left; background-position:center center; text-align:center;}
.content .comp .img{ background-position:center center; background-repeat:no-repeat; padding:30px 0;}
.content .comp .img img{ max-width:80px; padding:0 10px; width:100%; box-sizing:border-box;}
.content .comp .icon{ padding-top:12px;}
.content .comp .txt{ margin-top:20px;}
.content .comp .tit{ font-size:20px; margin-top:20px;}
.content .comp .li01 .img{ background-image:url(../images/tb01bg.png);}
.content .comp .li02 .img{ background-image:url(../images/tb02bg.png);}
.content .comp .li03 .img{ background-image:url(../images/tb03bg.png);}
.content .comp .li04 .img{ background-image:url(../images/tb04bg.png);}

.content .pro li{ float:left; text-align:center; width:25%; margin-bottom:20px;}
.content .pro a{ display:block; padding:0 10px;}
.content .pro .img img{ width:100%;}

.content .news li{ padding:20px 0px; border-bottom:1px solid #f2f2f2; transition:background ease-in-out .3s;}
.content .news li a{ display:block; width:1170px; margin:0 auto;}
.content .news .img{ float:left; transition:.2s; margin-right:40px;}
.content .news .img img{ width:170px; height:120px; border:1px solid #eee;}
.content .news .txt{ transition:.5s; }
.content .news .tit{ font-size:18px; color:#000; line-height:23px;}
.content .news .time{ font-size:12px; color:#888; padding:5px 0;}
.content .news .miaoshu{ line-height:24px; color:#888; height:50px; overflow:hidden;}
.content .news li:hover{ background:#f8f8f8;}
/*.main .news li:hover .img{transform:translateX(6px);}
.main .news li:hover .txt{transform:translateX(-6px);}*/
.content .news a:hover{ text-decoration:none;}



.content .contact{ border:1px solid #eee; line-height:30px;}
.content .contactfl{ width:40%; float:left; padding:2%; background:url(../images/map.png) no-repeat right bottom;}
.content .contactfr{ width:56%; float:right;}
.content .contactfr img{ max-width:none;}
.content .feedback{margin-top: 50px;}
.content .feedback .form_tit {text-align: center;}
.content .feedback .form_tit h2:nth-child(1) {font-family: 'Open Sans';font-weight: 700;color: #000;letter-spacing: 10px;font-size: 14px;line-height: 30px;}
.content .feedback .form_tit h2:nth-child(2) {font-family: 'Open Sans';font-weight: 300;color: rgba(0,0,0,0.5);letter-spacing: 10px;font-size: 22px;line-height: 110px;}
.content .feedback .mail_form {overflow: hidden;position: relative;}

.content .feedback .mail_form .f_c1 {width: 32.5%;position: relative;float: left;margin-right: 1.25%;margin-bottom: 10px;}
.content .feedback .mail_form .f_subject {margin-right: 0px;}
.content .feedback .mail_form .f_c1 span {position: relative;width: 100%;z-index: 999;display: block;}
.content .feedback .mail_form .f_c1 .f_txt {border: 1px solid #000;background: transparent;color: #000 !important;position: relative;float: left;width: 100%;padding: 12px 20px;outline: none;box-sizing: border-box;}
.content .feedback .mail_form .f_msg {position: relative;float: left;width: 100%;}
.content .feedback .mail_form .f_msg textarea {border: 1px solid #000;
    background: transparent;
    color: #000 !important;font-size: 12px !important;
    letter-spacing: 0;
    font-weight: 700 !important;overflow: auto;line-height: inherit;position: relative;
    float: left;
    width: 100%;
    padding: 15px;
    font-family: "Helvetica Neue","Arial",sans-serif;
    outline: none;
    height: 130px;
    margin-bottom: 10px;
    margin: 10px 0;
    z-index: 99;box-sizing: border-box;}
.content .feedback .mail_form .f_submit{float: left;margin: 0 auto;border: 1px solid #000;display: inline-block;box-sizing: border-box;}
.content .feedback .mail_form .f_submit:hover {cursor: pointer;color: #fff;background: #ff0101;border-color: #ff0101;}
.content .feedback .mail_form .f_submit input {background-color: transparent !important;
    border: none !important;
    margin: 0;
    color: #000 ;
    font-weight: 600;
    font-size: 13px;
    z-index: 9;
    letter-spacing: 1px;
    line-height: 1;
    padding: 15px 30px;
display: inline-block;}
.content .feedback .mail_form .f_submit:hover input{color: #fff;}
input:-ms-input-placeholder {

color:#666 !important;
}

/* Internet Explorer 10+ */

input::-webkit-input-placeholder {

color:#666 !important;
}

/* WebKit browsers */

input::-moz-placeholder {

color:#666 !important;
}

/* Mozilla Firefox 4 to 18 */

input:-moz-placeholder {

color:#666 !important;
}

/* Mozilla Firefox 19+ */

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

color:#666 !important;
}

input:-moz-placeholder,

textarea:-moz-placeholder {

color:#666 !important;
}


/*page*/
.leftside{ width:24%; float:right;}
.leftside h3{ margin:0px; border-bottom:1px solid #ccc; padding:10px 0 20px; font-size:24px; font-weight:600;}
.leftside ul{ margin-top:20px;}
.leftside li{ border-bottom:1px solid #eee; line-height:42px; text-indent:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px;}
.leftside a:hover,.leftside li.on a{ color:#049fd8;}

.leftsidem{ margin:0 10px 35px; line-height:35px;  position:relative; border:1px solid #28529c;  }
.leftsidem .boxfl{ font-size:13px; width:30%; float:left; background-color:#0063d1; text-align:center; color:#fff; font-weight:bold; }
.leftsidem .boxfl a{ color:#fff;}
.leftsidem .boxfr{font-size:13px; width:70%; float:right; background-color:#eee; text-indent:10px; position:relative; cursor:pointer;}
.leftsidem  ul{display:none; position:absolute;top:36px; left:-1px; z-index:2; background-color:#fff; width:100%;border:1px solid #ccc; border-top:none; box-shadow:0 10px 10px #ccc; padding:10px 0;}
.leftsidem li{ margin:0 10px; line-height:35px; border-bottom:1px dashed #c5c5c5; position:relative;}
.leftsidem li a{ display:block;}
.leftsidem  span{ display:block; padding:0 10px;  right:10px; top:0px; position:absolute;font-weight:bold; color:#28529c; font-size:13px; font-family:simsun;}
.leftsidem  ul.boxon{ display:block}

.concon{ margin-right:27%; padding-right:3%; border-right:1px solid #ccc; line-height:24px;}
.concon p{ margin:0px;}
.concon .contit{ font-size:22px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; padding:10px 0 12px; margin-bottom:30px;}
.concon .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:12px;}
.concon .coninfo{ background-color:#eee; padding:10px; line-height:24px;}
.concon .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:30px; padding:10px 0;}
.concon .conpage a{ display:block; color:#999;}
.concon .conpage a:hover{color:#ff0101;}
.concon .conbtn{ background-color:#ff0101; color:#fff; padding:10px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}

/*class*/
.protab{word-wrap:break-word;word-break:break-all;}
.protab{ border-collapse:collapse; width:100%;}
.protab td{ border:1px solid #ccc; padding:2px; text-align:center;}
.protab tr:nth-child(n){ background-color:#eaf6ff;}
.protab tr:nth-child(2n){ background-color:#fff;}


/* decorate */

/*map*/
#dituContent{width:100%;height:335px;}
#dituContent img{ max-width:none;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*20200702*/

.topbar { height: 90px; padding: 0 40px; background-image: url(../images/menubgs.png);background-repeat: no-repeat;background-position: right;position: relative;background-color: #fff;}
.topbar .logo { float: left; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; height: 100%; }
.topbar .logo img { display: block; }
.topbar .nav { text-align: center; height: 40px; padding-top: 30px; }
.topbar .nav .nli { display: inline-block; position: relative; }
.topbar .nav .nli .na { font-size: 16px; display: block; padding: 0 20px; text-decoration: none; line-height: 40px; }
.topbar .nav .nli .sub { background: #f5f5f5; position: absolute; left: -10px; top: 40px; z-index: 9; width: 130px; padding: 10px; text-align: left; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.topbar .nav .nli:hover .na{color: #ff0101;}
.topbar .nav .nli:hover .sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.topbar .nav .nli .sub .sli { line-height: 24px; }
.topbar .nav .nli .sub .sli .sa { font-size: 14px; color: #000; padding-left: 20px; display: block; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.topbar .nav .nli .sub .sli .sa:hover { color: #ff0101; padding-left: 26px; }

.topbar .seabox {float: right;height: 36px;box-sizing: border-box; margin: 22px 0;border: 1px solid #ff0101;border-radius: 4px;width: 210px;background: #FFF;}
.topbar .seabox .key {float: left;width: 70%;border: 0;box-sizing: border-box;line-height: 100%;height: 100%;padding-left: 36px;background: url(../images/saeb.png) no-repeat 16px center;font-size: 12px;background-size: auto 14px;color:#292929;}
.topbar .seabox .btn {float: right;width: 30%;background: #ff0101;color: #fff;font-size: 12px;height: 100%;border: 0;cursor: pointer;font-weight: bold;}

.topbar .btnmenu { float: right;width: 20px;height: 20px; display: none;background: url(../images/menu.jpg) no-repeat center; color: #ed0e00;position: absolute;top: 28%;right: 3px;padding: 10px;border: 1px solid #ccc;}
.topbar a.btnmenu {text-decoration: none;}

.content .honor_box li {
    width: 33%;
    float: left;
    margin-bottom: 20px;
}
.content .honor_box li img{
    width: 100%;
}
.content .honor_box li p{font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    border-bottom: solid 1px #000;text-align: left;}
.honorlist { overflow: hidden; margin-bottom: 20px; }
.honorlist li { width: 20%; float: left; box-sizing: border-box; padding: 0 10px; margin-bottom: 20px;  }
.honorlist li img { width: 100%; display: block; }
.honorlist li span { text-align: center; display: block; }
.bannerx{ height:228px; background:url(../images/bannerx.jpg) no-repeat center;}


.cen06 .device_list .item { margin: 0 5px; }
.cen06 .device_list .item .ibox a { border: 2px solid #a7abb0; display: block; position: relative; }
.cen06 .device_list .item .ibox img { display: block; width: 100%; }
.cen06 .device_list .item .ibox .cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(42,88,199,.6); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .2s; transition: all .2s; }
.cen06 .device_list .item .ibox .txt { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .4s; transition: all .4s; }
.cen06 .device_list .item .ibox a:hover .cover { -webkit-transform: scale(1); transform: scale(1); }
.cen06 .device_list .item .ibox a:hover .txt { -webkit-transform: scale(1); transform: scale(1); }


/* 隐藏显示*/
.hidden01{ display:none;}
.show01{ display:block;}
/*20200730*/
.side { width: 300px; float: left; }

.main { width: calc(100% - 330px); float: right; }
.snav { background: #fff; padding: 4px; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); border-top: 3px solid #ff0101; box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.snav .hd { text-align: center; font-size: 20px; color: #ff0101; font-weight: bold; line-height: 20px; padding: 20px 0 10px; }
.snav .hd .split { margin: 0 10px; font-family: simsun; }
.snav .bd { background: #fff; padding: 10px; }
.snav .bd .bul { padding: 0 10px; }
.snav .bd .bul .bli { line-height: 40px; height: 40px; overflow: hidden; border-bottom: 1px dashed #fff; position: relative; }
.snav .bd .bul .bli .ba { display: block; font-size: 16px; color: #39424b; position: relative; text-align: center; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; padding: 0 10px; }
.snav .bd .bul .bli:before { content: ''; background: #ff0101; display: block; border-radius: 30px 0 30px 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); height: 40px; width: 100%; position: absolute; left: 0; right: 0; top: 0; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; }
.snav .bd .bul .bli:hover:before, .snav .bd .bul .bli.on:before { -webkit-transform: translateY(0); transform: translateY(0); }
.snav .bd .bul .bli:hover .ba, .snav .bd .bul .bli.on .ba { color: #fff; }
.snav .bd .bul .bli.on { border-color: transparent; }
.snav .bd .bul .bsub { background: #f3f3f3; margin: -20px 0 2px 0; padding-top: 25px; padding-bottom: 10px; text-align: center; border-radius: 0 0 20px 20px; }
.snav .bd .bul .bsub li { line-height: 36px; }
.snav .bd .bul .bsub li a { font-size: 14px; color: #666; }
.snav .bd .bul .bsub li a:hover, .snav .bd .bul .bsub li.on a { color: #d00c18; }

.mainbox { background: #fff; border: 0 solid #dedede; border-top: 3px solid #ff0101; padding: 40px 64px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }


.mainbox .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainbox .bd img { max-width: 100%; }
.mainbox .bd p { margin-bottom: 20px; }
.mainbox .bd h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 30px; padding: 5px 20px; border-radius: 20px 0 20px 0; margin-bottom: 20px; margin-top: 40px; }
.mainbox .bd .kfc { padding-left: 20px; margin-bottom: 20px; }
.mainbox .bd .kfc li { list-style-type: disc; }

.prolist { }
.prolist .item { width: 32.333333333%; float: left; margin: 0 1.5% 10px 0; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:nth-child(3n) { margin-right: 0; }
.prolist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 1; }
.prolist .item .img a { display: block; }
.prolist .item .img img { width: 100%; display: block; }
.prolist .item .box { padding: 20px 30px; position: relative; overflow: hidden; }
.prolist .item .box .nam { font-size: 14px; font-weight: bold; line-height: 30px; margin-bottom: 10px; overflow: hidden; height: 30px; }
.prolist .item:hover .box .nam {  }
.prolist .item .box .nam a { color: #333; }
.prolist .item:hover .box .nam a { color: #ff0101; }
.prolist .item .box .txt { font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; }
.prolist .item:hover .box .txt { }
.prolist .item .box .btn { position: absolute; left: 0; bottom: 0; right: 0; height: 58px; line-height: 58px; background: #ff0101; color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:hover .box .btn { -webkit-transform: translateY(0); transform: translateY(0); }
.prolist .item .box .btn a { color: #fff; font-size: 14px; display: block; text-decoration: none; padding-left: 30px; }

.snav .sd { display: none; }
.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.newstitle { font-size: 26px; text-align: center; line-height: 30px;  margin-bottom: 5px; }
.newsmaincon { margin: 20px 0;  }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }

@media (max-width: 1200px) {
	.bannerslide {
		height: 352px;
	}
	.wrapper{width:100%;}
	.cen01 .fr{display:none;}
	.cen01 .fl{width:25%;}
	.cen01 .mm{width:70%;}
	.cen01 .menuul{width:100%;}
	.cen01 .menuul li{width:13.5%;}
	/*banner*/
	.overbanner {height:450px; overflow:hidden;}
	.banner {width:1400px; margin-left:-700px;}
	.cen02 .whul{width:100%;}
	.cen02 .whul li{width:25%; text-align:center;}
	.cen02 .whul .tita{text-align:center;}
	.cen02 .whul .wh03{width:100%; height:182px; background-position:center center; padding:0;}
	.cen02 .whul .wh01{width:100%; height:182px; background-position:center center; padding:0;}
	.cen02 .whul .wh02{width:100%; height:182px; background-position:center center; padding:0;}
	.cen02 .whul .wh04{width:100%; height:182px; background-position:center center; padding:0;}
	.cen02 .whul li:hover .wh01{width:100%; height:182px; background-position:center center; padding:0;}
	.cen02 .whul li:hover .wh02{width:100%; height:182px; background-position:center center; padding:0;}
	.cen02 .whul li:hover .wh03{width:100%; height:182px; background-position:center center; padding:0;}
	.cen02 .whul li:hover .wh04{width:100%; height:182px; background-position:center center; padding:0;}
	.cen03{height:480px; padding:60px 0;}
	.cen03 .pro{width:100%;}
	.cen03 .prolist{width:22%; margin-right:3%;}
	.cen03 .prolist a{width:100%; height:35px; line-height:35px;}
	.cen03 .prolist a.on{width:100%; height:35px; line-height:35px;}
	.cen03 .proul{width:75%;}
	.cen03 .proul ul{width:100%; margin-top:10px;}
	.cen03 .proul ul li{width:31%; margin:0 1.1%;}
	.cen03 .proul ul li img{width:100%;}
	.cen04 .about{width:60%; margin-right:4%;}
	.cen04 .contact{width:36%;}
	.cen04 .about .nrxq .nrimg{width:46%; margin-right:3%;}
	.cen04 .about .nrxq .nrimg img{width:100%;}
	.cen04 .about .nrxq .nrnr{width:51%;}
	.sshidden{display:none;}
	.cen04 .second{margin-top:0px;}
	.cen05{height:470px; padding:50px 0;}
	.cen05 .newsul{width:100%;}
	.cen05 .newsul li{width:31%; margin:0 1.1%;}
	.cen05 .newsul .time{width:20%; margin-right:3%}
	.cen05 .newsul .time .year{font-size:30px;}
	.cen05 .newsul .time .month{font-size:18px;}
	.cen05 .newsul .newjs{width:76%;}
	.cen06 .cpzs{padding:56px 35px;}
	.cen06 .cpzsz{width:46%; padding-right:3%;}
	.cen06 .cpzsy{width:45%;}
	.wrapcc{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	
	/*content*/
	.bannerx{ background-size:190% 100%;}
	
	.content .news{ padding:0 2%;}
	.content .news li a{ width:100%;}	
	
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width: 1000px) {
	.cen01 .fl{width:25%;}
	.cen01 .mm{width:70%; float:right;}
	.cen01 .menuul{width:65%; margin-right:5%; margin-left:25%; float:left;}
	.cen01 .menuul li{width:33.3%; text-align:center;}
	.cen01 .menuul li:nth-child(4),.cen01 .menuul li:nth-child(5),.cen01 .menuul li:nth-child(6),.cen01 .menuul li:nth-child(7){display:none;}
	.cen01 .top_menu{float:left; width:5%; display:block;}
	.cen01 .top_menu img{width:75%; margin-top:32px; margin-right:15px;}
	/*banner*/
	.overbanner {height:350px; overflow:hidden;}
	.banner {width:1200px; margin-left:-600px;}
	.cen02 .whul .wh01{background-size:70%; height:180px;}
	.cen02 .whul .wh02{background-size:70%; height:180px;}
	.cen02 .whul .wh03{background-size:70%; height:180px;}
	.cen02 .whul .wh04{background-size:70%; height:180px;}
	.cen02 .whul li:hover .wh01{background-size:70%; height:180px;}
	.cen02 .whul li:hover .wh02{background-size:70%; height:180px;}
	.cen02 .whul li:hover .wh03{background-size:70%; height:180px;}
	.cen02 .whul li:hover .wh04{background-size:70%; height:180px;}
	.cen02 .whul .wh01 .who1imm{background-size:100%; height:35px; width:45px; padding-top:70px;}
	.cen02 .whul .wh02 .who2imm{background-size:100%; height:35px; width:45px; padding-top:70px;}
	.cen02 .whul .wh03 .who3imm{background-size:100%; height:35px; width:45px; padding-top:70px;}
	.cen02 .whul .wh04 .who4imm{background-size:100%; height:35px; width:45px; padding-top:70px;}
	.cen02 .whul li:hover .wh01 .who1imm{background-size:100%; height:35px; width:45px; padding-top:70px;}
	.cen02 .whul li:hover .wh02 .who2imm{background-size:100%; height:35px; width:45px; padding-top:70px;}
	.cen02 .whul li:hover .wh03 .who3imm{background-size:100%; height:35px; width:45px; padding-top:70px;}
	.cen02 .whul li:hover .wh04 .who4imm{background-size:100%; height:35px; width:45px; padding-top:70px;}
	.cen02 .whul .tit{font-size:18px;}
	.cen02 .whul .tita{display:none;}
	.cen02 .whul{margin-top:30px;}
	.cen02 a.btnm{margin-top:30px;}
	.cen03{height:550px;}
	.cen03 .prolist{display:block; float:none; width:100%;}
	.cen03 .prolist ul li{float:left; width:32%; margin:0 0.6%;}
	.cen03 .proul{width:100%;}
	.cen03 .proul ul li{float:left; width:32%; margin:0 0.6%;}
	.cen05{height:430px;}
	.cen05 .newsul .newstit{height:50px; overflow:hidden;}
	.cen05 .newsul .newstita{height:65px; overflow:hidden;}
	.cen06 .cpzsy{width:43%;}
	.cen08 .fr{display:none;}
}
@media (max-width:980px){
	
	/*conent*/	
	.content .comp li .img{ background:none !important;}
	.content .comp li .txt{ display:none;}	
	.content .comp .img{ padding:0;}
	
	.content .pro li{ width:33.3%;}
	.topbar .btnmenu{display: block;}
	.topbar .nav,.topbar .seabox{display: none;}
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}
@media (max-width: 720px) {
	.bannerslide {
		height: 200px;
	}
	.cen01{ height:70px;}
	.cen01 .fl .logoq{ height:70px; margin-left:10px;}
	.cen01 .menuul{display:none;}
	.cen01 .top_menu img{ margin-top:24px;}
	.cen01 .top_menu{float:right; margin-right:10px; display:block; width:10%;}
	
	/*banner*/
	.overbanner {height:200px; overflow:hidden;}
	.overbanner img{ min-height:200px;}
	.banner {width:150%; margin-left:-75%;}
	.cen02{padding:30px 0 40px;}
	.cen02 .whul .wh01{background:none; height:90px;}
	.cen02 .whul .wh02{background:none; height:90px;}
	.cen02 .whul .wh03{background:none; height:90px;}
	.cen02 .whul .wh04{background:none; height:90px;}
	.cen02 .whul li:hover .wh01{background:none; height:90px;}
	.cen02 .whul li:hover .wh02{background:none; height:90px;}
	.cen02 .whul li:hover .wh03{background:none; height:90px;}
	.cen02 .whul li:hover .wh04{background:none; height:90px;}
	.cen02 .whul .wh01 .who1imm{height:60px; width:auto !important; background-size:50%; padding:0;}
	.cen02 .whul .wh02 .who2imm{height:60px; width:auto !important; background-size:50%; padding:0;}
	.cen02 .whul .wh03 .who3imm{height:60px; width:auto !important; background-size:50%; padding:0;}
	.cen02 .whul .wh04 .who4imm{height:60px; width:auto !important; background-size:50%; padding:0;}
	.cen02 .whul li:hover .wh01 .who1imm{height:60px; width:auto !important; background-size:50%; padding:0;}
	.cen02 .whul li:hover .wh02 .who2imm{height:60px; width:auto !important; background-size:50%; padding:0;}
	.cen02 .whul li:hover .wh03 .who3imm{height:60px; width:auto !important; background-size:50%; padding:0;}
	.cen02 .whul li:hover .wh04 .who4imm{height:60px; width:auto !important; background-size:50%; padding:0;}
	.cen02 .whul{margin-top:20px;}
	.cen02 .title{font-size:18px;}
	.cen02 .titimg img{width:40%;}
	.cen02 .titbom{margin-top:3px;}
	.cen02 .whul .tit{font-size:15px;}
	.cen03{padding:40px 15px; height:515px;}
	.cen03 .cen03img img{width:40%;}
	.cen03 .title{font-size:18px; padding-bottom:20px;}
	.ssshidden{display:none;}
	.cen03 .pro{margin-top:20px;}
	.cen03 .prolist ul li{width:49%; margin:0 0.5%;}
	.cen03 .prolist a{text-indent:0; text-align:center; font-size:13px;}
	.cen03 .prolist a.on{font-size:13px;}
	.cen04{padding:40px 15px;}
	.cen04 .about{width:100%; margin:0;}
	.cen04 .about .nrxq .nrimg{width:100%; margin:0;}
	.cen04 .about .nrxq .nrimg img{width:100%; height:150px;}
	.cen04 .about .nrxq .nrnr{width:100%; margin-top:12px;}
	.cen04 .contact{width:100%; margin-top:35px;}
	.cen05{height:725px; background: url(../images/cen05bg.jpg) no-repeat center bottom; background-color:#192124;}
	.cen05 .newsul{margin:30px 2%; width:96%;}
	.cen05 .newsul li{width:100%; margin:10px 0;}
	.cen05 .newsul .newjs{width:69%;}
	.cen05 .newsul .newstita{margin-top:15px;}
	.cen06{margin:30px 0;}
	.cen06 .cpzs{margin-top:25px; padding:35px;}
	.cen06 .cpzsz{width:100%; background:none;}
	.cen06 .cpzsy{width:100%; padding:0; padding-top:20px;}
	.cen06 a.btnm{margin:30px auto 0;}
	.cen07{padding:20px;}
	.cen08{padding:20px;}
	/*content*/
	.bannerx{ height:120px; background-size:cover;}
	
	.bigtit strong{ font-size:20px;}
	
	.subnav ul{ padding-top:0px;}
	.subnav li{ margin:5px; font-size:14px;}
	
	.content .comp .complist{ margin-top:20px;}
	.content .comp .boxfl{ width:100%; padding:20px;}
	.content .comp .tit{ font-size:14px; margin:0px;}
	
	.content .pro li{ width:50%;}
	.content .pro .txt{ font-size:13px;}
	
	.content .news .img{ margin-right:10px;} 
	.content .news .img img{ width:106px; height:80px;}
	.content .news .tit{ font-size:15px; max-height:46px; overflow:hidden;}
	.content .news span{ display:none;}
	.content .news .time{ display:none; }
	.content .news .miaoshu{ margin-top:0px; height:38px; line-height:19px;font-size:13px;}
	.content .news li:hover .img{transform:translateX(0px);}
	.content .news li:hover .txt{transform:translateX(0px);}
	
	.content .feedback{ padding:0px;}
	.content .feedback .line{ margin-top:10px;}
	.content .feedback label{ display:none;}
	.content .feedback .input{ margin-left:0px;}
	
	.content .contact{ border:none;}
	.content .contactfl{ width:100%;}
	
	/*page*/
	.concon{ margin-right:0; padding-right:0px; border:none;}
	.concon .concc img{ width: 100%;}
	.concon .contit{ font-size:18px;}
	
	
	.content .feedback .mail_form .f_c1{float: none;width: 100%;}
	.content .feedback .mail_form .f_c1 .f_txt{margin-bottom: 10px;}
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
	.content .honor_box li{float: none;width: 100%;}
	.content .comp li{float: none;width: 100%;}
	.content .profile .profile_fl,.content .profile .profile_fr{float: none;width: 100%;}


	.snav .sd {
    background: #666;
    line-height: 36px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
}
.prolist .item { width: 100%; margin: 0 0 10px; }
.mainbox { padding: 20px; }
	.mainbox .hd { border-color: transparent; margin: -20px -20px 40px; }
	.mainbox .hd h1 { float: none; text-align: center; background: #ff0101; color: #fff; font-size: 16px; padding-right: 0; }
	.side { width: 100%; float: none; }
	.main { width: 100%; float: none; }
	
	.sbox { display: none; }
	
	.snav { padding: 0; margin-bottom: 0; }
	.snav .sd { background: #666; line-height: 36px; font-size: 12px; color: #fff; text-align: center; display: block; }
	.snav .hd { display: none; }
	.snav .bd { display: none; }
	.snav .bd.sbon { display: block; }
	
	.snav .bd .bul .bli .ba { font-size: 14px; }
	.newsbackline ul li a {width: 100%;}
}


.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.sidefootlogo { font-size: 12px; }
.mm-listview > li > a { text-align: center; font-size: 14px; line-height: 40px; }