/*************reset***************/
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td,h1, h2, h3, h4, h5, h6{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;margin: 0;padding: 0;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img,a{border:0;}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
em,i{font-style:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{zoom:1;}
.clearfix{*overflow:hidden;}
a{cursor:pointer;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus,input,textarea,select,button{-moz-outline:none;outline:none;}

.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.grey6{color:#666;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.relative{position:relative;}
/******index*******/
.header{height:80px;line-height:80px;padding-top:20px;}
.wd1222{width:800px;margin:0 auto;}
.wd1200{width:1200px;margin:0 auto;}
h1{float:left;padding-top:10px;}
.header h1{}
h2{position:relative;text-align:center;font-size:36px;line-height:82px;padding:75px 0 45px;}
h2:after{position:absolute;content:" ";bottom:45px;left:50%;margin-left:-15px;width:30px;height:3px;background:#bb2121;}
.h2_white{color:#fff;}
.h2_white:after{background:#fff;}
.nav{float:right;}
.nav li{float:left;padding:0 18px;}
.nav li>a{display:block;color:#333;font-size:18px;}
.nav li>a>span{display:inline-block;height:40px;line-height:40px;}
.nav li.on>a{font-weight:bold;}
.nav li.on span{border-bottom:3px solid #bb2121;}
.nav li:hover>a{font-weight:bold;}
.nav_hover{position:relative;}
.nav_hover>a>span{background:url("../images/ico_nav_arrow.png") no-repeat right center;padding-right:15px;}
.nav_child{display: none;position:absolute;width:116px;left:50%;margin-left: -66px; top:75px;text-align:center;z-index:2;
    border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
    box-shadow:0 0 6px #ebebeb;-moz-box-shadow:0 0 6px #ebebeb;-webkit-box-shadow:0 0 6px #ebebeb;}
.nav_child_list{padding:10px 0;background:#fff;background:rgba(255,255,255,.9);position:relative;z-index:2;
    border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.nav_child_list a{display:block;color:#333;font-size:18px;height:34px;line-height:34px;}
.nav_child_list a:hover{background:#f5f5f5;}
.triangle {border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff!important;position:absolute;top:-10px;left:50%;margin-left:-10px;}
.triangle:after {content:'';position:absolute;top:0;left:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #d7d7d7;margin-left:-10px;z-index:-1;filter:blur(2px);}
.kefu{width: 80px;height: 80px;border-radius: 8px;background: url(../images/ico_qq.png) center no-repeat;position: fixed;right: 30px; bottom: 30px;display: block;z-index: 99;}
.service{width: 106px;height: 72px;border-radius: 8px;position: fixed;right: 30px; bottom: 30px;z-index: 99;overflow: hidden;}
.service a{display: block;font-size: 14px;color: #fff;line-height: 36px;padding-left: 34px;background:#30A5DD url(../images/ico_qq2.png) 12px no-repeat;background-size: 16px;}
.service a:first-of-type{border-bottom: 1px solid #67C6F5;}
.service a:hover{background: #1598D8 url(../images/ico_qq2.png) 12px no-repeat;background-size: 16px;}

/*swiper*/
.swiper-container,.swiper-container_2,.swiper-container_3{width:100%;height:100%;}
.swiper-container .swiper-slide,.swiper-container_3 .swiper-slide{text-align:center;font-size:18px;background:#fff;
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-container .swiper-slide img{width:100%;}
.swiper-container .swiper-pagination-bullet{border-radius:0;width:25px;height:6px;background:#fff;}
.swiper-container_2{position:relative;overflow: hidden;}
.swiper-container_2 .swiper-slide > div{text-align:center;border:1px solid #eee;height:155px;background: #fff;
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-container_2 .swiper-button-next,.swiper-container_2 .swiper-button-prev{color:#bc2828;}
.swiper-container_3{position:relative;overflow: hidden;}
.swiper-container_3 .swiper-slide{position:relative;}
.swiper-container_3 .swiper-slide img{width:100%;height:390px;}
.swiper-container_3 .swiper-pagination-bullet{border-radius:0;width:10px;height:3px;background:#fff;}
.swiper-container_3 .swiper-button-next,.swiper-container_3 .swiper-button-prev{top:auto;bottom:25px;width:30px;height:30px;}
.swiper-container_3 .swiper-button-next{background:url("../images/swiper_right3.png") no-repeat;right:30px;}
.swiper-container_3 .swiper-button-prev{background:url("../images/swiper_left3.png") no-repeat;left:30px;}
.swiper-container_3 .swiper-button-next:after,.swiper-container_3 .swiper-button-prev:after{content:normal;}
.swiper_exp{position:absolute;width:490px;left:0;bottom:0;background:rgba(0,0,0,0.4);height:68px;font-size:18px;line-height:28px;color:#fff;text-align:left;padding:12px 100px 0;}
/**/
.id_product{margin-bottom:90px;}
.id_product li{float:left;width:33.33%;text-align:center;padding:50px 0 30px;line-height:34px;}
.id_product li a{color:#333;}
.readMore{background:url("../images/ico_more.png") no-repeat center center;height:36px;margin-top:20px;}
.id_product li:hover{box-shadow:0 0 15px #888;}
.id_product li:hover .readMore{background-image:url("../images/ico_more_on.png");}

.contBalck{background:#efefef;height:900px;width:100%;}

.newsbox{width:510px;float:left;}
.id_news li{height:32px;line-height:32px;padding-bottom:18px;background:url("../images/list_dot.png") no-repeat 112px top;}
.id_news li{font-size:16px;overflow: hidden;}
.span_date{float: left;width:112px;color:#333;}
.span_name{float: left;padding-left:35px;color:#666;width: 340px; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.id_news_swiper{float:right;width:690px;height:390px;}
.index_map{width:100%;height:700px;margin-top:-102px;}
.more{margin-top: 10px;}
.more a{font-size: 16px;color: #666;}
/**footer**/
.footer{background:#333;color:#fff;padding:75px 0;margin-top:150px;}
.footer-col-4{float:left;width:40%;line-height:32px;font-size:16px;}
.footer-col-6{float:left;width:60%;line-height:32px;font-size:16px;}
.footer-col-2{float:left;width:20%;line-height:36px;font-size:16px;}
.footerTit{position:relative;line-height:48px;font-size:18px;margin-bottom:30px;}
.footerTit:after{position:absolute;content:" ";bottom:0;left:0;width:30px;height:3px;background:#bb2121;}
.footerPhone{background:url("../images/ico_phone.png") no-repeat left center;padding-left:36px;}
.ewCode li{float:left;text-align:center;margin-right:130px;}
.ewCode img{width:150px;}
.gxb a{color: #fff;}
.gxb a:hover{text-decoration: underline;}
.gxb img{margin-right: 6px;}
/********************************************product*********************************************/
.banner_product1{background:url("../images/banner1.png") no-repeat center top;width:100%;height:700px;}
.banner_product2{background:url("../images/banner2.png") no-repeat center top;width:100%;height:700px;}
.banner_product3{background:url("../images/banner1.png") no-repeat center top;width:100%;height:700px;}
.banner_product4{background:url("../images/banner2.png") no-repeat center top;width:100%;height:700px;}
.prot{display:none;}
.sect-left{float:left;width: 305px;}
ul.zwfw{margin-bottom: 60px;}
ul.zwfw li{font-size: 24px;color: #333;line-height: 34px;margin-bottom: 20px;}
ul.zwfw li img{margin-right: 10px;vertical-align: middle;}
.sect-right{margin-left: 305px;width: 895px;}
.sect-right img{width: 100%;}
h3.protle{font-size: 24px;line-height: 30px;padding-left: 10px;border-left: 3px solid #bb2121;margin-bottom: 15px;}
ul.case li{font-size: 16px;color: #333;line-height: 36px;position: relative;padding-left: 12px;}
ul.case li:before{content: '';position: absolute;width: 6px;height: 6px;background:#bb2121;border-radius: 3px;left: 0;top: 15px;}
ul.case li a{cursor: default;}
.sect2{margin-top: 55px;}
.tdlist{width: 210px;padding-top: 20px;}
.tdlist li{width: 70px;text-align: center;line-height: 24px;font-size: 16px;color: #333;margin-right: 30px;float: left;height:66px;margin-bottom: 22px;}
p.ryu{font-size: 24px;color: #333;line-height: 54px;}
.tdlist li:first-of-type p{margin-top: 5px;}
.sjlist{margin-bottom: 60px;}
.sjlist li{float: left;width: 386px;height: 280px;margin: 0 7px;box-shadow: 0 0 10px rgba(102,102,102,.2);box-sizing: border-box;}
.sjlist li img{vertical-align: middle;margin-right: 10px;}
.sjlist div{font-size: 24px;color: #333;line-height: 88px;text-align: center;}
.sjlist p{font-size: 14px;color: #333;line-height: 22px;text-indent: 2em;padding: 0 30px;}
.sect-left-dasj{padding-top: 200px;}
ul.jclist{margin-bottom: 80px;}
ul.case2{padding-right: 15px;}
ul.case2 li{line-height: 24px;margin-bottom: 12px;}
ul.case2 li:before{top: 10px;}
ul.jzlist{margin-bottom: 50px;}
ul.jzlist li{margin-bottom: 10px;}
.sect-left-jjdc{padding-top: 120px;}
.mg80{margin-top: 80px;}
.alist{margin-bottom: 30px;}
.alist li{float: left;width: 590px;height: 332px; margin-right: 20px;box-sizing: border-box;text-align: center;}
.alist li.alli{padding-top: 30px;text-align: left;}
.alist li p{font-size: 16px;color: #333;line-height: 32px;text-indent: 2em;width:500px;margin-top: 30px;}
.alist li img{max-width: 100%;max-height: 100%;}
.alist li:last-of-type{margin: 0;}
ul.shzz{margin-bottom: 70px;padding-right: 20px;}
ul.shzz li{font-size: 24px;color: #333;line-height: 30px;margin-bottom: 25px;padding-left: 38px;position: relative;}
ul.shzz li:before{content: url(../images/ico_item2.png);position: absolute;top: 3px;left: 0;}
ul.oplist{width: 480px;}
ul.oplist li{font-size: 20px;}
.operation{height: 604px;background: url(../images/img_operate.png) right bottom no-repeat;}
.jdlist1 li{float: left;}
.jdlist1 li .imgwrap{width: 238px;height: 180px;overflow: hidden;text-align: center;}
/*.imgwrap img{max-width: 100%;max-height: 100%;}*/
.jdtle{height: 40px;padding-top: 10px;}
.jdtle span{display: block;font-size: 14px;color: #333;line-height: 20px;}
.dotline{height: 92px;background: url(../images/img_jd_line.png) center no-repeat;}
.xftxt{font-size: 16px;color: #333;line-height: 28px;text-indent: 2em;}
.xfimg{margin: 20px 0;}
.hybox{margin-top: 15px;margin-bottom: 20px;}
.hybox div{width: 488px;float: left;}
.hybox img{float: right;}
.hybox p.xftxt{margin-bottom: 20px;}
.mgb60{margin-bottom: 60px;}
.pptab{width: 100%;table-layout: fixed;border-collapse: collapse;margin-top: 20px;}
.pptab th{font-size: 20px;color: #fff;text-align: center;line-height: 50px;background: #5d97cc;border: 2px solid #fff;}
.pptab td{font-size: 18px;color: #333;line-height: 24px;padding: 10px;background: #eff1f4;border: 2px solid #fff;text-align: center;}
.pptab td p{text-align: left;}
.pptab tr:nth-of-type(even) td{background: #d7e0ed;}
.guide{min-width: 160px;height: 240px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,.15);background: rgba(255,255,255,.9);position: fixed;top: 138px;right: 20px;border-radius: 5px;padding-right: 20px;z-index: 999;}
.guide div{padding-left: 36px;background: url(../images/img_guideline.png) 20px no-repeat;height: 240px;}
.gelist{padding-top: 44px;}
.gelist li{font-size: 14px;color: #333;line-height: 16px;margin-bottom: 30px;position: relative;}
.gelist li.sel:before{content: url(../images/ico_circle_on.png);position: absolute;left: -16px;top: 0px;}









/***************************customer*****************************/
.shadow{height: 100px;box-shadow: 0 1px 10px rgba(0,0,0,0.1);position: absolute;width: 100%;z-index: -1;top: 0;left: 0;}
.kehubox>div{float: left;width: 400px;}
.xztle{font-size: 50px;color: #f1cc25;text-align: center;height: 118px;background: url(../images/bg_mzkh.png) top no-repeat;line-height: 86px;position: relative;font-weight: normal;}
.kh{width: 387px;margin-left: 6px;box-shadow: 0 0 10px rgba(102,102,102,.4);padding-bottom: 15px;}
.kh span{display: block;line-height: 50px;background: url(../images/img_dotline.png) bottom no-repeat;text-align: center;font-size: 18px;color: #333;}
ul.khlist{padding-top: 10px;}
ul.khlist li{text-align: center;line-height: 46px;}
ul.khlist li a{font-size: 24px;color: #333;cursor:default;}

.mzyh{margin-top: 45px;}
.map{float: left;width: 540px;}
.map img{width: 510px;}
.mzyh-rgt{margin-left: 540px;padding-top: 100px;}
.xc1{font-size: 30px;margin-bottom: 24px;color: #333;font-weight: bold;}
.xc2{font-size: 24px;margin-bottom: 42px;color: #333;font-weight: bold;}
.mzyh-rgt p{padding-left: 32px;background: url(../images/ico_item.png) left no-repeat;line-height: 40px;}
.test{width: 800px;height: 400px;border-radius: 20px;border: 10px solid red;border-left: 0;}
.mediabox{min-height: 550px;background: url(../images/img_timeline.png) center 22px no-repeat;}
.mrow{height: 490px;}
.medialist li{float:left;width: 250px;margin-right: 50px;position: relative;}
.medialist span{display: block;height: 54px;line-height: 54px;text-align: center;font-size: 24px;font-weight: bold;color: #333;background: url(../images/ico_year.png) center no-repeat;}
.mnews{border: 1px solid #bb2121;border-radius: 5px;padding: 4px;position: relative;margin-top: 26px;max-height: 390px;}
.mnews:after{content: url(../images/ico_triangle.png);position: absolute;left: 50%;margin-left: -20px;top: -24px;}
.mnews div{width: 100%; height: 180px;background: #f2f2f2;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.mnews div img{max-width: 100%;max-height: 100%;}
.mnews p{font-size: 16px;line-height: 26px;color: #333;text-indent: 2em;padding: 8px 0;}

/***************************newslist*****************************/
.newslist{margin-top: 25px;}
.newslist li{padding: 20px 0;box-sizing: border-box;border-bottom: 1px solid #eee;}
.newslist li a{display: flex;align-items: center;}
.datebox{width: 155px;padding-left: 50px;}
.datebox h5{font-size: 30px;color: #333;line-height: 48px;font-weight: normal;}
.datebox span{font-size: 18px;color: #999;}
.datebox .line{width: 30px;height: 3px;background: #ccc;margin-top: 18px;}
.txt{width: 820px;}
.txt h3{font-size: 30px;color: #333;line-height: 48px;padding: 12px 0; font-weight: normal;}
.txt p{font-size: 16px;color: #666;overflow: hidden;line-height: 30px;height: 64px;margin-top: 30px;}
.chak{border: 1px solid #bb2121;width: 80px;height: 30px;line-height: 30px;font-size: 14px;color: #bb2121;border-radius: 15px;margin-left: 60px;background: #fff;display: block;text-align: center;cursor: pointer;}
.chak:hover{background: #f4f4f4;}
.pageBox{text-align:center;margin-top: 60px;}
.pageBox a{display:inline-block;padding: 0 10px; text-align:center;height:30px;line-height:30px;border:1px solid #dfdfdf;color:#2f2f2f;margin:0 4px;border-radius: 4px;}
.pageBox a:hover,.pageBox a.current{border-color:#bb2121;background:#fff4f4;color: #2f2f2f;}
.pageBox .pagePrev,.pageBox .pageNext{color: #999;}
.paging .page_num{margin: 0 4px;}
.page_total{margin-bottom: 15px;float: left;}
.paging{float: right;}
.paging input:last-of-type{margin-left: 10px;background: #FAF5F5;width: 50px;font-size: 14px;height: 30px;border: 1px solid #ccc;border-radius: 4px;}

/***************************news*****************************/
.site{font-size: 14px;line-height: 30px;}
.site>*{margin: 0 5px;color: #666;}
h3.newstle{font-size: 36px;text-align: center;padding: 45px 100px 15px 100px;color: #333;}
.newsdate{display: block;text-align: center;font-size: 16px;color: #999;}
.imgbox{margin-top: 40px;margin-bottom: 25px; text-align: center;}
.imgbox img{max-width:100%;}
p.newstxt{font-size: 16px;color: #333;line-height: 2em;text-indent: 2em;padding: 0 100px;margin-bottom:20px;}




/***************************sirui*****************************/
.vidbox{text-align: center;position: relative;}
.vid{width: 100%; background: #ccc;}
.srvid{position: absolute;width:100%;top:50%;text-align: center;font-size: 36px;color: #fff;height: 90px;margin-top: -45px;}
.srvid:after{position: absolute;width: 120px;height: 3px;background: #fff;content: "";left: 50%;margin-left: -60px;top: 90px;}
.btnplay{width: 300px;height: 40px;border-radius: 20px;position: absolute;left: 50%;margin-left: -150px;bottom: 48px;font-size: 16px;color: #fff;padding-left: 122px;box-sizing: border-box;background:#96a2c7 url(../images/ico_play.png) 85px no-repeat;border: 0;text-align: left;cursor: pointer;}
.btnplay2{width: 132px;height: 132px;background: url(../images/ico_bofang.png) no-repeat;position: absolute;left: 50%;top:50%;margin-left: -66px;margin-top: -85px;border: 0;cursor: pointer;}
.hidethis{display: none;}

.srbox{margin-top: 25px;border-bottom: 1px solid #ccc;}
.srnav{width: 1200px;margin: 0 auto;}
.srnav li{width: 25%;float: left;text-align: center;}
.srnav2 li{width: 25%;float: left;text-align: center;}
.srnav li.curt{background:url(../images/ico_line.png) bottom no-repeat;}
.srnav li.curt a{color: #bb2121;}
.srnav li a{font-size: 24px;color: #333;line-height: 76px;}
.srcon{width: 1200px;margin: 0 auto;}
.srcon p{font-size: 18px;line-height: 32px;text-indent: 2em;margin-bottom: 15px;}
.culture li{float: left;width: 386px;height: 400px;margin: 0 7px;box-shadow: 0 0 10px rgba(102,102,102,.2);text-align: center;box-sizing: border-box;padding-top: 60px;}
.culture span{font-size: 30px;color: #333;display: block;margin-top: 8px;font-weight: bold;}
.culture p{padding: 0 55px;font-size: 18px;color: #333;line-height: 28px;text-align: left;margin-top: 20px;text-indent: 0;}
.srgf{width: 862px;margin: 0 auto;height: 160px;border: 2px dashed #D9D9D9;border-bottom: 0;position: relative;margin-top: 50px;}
.srgf span{display: block;width: 116px;height: 116px;font-size: 28px;font-weight: bold;color: #fff;line-height: 32px;padding-top: 24px;box-sizing: border-box;text-align: center;position: absolute;top: -58px;left: 50%;margin-left: -58px;background: url(../images/ico_bg_org.png) no-repeat;}
.subsr li{float: left;width:332px;margin-right: 102px;}
.subsr li:last-of-type{margin-right: 0;}
.subsr li>div{width: 332px;height: 280px;border: 1px solid #D9D9D9;box-sizing: border-box;padding-top: 80px;position: relative;}
.subsr li img{position: absolute;top: -58px;left: 50%;margin-left: -58px;}
.subsr li span{display: block;font-size: 14px;color: #333;font-weight: bold;line-height: 26px;text-align: center;height: 52px;padding: 0 30px;}
.subsr li p{font-size: 21px;color:#333;text-align: center;margin-top: 6px;text-indent: 0;}
.subsr li label{display: block;margin: 0 auto;font-size: 16px;color: #fff;width: 194px;height: 48px;margin: 0 auto;background: #175e9e;line-height: 48px;text-align: center;font-weight: bold;}
.subsr li label.color1{background: #175E9E;}
.subsr li label.color2{background: #F11D23;}
.subsr li label.color3{background: #EC7C30;}

.licbox{width: 640px;padding-left: 130px;margin: 0 auto;box-sizing: border-box;}
.lic{border-left: 2px solid #eee;padding-left: 25px;}
.lic p{position: relative;margin-bottom: 50px;font-size: 18px;color: #333;line-height: 26px;position: relative;}
.lic p:after{position: absolute;content: url(../images/ico_circle.png);left: -32px;top: 0;}
.lic p span{display: block;width: 120px;height: 30px;line-height: 30px;border-radius: 15px;border: 1px solid #bb2121;background: #fff4f4;position: absolute;left: -170px;top: -3px;text-align: center;}

.honbox{width: 1220px;margin: 0 auto;padding-top: 30px;}
ul.hon li{float: left;width: 50%;padding-top: 50px;}
ul.hon li span{font-size: 30px;color: #333;display: block;text-align: center;line-height: 60px;}
.hontle{font-size: 30px;color: #333;display: block;text-align: center;line-height: 60px;margin-top: 50px;}
.hon2 img{float: left;}

.medul li{float: left;width: 590px;margin-right: 20px;margin-bottom: 40px;}
.medul li:nth-of-type(even){margin-right: 0;}
.medimg{width: 590px;height: 375px;}
.medul li span{font-size: 18px;color: #333;line-height: 28px;margin-top: 10px;height: 56px;display: block;}
.medul .img1{background: url(../images/img_med01.png) center no-repeat;background-size: 640px;}
.medul .img2{background: url(../images/img_med02.png) center no-repeat;background-size: 640px;}
.medul .img3{background: url(../images/img_med03.png) center no-repeat;background-size: 600px;}
.medul .img4{background: url(../images/img_med04.png) center no-repeat;background-size: 640px;}
.medul .img5{background: url(../images/img_med05.png) center no-repeat;background-size: 620px;}
.medul .img6{background: url(../images/img_med06.png) center no-repeat;background-size: 640px;}
.medul .img7{background: url(../images/img_med07.png) center no-repeat;background-size: 620px;}
.medul .img8{background: url(../images/img_med08.png) center no-repeat;background-size: 620px;}

























