#header{height: calc(100vh - -138px);}
#header .hpro{width:100%;height:24px;text-align: center;margin-top:10px;}
#header .hpro ul{width:336px;height:24px;margin:0 auto;}
#header .hpro ul li{width:168px;height:24px;float:left;color:#515151;}
hr{clear: both;background-color: #ebebeb;}
#header .top{ width:100%; margin:0 auto; position: fixed;top:0px; height:143px;background-color: #fff;background-size:100% 100%;}
#header .top .topnav{ position:absolute; top:21px; right:50px; height:14px; line-height:14px;color:#fff;}
.topnav a,.search a.btn,.case .title a,.news .title a{background:url(../images/pt.png) left center no-repeat;}
.topnav a{ overflow:hidden; display:inline-block; height:14px; padding-left:12px;}
.topnav a.home{ background-position:0 -137px;color:#fff;}
.topnav a.join{ background-position:0 -113px;color:#fff;}
.topnav a.contact{ background-position:0 -126px;color:#fff;}
#header .top .logo{width:400px;position:absolute; left:20px; top:30px;}
#header .top .phone{ position:absolute; top:20px; right:32px;font-size:24px;color:#fb0c00;}
#header .top .phone .pimg{width:64px;height:89px;float:left;}
#header .top .phone img{width:100%;height:100%;}
#header .top .phone .ptext{width:172px;height:95px;float:left;line-height: 28px;padding-top:5px;}
#header .top .phone .ptext i{color:#464646;font-size:18px;font-weight: bold;}
#header .top .search{ position:absolute; top:77px; right:214px;}
.hf{width:1333px;height:93px;margin:0 auto;}
.search2 {position: relative;top:124px; margin:0 auto;width:100%;height:93px;background-color: #fb0c00; line-height:52px;}
.keyword{width:536px;height:50px;float:left;}
.keyword ul li{width:352px;height:35px;float:left;font-size: 16px;color:#fff;text-align: center;line-height: 35px;margin-top:28px;margin-left:10px;}
.search1{width:571px;height:50px;float:right;margin-right:120px;}
.select{width:185px;height:39px;margin-top:27px;float:left;color:#767676;font-size:15px;border:none;float:left;}
.search{ width:458px;height:39px; margin:27px -84px;float:right;}
.search input{width:402px;height:39px; border-style:none; vertical-align:middle;padding-left:10px;color: #FFF; background:#fff; line-height:24px;margin-bottom: 23px;margin-right:-4px;color:#7e8189;}
.search .button{width:45px; height:39px;  border:none; background:#003467;  cursor:pointer;background-image: url(../images/search.png);background-size:100% 100%;}
/*.search .btn{ display:block; float:left; width:9px; height:9px; background-position:0 -102px; margin:9px 0 0;}
.search .btn input{ background:none; border:none}
.search .input{ float:left; height:24px; line-height:24px; width:124px; text-align:right; color:#0067c3; background:none; border:none}*/

#header .nav{ position:relative; left:258px;top:51px;width:100%; height:56px; }
#header .nav ul{ width:1113px; height:56px;margin:0 auto;}
#header .nav li{ float:left; width:76px; height:46px; padding-right:18px;  position:relative;margin-left:20px;}
#header .nav li .menu{ display:block; height:46px; width:105px; margin:0px -8px 0; text-align:center; line-height:46px; padding-top:0px; color:#fb0c00; font-size:22px; font-family: "微软雅黑";font-weight: bold;}
#header .nav li .menu:hover,#header .nav li #header .nav li:hover .menu{  color:#fff;background:#fb0c00;}
#header .nav li .drop{ position:absolute; left:-8px;  display:none; width:140px; background:#fb0c00; text-align:center; padding:0 8px; }
#header .nav li .drop a{ display:block; height:36px; line-height:36px; border-top:1px solid #fff; font-size:15px; color:#fff; margin-bottom:3px;}
#header .nav li:hover .drop{ display:block}
.currenta{display:block; height:46px; width:95px; text-align:center; line-height:46px; padding-top:0px; color:#fff; font-size:17px; font-weight:bolder}
.current{background:#fb0c00;}
.banner{position:relative;top:124px;width:100%; height: calc(100vh - 80px); text-align:center;margin:0 0 0px 0px;}
.banner .bd ul {
	width: 100% !important;
	height: calc(100vh - 80px) !important;
}
.banner li{ width:100% !important;height: calc(100vh - 80px) !important; text-align:center}
.banner .hd {
    width: 100% !important;
    position: relative;
    left: 0;
    bottom: 49px;
    text-align: center;
    z-index: 1;
}

.banner .hd ul li {
    margin: 0 4px;
    width: 20px !important;
    height: 20px !important;
    background: #002d5a;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    font-size: 0;
}

.banner .hd .on {
    background: #fb0c00;
}

#content{ width:1333px; margin:0 auto;}
#content1{ width:1333px; margin:0 auto;padding-top:30px;}
.case{ float:left; width:616px;height:422px;border:1px solid #a6a6a6;border-radius:5px;padding-top:8px;}
.case .title{ height:41px; line-height:41px; background:#e5e5e5; padding-left:37px; }
.case .title a{ float:right; display:block; width:22px; height:22px; background-position:0 -73px; margin:8px 18px 0 0}
.section .title h3,.product .title {color:#252525; font-size:19px; }
.section .title h3 span,.product .title h3 span{ color:#575757; font-size:16px; font-family:Arial; }
.case .carousel{ border:3px solid #e5e5e5; padding-top:27px; height:210px; position:relative;}
.case .slides{overflow:hidden;position:relative;width:522px; margin:0 auto;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.prevButton,.nextButton{display:block;position:absolute;z-index:99;cursor:pointer;bottom:-10px;width:30px;height:15px;}
.prevButton{left:238px; background:url(../images/index_58.gif) no-repeat;display: none;}
.nextButton{left:268px; background:url(../images/index_59.gif) no-repeat;display: none;}

.news{width:1333px;padding-top:10px;}
.pimg{width:336px;height:601px;float:left;}
.promenutitle{width:271px;height:51px;border-bottom: 2px solid #979797;background:url(../images/promenu.jpg) no-repeat;background-size: 14% 87%;color:#050505;font-size:23px;line-height: 51px;padding-left:56px;}
.proright{width:971px;height:874px;float:right;}
.news .titles{width:971px;height:51px;border-bottom: 2px solid #979797;}
.news .titles .title a{ float:right; width:23px; height:24px; background-position:0 -14px;}
.news .titles .title{ width:108px;height:40px; margin-right:10px;float:left;line-height:40px;text-align: center;font-size: 15px;color:#fff;background-color: #002d5a;cursor: pointer;}
.cont{width:100%;height:auto;margin:71px auto;clear:both;}
.cont2{width:971px;height:317px;margin:10px auto;clear:both;}
.cont2 ul{width:100%;height:100%;}
.cont2 ul li{width:309px;height:217px;float:left;margin-bottom: 57px;margin-right:22px;}
.cont2 ul li img{width:100%;height:100%;}
.cont1{width:1349px;height:317px;margin:0px auto;clear:both;}
.news .titles .title:hover{color:#fff;background-color: #fb0c00;}
.news .titles .title h3:hover{color:#fff;}
.news .headlines img{ display:block; float:left; width:132px; height:88px; margin:-1px 17px -1px -1px;}
.news .headlines .h_right{ float:left; width:236px; line-height:16px;}
.news .headlines .h_right a{ display:block; height:38px; line-height:38px; color:#ffba00; font-size:15px; font-weight:bold;}
.news .headlines{ height:86px; border:1px solid #dcdcdc; background:#f6f6f6; margin:27px 0 6px}
.promenu{width:327px;height:auto;margin-top:10px;}
.zpromenu{ width:303px;height:79px; line-height:79px;font-size:15px;color:#fff;background-color: #666666;padding-left:24px;border-bottom: 1px solid #000000;background-image:url(../images/off.jpg);background-repeat:no-repeat;background-position: 94% 53%;cursor:pointer;}
.cpromenu{width:303px;height:55px;line-height:55px;font-size:15px;color:#4b4b4b;background-color: #e0e0e0;padding-left:24px;border-bottom: 2px solid #bbbbbb;cursor:pointer;}
.news li span{ float:right;}
.nimg{width:367px;height:266px;}
.nimg img{width:100%;height:100%;}
.ndown{width:297px;height:51px;background-color: #d4d4d4;padding-left:10px;padding-right:10px;}
.ntext{width:162px;height:51px;float:left;font-size:17px;}
.ntime{width:64px;height:51px;float:right;font-size:17px;}
#n1{display: block;}
#n2{display: none;}
#n3{display: none;}
.section{ height:871px; overflow:hidden;}
/* .cul{display:none;} */
.abouttitle{width:100%;height:54px;border-bottom: 2px solid #9b9b9b;padding-top:13px;}
.abouttitle span{display: block;width:92px;height:53px;font-size:23px;color:#050505;border-bottom: 5px solid #fb0c00;text-align: center;line-height: 53px;position: relative;top:-1px;}
.abouttit{width:1333px;height:53px;margin:0 auto;}
.about{  width:1333px; height:833px; margin:0 auto; }

.about img{width:100%;height:100%;}
.about .title{ width:1333px; height:33px; border-bottom:2px solid #c7c7c7;}
.about .title .tit{ width:151px; height:32px;color:#000000; font-size:19px; text-align:center;border-bottom:4px solid #070e8d;float:left;}
.about .title .tit span{ color:#000; font-family:Arial; font-weight:normal;  display:inline-block; margin-top:5px;}
.about .title .nMore{width:20px;height:32px;float:right;}
.about .cont{ line-height:22px; width:1333px; height:262px;padding:15px 0 0;}
.about .cont .n1{width:482px; height:262px;float:left;}
.about .cont .n1 li{height:45px; line-height:45px;  background:url(../images/index_52.gif) 3px center no-repeat;background-size:10px 12px; padding-left:28px;}
.about .cont .nPic{width:330px; height:214px;float:right;}
.about .cont .nPic img{width:330px; height:214px;}
.about .cont a{ display:block; height:19px;  color:#000; text-transform:uppercase;font-size:17px;}

.probg{width:100%;height:619px;}
.product{width:1333px; height:619px;margin:0 auto;overflow:hidden;}
.product .title{ width:1333px;height:95px;}
.product .title img{width:100%;height:100%;}
.atop{width:1333px;height:300px;}
.aleft{width:652px;height:295px;float:left;border:1px solid #d4d4d4;padding-left:5px;padding-top:5px;}
.aleft img{width:99%;height:98%;}
.aright{width:664px;height:300px;float:right;}
.adesc{width:652px;height:250px;font-size:14px;}
.amenu{width:652px;height:50px;}
.amenu ul li{width:81px;height:24px;margin-right:10px;float:left;background-color: #099609;color:#fff;text-align: center;padding-top:6px;border-radius: 5px;}
.product .title .proTit{ width:180px;height:37px;border-bottom: 4px solid #070e8d;padding-left:5px;float:left;}
.product .title .proMore{width:87px;height:27px;float:right;border:1px solid #013165;text-align: center;margin-top:6px;}
.product .title .proMore a{font-size:15px; position: relative;top:-9px;}
.product .product_list1{ padding-top:19px;}
.product .bd1{width:1351px; float:left; margin:0 auto; height:135px;}
.product_list1 .picList1 li{ float:left; width:256px; height:216px; margin:0 5px;}
.product_list1 .picList1 li .photo{ width:245px; height:135px; text-align:center;}
.product_list1 .picList1 li .name{ display:block; width:157px; height:auto; margin:0 auto;text-align:center; line-height:29px; color:#fff; font-size:16px;  margin-top:-29px; position:relative;top:-65px; z-index:1000;border:1px solid #fff;}
.product .hd{ height:15px; clear:both; overflow:hidden}
.product .hd a{ display:block; width:30px; height:15px; float:left; cursor:pointer}
.product .next{ background:url(../images/index_59.gif) no-repeat}
.product .prev{ background:url(../images/index_58.gif) no-repeat}
.protext1{width:256px;height:28px;text-align: center;padding-top:3px;font-size: 17px;}

.zc{width:1333px; height:453px; margin:0 auto;}
.zcjd{  width:409px; height:242px; margin:47px 0 56px; float:left;margin-right:52px;}
.zcjd .title{ width:409px; height:33px; border-bottom:2px solid #c7c7c7;}
.zcjd .title .tit{ width:87px; height:29px;color:#000000; font-size:19px; float:left;padding-left:10px;border-bottom: 5px solid #fb0c00;margin-top:2px;}
.zcjd .title .tit span{ color:#000; font-family:Arial; font-weight:normal;  display:inline-block; margin-top:5px;}
.zcjd .title .nMore{width:26px;height:18px;float:right;padding-top:12px;}
.zcjd .cont1{ line-height:22px; width:409px; height:262px;padding:15px 0 0;}
.zcjd .cont1 .n1{width:409px; height:262px;float:left;}
.zcjd .cont1 .n1 li{height:81px; line-height:34px;border-bottom:2px dashed #e5e5e5; }
.zcjd .cont1 .nPic{width:303px; height:184px;float:right;}
.zcjd .cont1 .nPic img{width:303px; height:184px;}
.zcjd .cont1 a{ display:block; height:19px; line-height:34px;  color:#444444; text-transform:uppercase;font-size:17px;}
.tleft{width:268px;height:34px;float:left;margin-top:10px;}
.tright{width:104px;height:34px;float:right;}
.aimg{width:409px;height:192px;margin:0 auto;}
.aimg img{width:100%;height:100%;}
.adesc{width:409px;height:143px;margin:12px auto;}
.zcjd1{  width:342px; height:242px; margin:47px 0 56px; float:left;}
.zcjd1 .title{ width:342px; height:33px; border-bottom:2px solid #c7c7c7;}
.zcjd1 .title .tit{ width:178px; height:29px;color:#000000; font-size:19px; float:left;padding-left:10px;border-left: 3px solid #42a920;}
.zcjd1 .title .tit span{ color:#000; font-family:Arial; font-weight:normal;  display:inline-block; margin-top:5px;}
.zcjd1 .title .nMore{width:59px;height:18px;float:right;padding-top:14px;}
.zcjd1 .cont{ line-height:22px; width:342px; height:262px;padding:15px 0 0;}
.zcjd1 .cont .n1{width:280px; height:262px;float:left;}
.zcjd1 .cont .n1 li{height:34px; line-height:34px;  background:url(../images/index_52.gif) 3px center no-repeat;background-size:10px 12px; padding-left:28px;}
.zcjd1 .cont .nPic{width:303px; height:184px;float:right;}
.zcjd1 .cont .nPic img{width:303px; height:184px;}
.zcjd1 .cont a{ display:block; height:19px; line-height:34px;  color:#000; text-transform:uppercase}
.tleft{width:268px;height:34px;float:left;}
.tright{width:104px;height:34px;float:right;}

.probg1{width:100%;height:330px;}
.product1{width:1333px; height:475px;margin:0 auto;overflow:hidden;}
.product1 .title{ width:1333px;height:87px;}
.product1 .title img{ width:100%;height:100%;}
.product1 .title .proTit{ width:202px;height:37px;border-bottom: 4px solid #070e8d;padding-left:5px;float:left;font-size: 19px;}
.product1 .title .proMore{width:35px;height:27px;float:right;text-align: center;margin-top:17px;}
.product1 .title .proMore a{font-size:15px; position: relative;top:-9px;}
.product1 .product_list{ padding-top:19px;}
.product1 .bd{width:1333px;   height:273px;float:left;margin:30px -9px 13px;}
.product1_list{width:1333px;  height:273px;}
.product1_list .picList{width:1333px;  height:250px;}
.product1_list .picList li{  width:293px; height:187px;float:left; margin:-18px 23px;border-radius: 10px;}
.product1_list .picList li .photo{ width:182px; height:273px; text-align:center;border-radius: 10px;}
.product1_list .picList li .photo img{border-radius: 10px;}
.product1_list .picList li .name{ display:block; width:157px; height:auto; margin:0 auto;text-align:center; line-height:29px; color:#2f2f2f; font-size:16px;  margin-top:-29px; position:relative;top:32px; z-index:1000;}
.product1 .hd{ height:15px; clear:both; overflow:hidden}
.product1 .hd a{ display:block; width:30px; height:15px; float:left; cursor:pointer}
.product1 .next{ background:url(../images/index_59.gif) no-repeat}
.product1 .prev{ background:url(../images/index_58.gif) no-repeat}
.protext{width:184px;height:28px;text-align: center;padding-top:3px;font-size: 16px;margin-top:30px;}

.probg2{width:100%;height:351px;padding-top:30px;}
.product2{width:1333px; height:316px;margin:0 auto;overflow:hidden;}
.product2 .title{ width:1333px;height:38px; line-height:38px; border-bottom: 2px solid #c7c7c7;}
.product2 .title .proTit{ width:202px;height:37px;border-bottom: 4px solid #070e8d;padding-left:5px;float:left;font-size: 19px;}
.product2 .title .proMore{width:35px;height:27px;float:right;text-align: center;margin-top:17px;}
.product2 .title .proMore a{font-size:15px; position: relative;top:-9px;}
.product2 .product_list{ padding-top:19px;}
.product2_list{width:1318px;  height:250px;}
.product2_list .picList{width:1318px;  height:250px;}
.product2 .bd{width:1318px; height:250px;float:left; margin:30px -9px 13px; height:135px;}
.product2_list .picList li{ float:left; width:267px; height:94px; margin:0 31px;}
.product2_list .picList li .photo{ width:184px; height:135px; text-align:center;}
.product2_list .picList li .name{ display:block; width:157px; height:auto; margin:0 auto;text-align:center; line-height:29px; color:#fff; font-size:16px;  margin-top:-29px; position:relative;top:-65px; z-index:1000;border:1px solid #fff;}
.product2 .hd{ height:15px; clear:both; overflow:hidden}
.product2 .hd a{ display:block; width:30px; height:15px; float:left; cursor:pointer}
.product2 .next{ background:url(../images/index_59.gif) no-repeat}
.product2 .prev{ background:url(../images/index_58.gif) no-repeat}
.protext{width:184px;height:28px;text-align: center;padding-top:3px;font-size: 16px;margin-top:30px;}

#footer{ width:100%; height:201px; background-color:#e4e4e4;background-size:100% 100%;  line-height:32px; padding-top:30px; color:#2f2f2f; margin-top:10px;}
#footer .fmenu{width:624px;height:140px;margin:14px auto;font-size:17px;text-align: center;}
.minianv{width:624px;height:55px;}
#footer .ewm{width:142px;height:140px;float:right;margin-top:14px;margin-right:16px;text-align: center;color:#2f2f2f;font-size: 17px;}
#footer .ewm img{width:142px;height:140px;}
#footer a{ color:#2f2f2f;}
#footer span{ font-family:Verdana, Geneva, sans-serif}
.ftop{width:1349px;height:272px;margin:0 auto;}
.flogo{width:318px;height:176px;float:left;}
.flogo img{width:100%;height:100%;}
.fyl{width:988px;height:267px;float:right;margin-top:25px;}
.fyl ul li{width:151px;height:50px;float:left;margin-right:10px;margin-bottom:38px;}
.fyl ul li img{width:100%;height:100%;float:left;}

#header1{ height:104px; background:#1676cd; width:100%; margin-bottom:33px;}
#header1 .top{ width:1002px; margin:0 auto; position:relative}
#header1 .top .logo{ position:absolute; left:7px; top:20px;}
#header1 .top .rexian{ position:absolute; top:15px; right:193px; background:url(../images/about_03.gif) left center no-repeat; padding-left:30px; color:#fff; font-size:24px; height:26px; line-height:26px; font-weight:bolder}
#header1 .top .search{ position:absolute; top:16px; right:0; background:#fff}
#header1 .nav{ position:absolute; top:72px; right:0;}
#header1 .nav li{ float:left; margin-left:54px;}
#header1 .nav li a{ color:#fff; font-size:14px;}
#header1 .nav li a:hover,#header1 .nav li.current a{ color:#ffcc00}

.left{ float:left; width:215px;}
.left li{ height:49px; line-height:49px; border:2px solid #fb0c00; border-bottom:none; padding-left:13px; font-size:16px;}
.left li:hover,.left li.hover{ background: #fb0c00 143px center no-repeat}
.left li:hover a,.left li.hover a{ color:#fff}
.left ul{ margin-bottom:36px; border-bottom:2px solid #fb0c00}

.service_tel{ line-height:20px; color:#fb0c00;font-size:12px;}
.service_tel img{ display:block}
.service_tel p{ /*background:url(../images/about_15.png) left center no-repeat; background-size:15% 100%;*//*padding-left:29px; */height:20px; font-size:12px; margin-top:5px;}

.right{ float:right; width:1110px;}
.right .title{ height:46px; line-height:46px; border-bottom:1px solid #dcdcdc; margin-bottom:21px}
.right .title p{ font-size:17px;float:right}
.right .title h3{ height:45px; border-bottom:2px solid #fb0c00; display:inline-block; float:left; padding-right:13px; font-size:18px; font-weight:normal}

.ny_danye img{ max-width:100%; display:block}
.ny_danye .cont{ line-height:27px;}

.page{width:706px; height:21px; border-bottom:1px solid #d3d3d3; margin:52px auto 0; clear:both}
.page a.prev,.page a.next{ float:left; width:22px; height:22px; margin-bottom:-1px;}
.page .num{ float:left; width:662px; text-align:center}
.page .num span{ height:22px;background:#fff; padding:0 10px; display:inline-block; margin-bottom:-2px;}
.page .num a{ display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; border:1px solid #d3d3d3; color:#000; margin:0 4px;}
.page a:hover,.page a.cur{ color:#fb0c00; border-color:#fb0c00}

.ny_news .first_list img{ display:block; float:left; width:203px; height:121px; padding:1px; border:1px solid #c2c2c2;}
.ny_news .first_list .first_list_right{ float:right; width:860px; line-height:20px;}
.first_list .first_list_right .tit{ display:block; height:31px; color:#1676cd; font-size:17px;}
.first_list .first_list_right .text{ height:40px; overflow:hidden; margin-bottom:4px;}
.first_list .first_list_right .more{ display:block; color:#1676cd;font-size:17px;}
.first_list .first_list_right .date{ font-size:17px;display:block; height:20px; line-height:20px; background:url(../images/news_03.gif) left center no-repeat; padding-left:20px; margin-top:10px;}
.ny_news .first_list{ height:125px; overflow:hidden; margin-bottom:26px;}
.ny_news li{ height:37px; line-height:37px; border-bottom:1px dotted #dddddd;font-size:17px;}
.ny_news li span{ float:right}

.ny_pro li .photo{ display:block; width:307px; height:253px;}
.ny_pro li .info{ width:307px; height:110px; background:#f5f5f5;}
.ny_pro li .info .name{ height:40px; line-height:40px; padding-left:19px; font-size:17px;}
.ny_pro li .info .text{ line-height:18px; padding:0 19px; height:36px; overflow:hidden; margin-bottom:10px;font-size:15px;}
.ny_pro li .info .more{ display:block; height:24px; line-height:24px; background:#fb0c00; padding-left:20px; color:#fff}
.ny_pro li{ float:left; width:307px; height:363px; border:3px solid #fff; margin:0 36px 67px;}
.ny_pro ul{ float:left; margin:0 -24px 0 -23px;}
.ny_pro li:hover{ border-color:#fb0c00}
.ny_pro li:hover .more{ background:#fb0c00}

#full .qq_info a,#full .qq_info span{ display:block}
#full .qq_info span{ width:86px; background:#fff; text-align:center; padding-top:6px; line-height:24px; border:1px solid #968f96; border-top:none}