/*小导航*/
.top11{height:30px; line-height:30px; overflow:hidden;background: #f5f5f5}
.top111{ width:1100px;margin:auto;overflow:hidden; color:#666;}
.top111 .top11nr{float:right;height:30px;}
.top111 .top11nr a{color:#666;}
.top111 .top11nr a:hover{color:#000;}
.top111 .top11nr1{float:left;}

/*头部*/
.top{width:1100px; margin:auto;overflow:hidden;}
.top a{display: block;width: 100%;height: 120px;}
.top a img{display: block;width: 100%;}
.top .logo{float:left;height:120px;width:720px;}
.top .tel{float:right;height:120px;width:260px;}

.box1{height:740px;overflow:hidden;position:relative;width:100%;margin:0 auto;max-width: 1920px;background: url(../bannerimages/banner_bg.jpg) center top no-repeat;}

/*公共导航*/
.nav{width:100%;height:50px;line-height:50px;z-index:99999;position:absolute;top:20px;}
.nav_ul{width:1100px;padding-left: 36px;margin:auto;font-size:14px;overflow:hidden;text-align:center;height:50px;background: url(../images/nav_ico1.png) left top no-repeat;border-radius: 3px;box-shadow: 0 1px 5px #0b2243;}
.nav_ul ul{width:1100px;overflow:hidden;background: url(../images/nav_ico3.jpg) repeat-x;}
.nav_ul ul li{float:left;width:133px;text-align:center;background: url(../images/nav_ico2.jpg) right no-repeat;}
.nav .nav_ul  li a{height:50px;color:#fff;font-size:12px;display: block;}
.nav .nav_ul  li a:hover,.nav .nav_ul ul .on a{font-weight: bold;font-size: 14px;}

/*公共banner*/
.banner{height:740px;margin:auto;position: relative;}
.bannerppt{position:absolute;margin:auto;_zoom:1;width: 1920px;height: 740px;left: 50%;}
.bannerppt .pic{width:1920px;height:740px;overflow:hidden;position:relative;left: -50%;}
.bannerppt .pic ul{height:740px;position:absolute; width:1920px;}
.bannerppt .pic ul li{float:left;width:1920px;height:740px;overflow:hidden;position:relative;margin:auto;}
.bannerppt .pic ul li div{position:absolute;overflow:hidden;}
.bannerppt .btnBg{height:30px;display:none;}
.bannerppt .btn{text-align:center;position:absolute;bottom:70px;line-height:20px;height:20px;left:-50%;width: 100%;}
.bannerppt .btn span{display:inline-block;_display:inline;_zoom:1;width:60px; height:5px;_font-size:0;margin-right:5px;cursor:pointer; background:#fff;}
.bannerppt .btn span.on{background:#fff;}
.bannerppt .preNext{width:57px;height:130px;position:absolute;top:100px;cursor:pointer; }
.bannerppt .pre{left:100px;background:url(bannerimages/left.png) no-repeat 0 0; display:none;}
.bannerppt .next{right:100px;background:url(bannerimages/right.png) no-repeat 0 0;display:none;} 

/*搜索*/
.ss{height: 5px;}
.ss .ss_cur{width: 1100px;height: 40px;overflow: hidden;margin: 0 auto;position: relative;top: -60px;border-radius: 5px 5px 0 0;background: #fff;padding: 10px 30px;}
.ss .ss_cur .tit{font-weight: bold;float: left;margin-right: 10px;line-height: 40px;height: 40px;overflow: hidden;}
.ss .ss_cur .text{width: 650px;float: left;height: 40px;line-height: 40px;overflow: hidden;}
.ss .ss_cur .text a{float: left;margin-right: 10px;color: #666;}
.ss .ss_cur .text a:hover{float: left;margin-right: 10px;color: #006ada;}
.ss .ss_cur .sousuo{width: 260px;float: right;height: 30px;overflow: hidden;margin: 5px 0;}
.ss .ss_cur .sousuo .ss_tit{width: 198px;height: 28px;float: left;overflow: hidden;border: 1px solid #ddd;} 
.ss .ss_cur .sousuo .ss_tit .txt{width: 195px;height: 28px;line-height: 28px;border: 0;padding-left: 3px;font-size: 12px;font-family: "宋体";color: #999;} 
.ss .ss_cur .sousuo .anniu{width: 55px;height: 30px;line-height: 30px;float: right;background: #006ada;} 
.ss .ss_cur .sousuo .anniu input{width: 55px;height: 30px;border: 0;background: none;text-align: center;font-size: 14px;font-weight: bold;color: #fff;cursor: pointer;} 


/*分类*/
.cp1{width:100%;height:1055px;max-width: 1920px;position:relative;margin:0 auto;background: #fafafa;}
.cp1 .cp_con{width:1100px;margin:0 auto;height:1025px;position: relative;z-index: 9999;}

.cp1 .cp_con .left{width:200px;background:#006ada;overflow:hidden;border-radius:5px 0 0 5px;position: absolute;left: 0;top: -70px;}
.cp1 .cp_con .left .fl_tit{height:68px;border-bottom: 1px solid #0056b3;overflow: hidden;}
.cp_con .left .fl_tit .tit{font-size:14px;color:#fff;height:20px;line-height:20px;text-indent:28px;margin-top:15px;overflow:hidden;font-weight: bold;}
.cp1 .cp_con .left .fl_tit .pc{color:#308cee;font-family:"Arial";font-size:14px;overflow:hidden;text-indent:28px;}

.cp1 .cp_con .left .fl{overflow:hidden;width: 200px;}
.cp1 .cp_con .left .fl ul li{overflow:hidden;border-top: 1px solid #007bff;border-bottom: 1px solid #0056b3;}
.cp1 .cp_con .left .fl ul li h2{width:180px;padding-right:20px;text-indent: 28px;height:40px;line-height:40px;overflow:hidden;font-weight: bold;background: url(../images/flico1.png) 170px bottom no-repeat;border-bottom: 1px solid #007bff;}
.cp1 .cp_con .left .fl ul li h2 a{color:#fff;}
.cp1 .cp_con .left .fl ul li a:hover{color: #ff0;}
/* .cp1 .cp_con .left .fl ul li.on h2{background: url(../images/flico1.png) right bottom no-repeat;} */

.cp1 .cp_con .left .fl ul li dl{width:152px;padding:8px 20px 8px 28px;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;border-top: 1px solid #0056b3;}
/* .cp1 .cp_con .left .fl ul li.on dl{height: auto;padding-bottom:8px;} */
.cp1 .cp_con .left .fl ul li dl dt{height:30px;line-height:30px;overflow:hidden;width:152px;text-indent: 20px;background:url(../images/flico2.png) 5px 12px no-repeat;}
.cp1 .cp_con .left .fl ul li dl dt a{ color:#e0efff;}

/*产品*/
.cp_middle{height:1095px; width:900px;overflow:hidden;background:#fff;position: absolute;right: 0;top: -60px;border-radius: 0 5px 0 0;}
.cp_con .cp_middle .titl{float:left; height:63px; width:900px; background:url( ../images/pro_ico2.jpg) top repeat-x; overflow:hidden;}
.cp1 .cp_con .cp_middle .titl ul{width: 904px;}
.cp1 .cp_con .cp_middle .titl ul li{float:left;height:63px;line-height:60px;text-align:center;width:450px;overflow:hidden;}
.cp1 .cp_con .cp_middle .titl ul li a{display: block;width:150px;height:60px;overflow:hidden;color:#666;font-size:20px;font-weight:bold;padding-bottom: 3px;}
.cp1 .cp_con .cp_middle .titl ul li.on a{color:#006ada;background: url(../images/pro_ico3.jpg) center bottom no-repeat;font-family: "微软雅黑"}

.cp_con .cp_middle .pnr{height:1032px;width: 882px;overflow:hidden;border: 13px solid #fff;border-width: 13px 9px;}
.cp_con .cp_middle .pnr ul{width: 900px;overflow: hidden;}
.cp_con .cp_middle .pnr ul li{float:left;height:250px;width:220px;overflow:hidden;text-align:center;border:1px dotted #ccc;border-width: 0 1px 1px 0;}
.cp_con .cp_middle .pnr ul li .pic{width:210px;height:210px;overflow:hidden;margin: 5px auto 0;}
.cp_con .cp_middle .pnr ul li .pic a{display:block;height:210px;}
.cp_con .cp_middle .pnr ul li .txt{height:30px;line-height:30px;overflow:hidden;}
.cp_con .cp_middle .pnr ul li .txt a:hover{color:#006ada;}

/*精品推荐*/
.jptj{width: 100%;max-width: 1920px;overflow: hidden;background: #fafafa;margin: 0 auto;padding: 20px 0 40px;}
.jptj .titl{width: 1100px;overflow: hidden;margin: 0 auto;}
.jptj .titl .title{height: 40px;line-height: 40px;overflow: hidden;text-align: center;text-transform: uppercase;font-size: 30px;font-family: Arial;}
.jptj .titl .title a{color: #006ada;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.jptj .titl .title a:hover{padding-right: 10px;}
.jptj .titl .txt{width: 600px;height: 30px;line-height: 30px;text-align: center;color: #999;margin: 0 auto 10px;overflow: hidden;position: relative;}
.jptj .titl span{display: block;background: #fafafa;float: left;height: 30px;position: absolute;left: 0;top: 0;z-index: 5;}
.jptj .titl hr{display: block;width: 150px;border: 0;height: 1px;background: #ccc;margin: 0 auto 29px;}

.jptj .tj_cur{width: 1100px;overflow: hidden;margin: 0 auto;height: 240px;}
.jptj .tj_cur .btn{width: 30px;height: 60px;margin-top: 90px;}
.jptj .tj_cur .btn input{display: block;width: 30px;height: 60px;background: #999;color: #fff;font-size: 24px;font-weight: bold;text-align: center;cursor: pointer;border: 0;font-family: "宋体";}
.jptj .tj_cur .btn input:hover{background: #006ada;}
.jptj .tj_cur .btn.btnl{float: left;margin-right: 20px;}
.jptj .tj_cur .btn.btnr{float: right;}

.jptj .tj_cur .tj_cut{width: 1000px;float: left;height: 240px;overflow: hidden;}
.jptj .tj_cur .tj_cut ul{width: 1300px;overflow: hidden;}
.jptj .tj_cur .tj_cut ul li{width: 238px;height: 238px;border: 1px solid #ccc;overflow: hidden;float: left;margin-right: 13px;text-align: center;}
.jptj .tj_cur .tj_cut ul li p{overflow: hidden;}
.jptj .tj_cur .tj_cut ul li p a{display: block;overflow: hidden;height: 238px;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.jptj .tj_cur .tj_cut ul li span{display: block;height: 40px;width: 238px;background: #006ada;text-align: center;line-height: 40px;font-size: 12px;}
.jptj .tj_cur .tj_cut ul li span a{color: #fff;display: block;}
.jptj .tj_cur .tj_cut ul li:hover p a{height: 200px;}

/*优势*/
.ys{width: 1160px;height: 600px;overflow:hidden;background:url(../images/ys_bg.jpg) top center no-repeat;margin: 0 auto;color: #666;position: relative;}
.ys div{position: absolute;}
.ys div p{width: 275px;height: 60px;line-height: 20px;overflow: hidden;}
.ys .txt1{top: 225px;left: 154px;}
.ys .txt2{top: 225px;right: 69px;}
.ys .txt3{top: 365px;left: 86px;}
.ys .txt4{top: 365px;right: 1px;}
.ys .txt5{bottom: 35px;left: 154px;}
.ys .txt6{bottom: 35px;right: 69px;}

/*案例*/
.rscase{width: 1100px;overflow: hidden;margin: 0 auto;padding: 30px 0 40px;}
.rscase .titl{width: 1100px;overflow: hidden;margin: 0 auto;}
.rscase .titl .title{height: 40px;line-height: 40px;text-align: center;text-transform: uppercase;font-size: 30px;font-family: Arial;padding-bottom: 15px;background: url(../images/tit_ico.png) center bottom no-repeat;}
.rscase .titl .title a{color: #006ada;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.rscase .titl .title a:hover{padding-right: 10px;}

.rscase .titl .case_fl{width: 1020px;margin: 15px auto 30px;overflow: hidden;}
.rscase .titl .case_fl ul{width: 1110px;overflow: hidden;text-align: center;}
.rscase .titl .case_fl ul li{float: left;padding-left: 10px;margin-right: -5px;background: url(../images/cas_ico1.png) left top no-repeat;height: 30px;width: 120px;}
.rscase .titl .case_fl ul li:hover{margin-left: -2px;}
.rscase .titl .case_fl ul li p{padding-right: 10px;background: url(../images/cas_ico2.png) right top no-repeat;text-align: center;font-size: 12px;font-weight: bold;}
.rscase .titl .case_fl ul li.lih{background: url(../images/cas_ico2.png) left top no-repeat;}
.rscase .titl .case_fl ul li.lih p{background: url(../images/cas_ico1.png) right top no-repeat;}
.rscase .titl .case_fl ul li.liz{width: 10px;}
.rscase .titl .case_fl ul li p a{color: #fff;background: #006ada;display: block;line-height: 30px;letter-spacing: 1.5px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.rscase .case_cut{width: 1100px;height: 360px;overflow: hidden;position: relative;}
.rscase .case_cut .casecon{width: 2300px;height: 360px;overflow: hidden;position: relative;}
.rscase .case_cut ul{width: 1115px;overflow: hidden;margin-right: 20px;float: left;}
.rscase .case_cut ul li{width: 260px;height: 175px;overflow: hidden;float: left;margin: 0 10px 10px 0;position: relative;}
.rscase .case_cut ul li .pic{border: 1px solid #ddd;overflow: hidden;width: 258px;height: 173px;text-align: center;}
.rscase .case_cut ul li .pic a{display: block;height: 100%;}
.rscase .case_cut ul li .pic a img{width: 100%;min-height: 100%;min-width: 258px;}

.rscase .case_cut ul .li_01{width: 530px;height: 360px;margin-right: 40px;}
.rscase .case_cut ul .li_01 .pic{width: 528px;height: 358px;}
.rscase .case_cut ul .li_01 .pic a img{min-width: 528px;}
.rscase .case_cut ul .li_01 .txt{width: 510px;}
.rscase .case_cut ul li .txt{width: 240px;height: 30px;position: absolute;padding: 0 10px;left: 0;bottom: 0;line-height: 30px;background: rgba(0,0,0,0.5);*background: #000;*filter: alpha(opacity=50);}
.rscase .case_cut ul li .txt a{color: #fff;float: left;width: 80%;display: block;}
.rscase .case_cut ul li .txt span{display: block;width: 0;height: 0;border: 4px solid rgba(0,0,0,0);*border: 4px solid #000;border-left: 4px solid #fff;float: right;margin-top: 11px;}

/*简介*/
.gywm{width: 100%;max-width: 1920px;margin: 0 auto;background: #006ada;overflow: hidden;padding: 50px 0;}
.gywm .jj_cur{width: 1100px;height: 350px;margin: 0 auto;overflow: hidden;}
.gywm .jj_cur .jj_left{width: 520px;height: 354px;float: left;background: #fff;overflow: hidden;border: 10px solid #fff;}
.gywm .jj_cur .jj_left .brn{width: 30px;height: 60px;margin-top: 135px;}
.gywm .jj_cur .jj_left .brnl{float: left;margin-right: 5px;}
.gywm .jj_cur .jj_left .brnr{float: right;}
.gywm .jj_cur .jj_left .brn input{display: block;width: 30px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;font-weight: bold;font-family: "宋体";color: #666;cursor: pointer;border: 0;background: none;}
.gywm .jj_cur .jj_left .brn input:hover{color: #006ada;}

.gywm .jj_cur .jj_cut{width: 430px;height: 330px;position: relative;overflow: hidden;float: left;}
.gywm .jj_cur .jj_cut ul{width: 900px;overflow: hidden;}
.gywm .jj_cur .jj_cut ul li{width: 430px;overflow: hidden;float: left;margin-right: 10px;position: relative;text-align: center;}
.gywm .jj_cur .jj_cut ul li p{width: 428px;height: 328px;overflow: hidden;border: 1px solid #ddd;}
.gywm .jj_cur .jj_cut ul li p a{display: block;height: 328px;}
.gywm .jj_cur .jj_cut ul li span{display: block;height: 30px;line-height: 30px;width: 430px;background: rgba(0,0,0,0.6);*background: #000;*filter: alpha(opacity=60);position: absolute;left: 0;bottom: 0;}
.gywm .jj_cur .jj_cut ul li span a{display: block;color: #fff;}

.gywm .jj_cur .jj_right{width: 580px;height: 350px;float: right;background: url(../images/jj.jpg) center top no-repeat;overflow: hidden;padding: 180px 25px 20px;line-height: 21px;color: #fff;text-indent: 2em;position: relative;}
.gywm .jj_cur .jj_right a{width: 500px;height: 40px;display: block;position: absolute;left: 20px;top: 45px;}
.gywm .jj_cur .jj_right .text{width:500px;height: 150px;float: right;overflow: hidden;text-align: justify;}
.gywm .jj_cur .jj_right .text p{margin: 0px 10px 0px 0px;}

/*证书和客户*/
.shili{width: 100%;max-width: 1920px;overflow: hidden;margin: 0 auto;}
.shili .sl_cur{width: 1100px;margin: 0 auto;overflow: hidden;}
.shili .titl{width:100%;height: 60px;margin-bottom: 20px;text-align: center;}
.shili .titl a{color: #006ada;font-size: 30px;font-family: "微软雅黑";font-weight: bold;line-height: 40px;height: 40px;display: block;width: 200px;margin: 0 auto;}
.shili .titl p{width: 100%;height:20px;line-height: 20px;overflow: hidden;}
.shili .titl p em{width: 100%;height:1px;display: block;overflow: hidden;background: #ccc;margin-top: 9px;}
.shili .titl p span{margin: 0 auto;color: #999;font-size: 12px;font-family: Arial;background: #fff;display: block; width: 200px;height: 20px;position: relative;top: -10px;}


.ryzz{width: 1100px;height: 330px;overflow: hidden;margin: 30px auto 20px;}

.ryzz .zs_cut{width: 1100px;height: 250px;overflow: hidden;}
.ryzz .zs_cut .zs_con{width: 1010px;overflow: hidden;float: left;}
.ryzz .zs_cut .zs_con ul{width: 1300px;overflow: hidden;}
.ryzz .zs_cut .zs_con ul li{width: 235px;overflow: hidden;height: 250px;float: left;margin-right: 20px;text-align: center;}
.ryzz .zs_cut .zs_con ul li p{width: 233px;overflow: hidden;height: 208px;border: 1px solid #ccc;}
.ryzz .zs_cut .zs_con ul li p a{display: block;height: 210px;}
.ryzz .zs_cut .zs_con ul li span{display: block;height: 40px;line-height: 40px;width: 240px;margin: 0 auto;}
.ryzz .zs_cut .zs_con ul li span a{color: #666;}
.ryzz .zs_cut .btn{width: 30px;height: 50px;line-height: 50px;text-align: center;margin-top: 80px;}
.ryzz .zs_cut .btn input{display: block;width: 30px;height: 50px;font-size: 24px;font-family: "宋体";font-weight: bold;cursor: pointer;color: #56708c;border: 0;background: #f0f0f0;outline: none;}
.ryzz .zs_cut .btn input:hover{color: #8cb7e5;background: #006ada;color: #fff;}
.ryzz .zs_cut .btnl{float: left;margin-right: 20px;}
.ryzz .zs_cut .btnr{float: right;}

/*客户*/
.hzkh{width: 1100px;height: 230px;padding: 25px;overflow: hidden;background: #f5f5f5;}
.hzkh .titl p span{background: #f5f5f5;}

.hzkh .kh_cut{width: 1020px;height: 100px;overflow: hidden;}
.hzkh .kh_cut .khcon{width: 954px;height: 100px;overflow: hidden;margin: auto;}
.hzkh .kh_cut ul{width: 1200px;overflow: hidden;}
.hzkh .kh_cut ul li{width: 178px;height: 98px;overflow: hidden;border: 1px solid #ddd;float: left;margin-right: 15px;text-align: center;position: relative;background: #fff;}
.hzkh .kh_cut ul li p{width: 178px;height: 98px;overflow: hidden;}
.hzkh .kh_cut ul li p a{display: block;height: 98px;}
.hzkh .kh_cut ul li span{display: block;height: 98px;width: 178px;position: absolute;left: 0;top: 100px;background: rgba(0,0,0,0.6);*background: #000;*filter: alpha(opacity=60);transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
.hzkh .kh_cut ul li span a{display: block;height: 98px;line-height: 98px;font-size: 14px;color: #fff;font-weight: bold;}
.hzkh .kh_cut ul li:hover span{top: 0;}
.hzkh .kh_cut .btn{width: 30px;height: 50px;line-height: 50px;text-align: center;margin-top: 25px;}
.hzkh .kh_cut .btn input{display: block;width: 30px;height: 50px;font-size: 24px;font-family: "宋体";font-weight: bold;cursor: pointer;color: #56708c;border: 0;background: #f5f5f5;outline: none;}
.hzkh .kh_cut .btn input:hover{color: #8cb7e5;background: #006ada;color: #fff;}
.hzkh .kh_cut .btnl{float: left;}
.hzkh .kh_cut .btnr{float: right;}

/*资讯*/
.zixun{width: 1100px;margin: 20px auto;overflow: hidden;}
.zixun .titl{width: 100%;height: 40px;overflow: hidden;margin-bottom: 15px;}
.zixun .titl .left{width: 60%;overflow: hidden;line-height: 20px;float: left;}
.zixun .titl .left p{height: 20px;overflow: hidden;font-size: 16px;color: #006ada;font-weight: bold;}
.zixun .titl .left span{height: 20px;overflow: hidden;font-size: 12px;color: #999;font-family: Arial;}
.zixun .titl .more{line-height: 40px;font-family: Arial;float: right;font-size: 12px;text-transform: uppercase;}
.zixun .titl .more a{color: #999;}
.zixun .titl .more a:hover{color: #006ada;}

/*新闻*/
.news{width: 320px;float: left;margin-right: 95px;overflow: hidden;padding: 25px 0;}
.news .xw_cur{width: 320px;height: 280px;padding-top: 130px;background: url(../images/xw.jpg) center top no-repeat;overflow: hidden;}
.news .xw_cur ul li{width: 310px;padding-left: 10px;border-bottom: 1px dotted #ccc;height: 35px;line-height: 35px;overflow: hidden;font-size: 12px;background: url(../images/xwico.jpg) left 11px no-repeat;}
.news .xw_cur ul li a{width: 300px;display: block;height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;}
.news .xw_cur ul li a:hover{color: #006ada;}

/*问题*/
.faqs{width: 320px;float: left;overflow: hidden;padding: 25px 0;}
.faqs .wt_cur{width: 320px;height: 280px;overflow: hidden;}
.faqs .wt_cur ul li{width: 320px;height: 81px;overflow: hidden;border-bottom: 1px dotted #ccc;margin-bottom: 15px;}
.faqs .wt_cur ul li .tit{width: 295px;height: 30px;overflow: hidden;line-height: 30px;padding-left:25px;background: url(../images/wen.jpg) left 7px no-repeat;}
.faqs .wt_cur ul li .tit a{color: #666;}
.faqs .wt_cur ul li .txt{width: 295px;height: 40px;overflow: hidden;line-height: 20px;padding-left:25px;background: url(../images/da.jpg) left 3px no-repeat;}
.faqs .wt_cur ul li .txt a{color: #999;}
.faqs .wt_cur ul li a:hover{color: #006ada;}

/*留言*/
.liuyan{width: 320px;padding: 25px;background: #2e3d4d;overflow: hidden;float: right;}
.liuyan .titl .left p a{color: #fff;}
.liuyan .titl .left span{color: #c7cacd;}

.liuyan .ly_cur{width: 250px;height: 280px;overflow: hidden;margin: auto;}
.liuyan .ly_cur ul li{width: 250px;height: 40px;overflow: hidden;margin-bottom: 15px;background: #465c73;position: relative;}
.liuyan .ly_cur ul li span{width: 60px;height: 40px;overflow: hidden;line-height: 40px;text-align: center;color: #8cb7e5;font-size: 12px;float: left;}
.liuyan .ly_cur ul li .txt{display: block;width: 190px;border: 0;background: none;height: 40px;line-height: 40px;position: absolute;right: 0;top: 0;overflow: hidden;}
.liuyan .ly_cur ul .yy{height: 120px;}
.liuyan .ly_cur ul .yy .area{height: 120px;display: block;position: absolute;right: 0;top: 0;line-height: 20px;width: 190px;overflow: hidden;border: 0;background: none;padding: 0;margin: 0;}
.liuyan .ly_cur ul .sbit{background: none;width: 210px;padding: 0 20px;}
.liuyan .ly_cur ul .sbit .tj{float: left;}
.liuyan .ly_cur ul .sbit .cz{float: right;}

/*友情链接*/
.yq{width: 100%;max-width: 1920px;margin:auto;overflow: hidden;background:#e9e9e9;padding: 15px 0;}
.yq .yq_1{width:1100px;margin:0 auto;overflow:hidden;}
.yq .yq_1 .jj{width:85px;float:left;overflow:hidden;line-height:30px;color:#666;font-size:14px;font-weight: bold;}
.yq .yq_1 .jj_2{width:1000px;float:right;overflow:hidden;}
.yq .yq_1 .jj_2 ul li{float:left;margin-right: 10px;height:30px;overflow:hidden;line-height:30px;}
.yq .yq_1 .jj_2 ul li a{color:#666;}
.yq .yq_1 .jj_2 ul li a:hover{color:#006ada;}

/*底部版权信息*/
.foot{width: 100%;max-width: 1920px;background:#2e3d4d;overflow:hidden;margin: 0 auto;}
.foot .ff{margin:auto; width:1100px;overflow:hidden;}
.foot .ff .dh_left{width:350px;float:left; overflow:hidden;}
.foot .ff .dh_left .kk{height:30px;line-height:30px;margin:20px 0 15px;overflow: hidden;}
.foot .ff .dh_left .kk p{color:#FFF;font-size:14px;font-weight: bold;}
.foot .ff .dh_left .kk_list{height:150px;overflow:hidden;}
.foot .ff .dh_left .kk_list ul li{width:90px;float:left;height:30px;line-height:30px;margin-right:20px;overflow:hidden;}
.foot .ff .dh_left .kk_list ul li a{color:#ccc;}
.foot .ff .dh_left .kk_list ul li a:hover{ color:#fff;}

.foot .ff .dh_right{width:745px;float:right; overflow:hidden;border-left: 1px solid #171e26;position: relative;}
.foot .ff .dh_right .hh{width:680px;height:30px;overflow:hidden;padding: 8px 0 15px 64px;border-left: 1px solid #506a86;color: #ccc;}
.foot .ff .dh_right .hh a{color:#fff;font-size:12px;line-height:30px;}

.foot .ff .dh_right .dz{width:680px;line-height:20px;color:#ccc;overflow:hidden;padding: 0 0 30px 64px;border-left: 1px solid #506a86;}
.foot .ff .dh_right .dz a{ color:#fff;}

.foot .ff .dh_right .dbewm{overflow: hidden;position: absolute;right: 50px;top: 100px;}
.foot .ff .dh_right .dbewm div{overflow: hidden;width: 100px;float: right;margin-left: 10px;text-align: center;}
.foot .ff .dh_right .dbewm div p{overflow: hidden;width: 100px;height: 100px;}
.foot .ff .dh_right .dbewm div p img{width: 100px;height: 100px;}
.foot .ff .dh_right .dbewm div span{overflow: hidden;width: 100px;height: 30px;display: block;line-height: 30px;color: #ccc;font-size: 12px;}




/* banner */
/* .bannerpic{padding-bottom: 650px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 45%;}
} */

/* title */
/* .home_title{text-align: center;line-height: 1;padding-bottom: 30px;position: relative;z-index: 5;}
.home_title p{font-size: 40px;font-weight: 600;}
.home_title span{display: block;width: 250px;height: 20px;background: url(../images/icon4.png) center no-repeat;margin: 20px auto;position: relative;}
.home_title span::after,
.home_title span::before{content: "";width: 100px;height: 1px;background: #ccc;position: absolute;top: 7px;right: 0;}
.home_title span::before{left: 0;}

.home_title.title2 p a{color: #fff;}
.home_title.title2 p a:hover{letter-spacing: 1px;}
.home_title.title2 span{background-image: url(../images/icon5.png);}
.home_title.title2 span::before,
.home_title.title2 span::after{background: rgba(255,255,255,.5);}



@media only screen and (max-width:1250px){
.home_title{padding-bottom: 25px;}
.home_title p{font-size: 36px;}
}
@media only screen and (max-width:1024px){
.home_title{padding-bottom: 20px;}
.home_title p{font-size: 30px;}
.home_title span{margin: 15px auto;}
}
@media only screen and (max-width:768px){
.home_title{padding-bottom: 15px;}
}
@media only screen and (max-width:480px){
.home_title{padding-bottom: 10px;}
.home_title p{font-size: 25px;}
.home_title span{width: 210px;}
.home_title span::after,
.home_title span::before{width: 80px;}
} */

/* telbox */
/* .productshow .telbox{padding: 15px 0;}
.productshow .telbox .txt{width: 69%;float: left;padding: 20px 0 20px 230px;position: relative;}
.productshow .telbox .txt strong{display: block;font-size: 32px;color: #0056b3;white-space: nowrap;line-height: 40px;}
.productshow .telbox .txt p{overflow: hidden;padding-top: 10px;line-height: 30px;}
.productshow .telbox .txt p span{font-size: 18px;float: left;padding-left: 20px;background: url(../images/icon7.png) left center no-repeat;margin-right: 40px;}
.productshow .telbox .txt p span:nth-child(3){margin: 0;}
.productshow .telbox .tit{width: 190px;font-size: 24px;line-height: 60px;color: #fff;text-align: center;padding-right: 25px;background: url(../images/icon6.png) right center no-repeat;background-size: auto 100%;border-radius: 5px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}

.productshow .telbox .tel{max-width: 30%;float: right;text-align: center;padding: 0 20px;}
.productshow .telbox .tel em{display: block;width: 100%;height: 30px;background: url(../images/icon8.png) center no-repeat;background-size: auto 100%;}
.productshow .telbox .tel p{font-size: 30px;color: #0056b3;line-height: 25px;padding: 15px 0;white-space: nowrap;}
.productshow .telbox .tel a{width: 110px;font-size: 15px;font-weight: 600;color: #fff;line-height: 1;padding: 10px;text-align: center;background: #0056b3;border-radius: 20px;margin: 0 auto;display: none;}
.productshow .telbox .tel a.L{display: block;}
.productshow .telbox .tel a:hover{background: #c34;}

@media only screen and (max-width:1440px){
.productshow .probox ul li .txt em{padding-top: 2%;}
.productshow .telbox{padding: 50px 0;}
}
@media only screen and (max-width:1250px){
.productshow .telbox{padding: 40px 0;}
.productshow .telbox .txt{padding-left: 190px;}
.productshow .telbox .txt strong{font-size: 30px;}
.productshow .telbox .txt p span{font-size: 18px;margin-right: 30px;}
.productshow .telbox .tit{width: 160px;font-size: 20px;font-weight: 600;line-height: 54px;padding-right: 15px;}
.productshow .telbox .tel{padding: 0 10px;}
}
@media only screen and (max-width:1024px){
.productshow .telbox{padding: 30px 0;}
.productshow .telbox .txt{padding-left: 0;width: 67%;}
.productshow .telbox .txt strong{font-size: 30px;}
.productshow .telbox .txt p span{font-size: 18px;margin-right: 30px;}
.productshow .telbox .tit{display: none;}
.productshow .telbox .tel{max-width: 32%;}
.productshow .telbox .tel a.L{display: none;}
.productshow .telbox .tel a.S{display: block;}
}
@media only screen and (max-width:768px){
.productshow .telbox .txt{padding: 0;width: 100%;text-align: center;}
.productshow .telbox .txt p span{display: inline-block;float: none;}
.productshow .telbox .tel{width: 100%;max-width: 100%;padding-top: 10px;}
.productshow .telbox .tel em{display: none;}
.productshow .telbox .tel p{display: inline-block;padding-left: 40px;background: url(../images/icon8.png) left center no-repeat;}
}
@media only screen and (max-width:600px){
.productshow .telbox .txt{padding: 0;}
.productshow .telbox .txt strong{font-size: 28px;}
.productshow .telbox .txt p span{margin-right: 20px;}
.productshow .telbox .tel{padding-top: 5px;}
}
@media only screen and (max-width:480px){
.productshow .telbox{padding: 35px 0;}
.productshow .telbox .txt strong{font-size: 25px;line-height: 30px;}
.productshow .telbox .txt p span{font-size: 16px;margin-right: 15px;}
.productshow .telbox .tel{padding-top: 5px;}
}
@media only screen and (max-width:425px){
.productshow .telbox{padding: 30px 0;}
.productshow .telbox .txt strong{font-size: 24px;}
.productshow .telbox .txt p span{font-size: 15px;margin-right: 10px;}
.productshow .telbox .tel{padding-top: 5px;}
.productshow .telbox .tel p{padding: 10px 0 10px 40px;}
} */

/* product */
/* .productbox{padding: 15px 0;}
.productbox .clalist{width: 100%;padding-bottom: 50px;position: relative;z-index: 9;}
.productbox .clalist ul{margin: 0 -5px;flex-wrap: wrap;justify-content: center;}
.productbox .clalist ul li{width: 12.5%;float: left;flex-shrink: 0;text-align: center;padding: 0 5px 10px;position: relative;z-index: 1;}
.productbox .clalist ul li a{display: block;font-size: 15px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .clalist ul li .f1 a{border: 1px solid rgba(255,255,255,.5);line-height: 25px;font-weight: 600;padding: 9px 5px;}

.productbox .clalist ul li dl{width: 100%;padding: 0 5px;opacity: 1;position: absolute;left: 0;top: 100%;}
.productbox .clalist ul li dl .f2 a{height: 0;line-height: 20px;padding: 0 5px;border-bottom: 0 solid #0056b3;background: #1b73b3;}
.productbox .clalist ul li dl .f2 a:hover{background: #c34;}

.productbox .clalist ul li:hover{z-index: 5;}
.productbox .clalist ul li:hover .f1 a{background: #fff;color: #c34;border-color: #fff;}
.productbox .clalist ul li:hover dl{opacity: 1;margin-top: -5px;}
.productbox .clalist ul li:hover dl .f2 a{height: 41px;border-bottom-width: 1px;padding: 10px 5px;}

.productbox .prolist{width: 100%;padding: 20px 20px 0;background: #fff;position: relative;z-index: 5;}
.productbox .prolist ul{margin: 1px -4px 0 1px;flex-wrap: wrap;}
.productbox .prolist ul li{width: 25%;float: left;flex-shrink: 0;text-align: center;margin: -1px 0 0 -1px;position: relative;z-index: 1;}
.productbox .prolist ul li.li_9{display: none;}
.productbox .prolist ul li a{display: block;width: 100%;height: 100%;border: 1px solid #ddd;padding: 14px;background: #fff;}
.productbox .prolist ul li .pic{width: 100%;padding: 4px;background: #fff;}
.productbox .prolist ul li .pic em{width: 100%;height: 0;padding-bottom: 100%;display: block;position: relative;}
.productbox .prolist ul li .pic img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.productbox .prolist ul li .txt{padding: 5px 0;}
.productbox .prolist ul li .txt h3{display: block;font-size: 15px;font-weight: 600;padding: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .prolist ul li .txt p{color: #808080;}

.productbox .prolist ul li:hover{z-index: 5;}
.productbox .prolist ul li:hover a{background: #0056b3;border-color: #0056b3;color: #fff;}
.productbox .prolist ul li:hover .txt p{color: #fff;}

.productbox .probg{width: 100%;padding-bottom: 500px;background: #0056b3 url(../images/bg2.jpg) center bottom no-repeat;position: absolute;left: 0;top: 0;z-index: 0;}

@media only screen and (max-width:1440px){
.productbox{padding: 30px 0;}
}
@media only screen and (max-width:1250px){
.productbox{padding: 30px 0;}
.productbox .clalist{padding-bottom: 45px;}
.productbox .clalist ul li{width: 16.666%;}
.productbox .prolist{padding: 15px 15px 0;}
.productbox .prolist ul li a{padding: 10px;}
.productbox .prolist ul li .txt h3{padding: 5px 0;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 30px 0;}
.productbox .clalist{padding-bottom: 35px;}
.productbox .clalist ul li{width: 20%;}
.productbox .prolist{padding: 15px 15px 0;}
.productbox .prolist ul{margin-right: -3px;}
.productbox .prolist ul li{width: 33.333%;}
.productbox .prolist ul li.li_9{display: block;}
.productbox .prolist ul li a{padding: 15px;}
.productbox .prolist ul li .txt h3{padding: 10px 0;}
}
@media only screen and (max-width:768px){
.productbox{padding: 30px 0;}
.productbox .clalist{padding-bottom: 30px;}
.productbox .clalist ul li{width: 25%;}
.productbox .prolist ul{margin-right: -2px;}
.productbox .prolist ul li{width: 50%;}
.productbox .prolist ul li.li_9{display: none;}
.productbox .prolist ul li a{padding: 10px;}
.productbox .prolist ul li .txt h3{padding: 5px 0;}
}
@media only screen and (max-width:640px){
.productbox .clalist ul{margin: 0 -3px;}
.productbox .clalist ul li{width: 33.333%;padding: 0 3px 5px;}
.productbox .clalist ul li dl{padding: 0 3px;}
}
@media only screen and (max-width:480px){
.productbox{padding: 30px 0;}
.productbox .clalist ul li{width: 50%;}
.productbox .prolist{padding: 10px 10px 0;}
.productbox .prolist ul li a{padding: 5px;}
.productbox .prolist ul li .txt h3{padding: 5px 0;}
.productbox .prolist ul li .txt p{display: none;}
}
@media only screen and (max-width:360px){
.productbox .prolist ul li .txt h3{font-size: 14px;}
} */

/* video */
/* .videobox{padding-bottom: 70px;}
.videobox .list{padding-bottom: 45px;}
.videobox ul{padding-bottom: 15px;}
.videobox ul li{width: 33.333%;float: left;flex-shrink: 0;text-align: center;}
.videobox ul li div{width: 100%;height: 100%;overflow: hidden;position: relative;}
.videobox ul li div::after{content: "";width: 0;height: 1px;background: #1b73b3;position: absolute;bottom: 0;right: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.videobox ul li div p{width: 100%;background: #000;overflow: hidden;cursor: pointer;border: 5px solid #000;position: relative;}
.videobox ul li div p em{padding-bottom: 66%;}
.videobox ul li div p .videoed{width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;margin: -25px;}
.videobox ul li div h3{display: block;font-size: 16px;line-height: 25px;padding: 12px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px solid #ddd;}

.videobox .swiper-pagination{display: none;}
.videobox .list ul{padding: 0;}
.videobox .list .swiper-pagination{display: block;}

.videobox ul li:hover div::after{width: 100%;left: 0;right: auto;}
.videobox ul li:hover div h3{color: #0056b3;}

@media only screen and (max-width:1440px){
.videobox{padding-bottom: 65px;}
.videobox ul{padding-bottom: 10px;}
}
@media only screen and (max-width:1250px){
.videobox{padding-bottom: 60px;}
}
@media only screen and (max-width:1024px){
.videobox{padding-bottom: 55px;}
.videobox .list{padding-bottom: 40px;}
.videobox ul{padding-bottom: 5px;}
.videobox ul li div h3{font-size: 15px;}
}
@media only screen and (max-width:768px){
.videobox{padding-bottom: 50px;}
}
@media only screen and (max-width:480px){
.videobox{padding-bottom: 45px;}
.videobox .list{padding-bottom: 35px;}
}
@media only screen and (max-width:425px){
.videobox{padding-bottom: 40px;}
} */

/* company */
/* .companybox{padding: 80px 0;background: #0056b3 url(../images/bg3.jpg) center bottom no-repeat;}
.companybox .txtbox{width: 48%;max-width: 660px;float: left;padding: 10px 0;}
.companybox .txtbox .titl{float: left;font-size: 35px;font-weight: 600;line-height: 1;position: relative;padding-bottom: 3px;}
.companybox .txtbox .titl em{display: block;font-size: 45px;color: rgba(20,145,205,.5);text-transform: uppercase;font-style: normal;}
.companybox .txtbox .titl a{display: block;color: #1bb5dd;padding: 5px 0 17px;background-image: linear-gradient(#26edff , #1593ce , #0056b3);-webkit-background-clip: text;}
.companybox .txtbox .titl span{width: 2em;height: 3px;background: #148fcc;position: absolute;left: 0;bottom: 0;}
.companybox .txtbox .titl:hover span{width: 100%;}
.companybox .txtbox .text{width: 100%;height: 10em;float: left;margin: 30px 0;font-size: 16px;color: #fff;line-height: 2;overflow: hidden;text-indent: 32px;}
.companybox .txtbox .list{width: 100%;float: left;}
.companybox .txtbox .list div{margin: 0 -10px;overflow: hidden;flex-wrap: nowrap;}
.companybox .txtbox .list p{width: 25%;max-width: 110px;padding: 0 10px;text-align: center;float: left;flex-shrink: 0;}
.companybox .txtbox .list p a{display: block;width: 100%;font-size: 16px;font-weight: 600;color: #fff;line-height: 28px;padding: 62px 5px 10px;background: url(../images/jj_icon9.png) center no-repeat;background-size: 100% 100%;position: relative;}
.companybox .txtbox .list p img{height: 100%;}
.companybox .txtbox .list p em,
.companybox .txtbox .list p span{width: 100%;height: 50px;position: absolute;left: 0;top: 12px;opacity: 0;}
.companybox .txtbox .list p em{opacity: 1;}
.companybox .txtbox .list p:hover a{background-image: url(../images/jj_icon10.png);}
.companybox .txtbox .list p:hover em{opacity: 0;}
.companybox .txtbox .list p:hover span{opacity: 1;}

.companybox .horbox{width: 50%;max-width: 700px;float: right;}
.companybox .horbox ul{width: 100%;overflow: hidden;position: relative;}
.companybox .horbox ul li{width: 49.5%;float: left;margin: 0 1% .6% 0;}
.companybox .horbox ul li a{display: block;width: 100%;height: 100%;}
.companybox .horbox ul li p{width: 100%;}
.companybox .horbox ul li p img{max-width: 100%;max-height: 100%;}
.companybox .horbox ul li.li_3{margin: 0;position: absolute;right: 0;top: 18px;}
.companybox .horbox ul li.li_4{display: none;}

@media only screen and (max-width:1440px){
.companybox{padding: 70px 0;}
.companybox .txtbox{padding: 0;}
.companybox .txtbox .text{margin: 25px 0;}
}
@media only screen and (max-width:1250px){
.companybox{padding: 65px 0;}
.companybox .txtbox{width: 60%;max-width: 750px;padding: 10px 0;}
.companybox .txtbox .text{margin: 30px 0;}
.companybox .horbox{width: 35%;max-width: 350px;}
.companybox .horbox ul li{width: 100%;margin: 0 0 5px;}
.companybox .horbox ul li.li_3{display: none;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 60px 0;}
.companybox .txtbox{width: 63%;padding: 0;}
.companybox .txtbox .titl{font-size: 30px;}
.companybox .txtbox .titl em{font-size: 40px;}
.companybox .txtbox .titl a{padding: 3px 0 9px;}
.companybox .txtbox .text{margin: 20px 0;font-size: 15px;}
.companybox .horbox{max-width: 280px;}
}
@media only screen and (max-width:768px){
.companybox{padding: 50px 0;background-size: auto 100%;}
.companybox .txtbox{width: 100%;max-width: 100%;}
.companybox .txtbox .titl{text-align: center;width: 100%;}
.companybox .txtbox .titl em{font-size: 30px;font-size: inherit;}
.companybox .txtbox .titl a{padding: 8px 0 14px;display: inline-block;}
.companybox .txtbox .titl span{width: 2em;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.companybox .txtbox .titl:hover span{width: 3em;}
.companybox .txtbox .text{margin: 30px 0;font-size: 16px;height: auto;text-align: center;text-indent: 2em;}
.companybox .txtbox .list div{justify-content: center;margin: 0 -15px;}
.companybox .txtbox .list div p{padding: 0 15px;max-width: 120px;}
.companybox .horbox{width: 100%;max-width: 100%;padding: 45px 0 5px;}
.companybox .horbox ul{margin: 0 -3px;width: auto;}
.companybox .horbox ul li{width: 33.2%;padding: 0 3px;margin: 0;}
.companybox .horbox ul li.li_3{display: block;width: 16.8%;position: relative;right: auto;top: 6px;}
.companybox .horbox ul li.li_4{display: block;width: 16.8%;}
}
@media only screen and (max-width:600px){
.companybox .horbox{padding: 40px 0 0;}
.companybox .horbox ul li{width: 50%;padding: 3px;}
.companybox .horbox ul li.li_3,
.companybox .horbox ul li.li_4{width: 50%;top:0;}
}
@media only screen and (max-width:480px){
.companybox{padding: 45px 0;}
.companybox .txtbox .titl{font-size: 25px;}
.companybox .txtbox .titl a{padding: 7px 0 10px;}
.companybox .txtbox .titl span{height: 2px;}
.companybox .txtbox .text{margin-top: 20px;font-size: 15px;}
.companybox .txtbox .list div{margin: 0 -10px;}
.companybox .txtbox .list div p{padding: 0 10px;max-width: 110px;}
.companybox .txtbox .list div p a{font-size: 15px;}
.companybox .horbox{padding: 40px 0 0;}
.companybox .horbox ul li{width: 50%;padding: 3px;}
.companybox .horbox ul li.li_3,
.companybox .horbox ul li.li_4{width: 50%;top:0;}
}
@media only screen and (max-width:425px){
.companybox{padding: 40px 0;}
.companybox .txtbox .text{margin: 20px 0 25px;}
.companybox .txtbox .list div{margin: 0 -3px;}
.companybox .txtbox .list div p{padding: 0 3px;max-width: 87px;}
.companybox .txtbox .list div p a{line-height: 24px;padding: 58px 5px 8px;}
.companybox .txtbox .list div p em,
.companybox .txtbox .list div p span{top: 10px;}
.companybox .horbox{padding-top: 30px;}
} */

/* news */
/* 
.newsbox{padding: 75px 0;}
.newsbox .list{width: 48.5%;max-width: 690px;float: left;overflow: hidden;margin-bottom: 10px;}
.newsbox .list2{float: right;}

.newsbox .titl{width: 100%;position: relative;}
.newsbox .titl a{color: #fff;line-height: 1;position: absolute;left: 12%;top: 50%;z-index: 5;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.newsbox .titl a p{font-size: 30px;font-weight: 600;padding-left: 20px;border-left: 5px solid #fff;}
.newsbox .titl a p:hover{color: #c34;}
.newsbox .titl a span{font-size: 20px;padding: 10px 0 0 25px;display: block;}
.newsbox .titl em{display: block;width: 100%;height: 0;padding-bottom: 190px;overflow: hidden;position: relative;z-index: 1;}
.newsbox .titl em img{height: 100%;min-width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.newsbox ul{width: 100%;padding-top: 20px;}
.newsbox ul li{width: 100%;position: relative;line-height: 25px;border-bottom: 1px dotted #ccc;}
.newsbox ul li em{position: absolute;left: 0;top: 50%;margin-top: -3px;background: #ccc;width: 6px;height: 6px;border-radius: 5px;}
.newsbox ul li a{display: block;font-size: 16px;padding: 10px 80px 10px 15px;}
.newsbox ul li span{color: #999;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}

@media only screen and (max-width:1440px){
.newsbox{padding: 65px 0;}
.newsbox .titl em{padding-bottom: 27%;}
}
@media only screen and (max-width:1250px){
.newsbox{padding: 60px 0;}
}
@media only screen and (max-width:1024px){
.newsbox{padding: 55px 0;}
.newsbox .list{margin-bottom: 5px;}
.newsbox .titl a p{font-size: 24px;padding-left: 15px;border-left-width: 4px;}
.newsbox .titl a span{font-size: 16px;padding: 9px 0 0 20px;}
.newsbox .titl em{padding-bottom: 30%;}
.newsbox ul{padding-top: 15px;}
.newsbox ul li a{font-size: 15px;}
}
@media only screen and (max-width:768px){
.newsbox{padding: 50px 0;}
.newsbox .titl a{left: 10%;}
.newsbox .titl a p{font-size: 30px;padding-left: 20px;border-left-width: 5px;}
.newsbox .titl a span{font-size: 20px;padding: 10px 0 0 25px;}
.newsbox .titl em{padding-bottom: 25%;}
.newsbox .list{width: 100%;max-width: 100%;margin: 0;}
.newsbox .list2{padding-top: 35px;}
}
@media only screen and (max-width:600px){
.newsbox .titl a p{font-size: 24px;padding-left: 15px;border-left-width: 4px;}
.newsbox .titl a span{font-size: 16px;padding: 9px 0 0 20px;}
.newsbox .titl em{padding-bottom: 28%;}
.newsbox ul{padding-top: 15px;}
.newsbox .list2{padding-top: 30px;}
}
@media only screen and (max-width:480px){
.newsbox{padding: 45px 0;}
.newsbox .list2{padding-top: 25px;}
}
@media only screen and (max-width:425px){
.newsbox .titl a p{font-size: 20px;padding-left: 12px;border-left-width: 3px;}
.newsbox .titl a span{font-size: 15px;padding: 5px 0 0 15px;}
.newsbox .titl em{padding-bottom: 30%;}
.newsbox ul{padding-top: 10px;}
.newsbox ul li a{padding-right: 0;line-height: 20px;}
.newsbox ul li span{display: none;}
}
 */

 /* news */
/* .newsbox{padding: 85px 0 60px;}
.newslist{width: 48.5%;float: left;}
.newslist2{float: right;}
.newslist .titl{width: 100%;padding: 15px 0 20px;font-size: 20px;font-weight: 600;line-height: 30px;overflow: hidden;}
.newslist .titl p{float: left;padding: 5px 0;}
.newslist .titl span{display: block;width: 21px;height: 21px;border: 1px solid #1b73b3;border-radius: 50%;position: relative;}
.newslist .titl span::before{content: "";width: 11px;height: 11px;border-radius: 50%;background: #1b73b3;position: absolute;left: 4px;top: 4px;}
.newslist .titl span::after{content: "";width: 25px;height: 3px;background: #1b73b3;left: 50%;top: 8px;position: absolute;}
.newslist .titl a{display: block;float: left;padding-left: 25px;}

.newslist .list1{padding: 20px 0 0;}
.newslist .list1 ul li{width: 100%;background: #fafafa;border-radius: 30px;box-shadow: 0 3px 10px rgba(128,128,128,.3);padding: 3% 3.5%;overflow: hidden;margin-bottom: 40px;}
.newslist .list1 ul li .pic{float: left;width: 36%;border-radius: 20px;overflow: hidden;background: #f2f2f2;}
.newslist .list1 ul li .pic a{padding-bottom: 210px;}
.newslist .list1 ul li .pic img{height: 100%;min-width: 100%;max-width: none;}
.newslist .list1 ul li .con{width: 60%;float: right;overflow: hidden;}
.newslist .list1 ul li .tit{width: 100%;padding: 15px 0;font-size: 17px;font-weight: 600;}
.newslist .list1 ul li .tit a{line-height: 30px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist .list1 ul li .txt{width: 100%;font-size: 15px;line-height: 2;color: #808080;font-weight: 600;height: 100px;overflow: hidden;}
.newslist .list1 ul li .txt br,
.newslist .list1 ul li .txt table,
.newslist .list1 ul li .txt img{display: none;}
.newslist .list1 ul li .time{width: 60%;float: left;font-size: 15px;color: #999;line-height: 30px;padding-top: 15px;font-weight: 600;}
.newslist .list1 ul li .more{width: 60px;float: right;padding-top: 10px;}
.newslist .list1 ul li .more a{display: block;width: 100%;border-radius: 10px;background:#1b73b3;color: #fff;line-height: 35px;text-align: center;}
.newslist .list1 ul li .more a:hover{background: #ff9600;}
.newslist .list1 ul li:hover .tit a{color: #1b73b3;}
.newslist .list1 ul li .tit a:hover{color: #ff9600;}

.newslist .list2{margin-top: -5px;}
.newslist .list2 ul li{width: 100%;padding: 10px 100px 10px 40px;position: relative;overflow: hidden;font-size: 16px;}
.newslist .list2 ul li::before{content: "";width: 20px;height: 20px;border-radius: 50px;position: absolute;left: 5px;top: 50%;margin-top: -10px;border: 1px solid #1b73b3;}
.newslist .list2 ul li::after{content: "";width: 10px;height: 10px;border-radius: 50px;position: absolute;left: 10px;top: 50%;margin-top: -5px;background: #1b73b3;}
.newslist .list2 ul li a{width: 100%;display: block;float: left;line-height: 36px;font-weight: 600;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist .list2 ul li span{display: block;max-width: 95px;position: absolute;right: 10px;top: 10px;line-height: 36px;color: #999;}
.newslist .list2 ul li a:hover{color: #1b73b3;}

@media only screen and (max-width:1440px){
.newsbox{padding: 65px 0 50px;}
.newslist .titl{padding: 10px 0 15px;}
.newslist .list1 ul li{border-radius: 20px;}
.newslist .list1 ul li .pic{border-radius: 15px;}
.newslist .list1 ul li .pic a{padding-bottom: 180px;}
.newslist .list1 ul li .tit{padding: 10px 0;font-size: 16px;}
.newslist .list1 ul li .txt{line-height: 30px;height: 90px;}
.newslist .list1 ul li .time{padding-top: 10px;}
.newslist .list1 ul li .more{padding-top: 5px;}
}
@media only screen and (max-width:1200px){
.newsbox{padding: 50px 0;}
.newslist .titl{padding: 0 0 10px;}
.newslist .list1 ul li{margin-bottom: 30px;}
.newslist .list1 ul li .pic a{padding-bottom: 160px;}
.newslist .list1 ul li .tit{padding: 10px 0 5px;font-size: 15px;}
.newslist .list1 ul li .txt{line-height: 25px;height: 75px;font-size: 14px;}
.newslist .list1 ul li .time{font-size: 15px;}
.newslist .list1 ul li .more{padding-top: 10px;width: 50px;}
.newslist .list1 ul li .more a{font-size: 16px;line-height: 30px;}
.newslist .list2{margin: 0;}
.newslist .list2 ul li{padding: 5px 100px 5px 40px;}
}
@media only screen and (max-width:1024px){
.newsbox{padding: 45px 0 40px;}
.newslist .list1 ul li{border-radius: 15px;}
.newslist .list1 ul li .pic{border-radius: 10px;width: 100%;}
.newslist .list1 ul li .pic a{padding-bottom: 200px;}
.newslist .list1 ul li .con{width: 100%;padding: 5px;}
.newslist .list2{margin: 0;}
.newslist .list2 ul li{padding: 5px 90px 5px 40px;font-size: 15px;}
.newslist .list2 ul li span{top: 5px;}
}
@media only screen and (max-width:768px){
.newslist{width: 100%;}
.newslist2{padding-top: 35px;}
.newslist .list1 ul li{border-radius: 10px;}
.newslist .list1 ul li .pic{border-radius: 5px;}
.newslist .list1 ul li .pic a{padding-bottom: 250px;}
.newslist .list1 ul li .txt{height: auto;}
.newslist .list2{margin: 0;}
.newslist .list2 ul li{padding: 5px 90px 5px 40px;font-size: 15px;}
.newslist .list2 ul li span{top: 5px;}
}
@media only screen and (max-width:425px){
.newsbox{padding: 40px 0;}
.newslist .list1 ul li .pic a{padding-bottom: 200px;}
.newslist .list1 ul li .txt{height: auto;}
.newslist .list2{margin-top: -5px;}
.newslist .list2 ul li{padding: 0 90px 0 40px;}
} */



/* advantage */
/* .advantagebox{padding: 100px 0;background: url(../images/bg9.jpg) center bottom no-repeat;background-attachment: fixed;}
.advantagebox ul{margin: 0 -20px;}
.advantagebox ul li{width: 16.666%;float: left;flex-shrink: 0;text-align: center;padding: 20px;}
.advantagebox ul li div{background: #1b73b3;cursor: pointer;padding: 20% 5px 15%;border-radius: 5px;color: #fff;}
.advantagebox ul li:hover div{background: #fa0;}
.advantagebox ul li em{display: block;width: 100%;height: 50px;position: relative;z-index: 5;}
.advantagebox ul li em img{position: relative;z-index: -1;}
.advantagebox ul li p{font-size: 24px;line-height: 30px;padding: 15% 0 5px;}
.advantagebox ul li span{height: 20px;line-height: 16px;display: block;width: 100%;}

@media only screen and (max-width:1640px){
.advantagebox{padding: 90px 0;}
.advantagebox ul{margin: 0 -10px;}
.advantagebox ul li{padding: 10px;}
}
@media only screen and (max-width:1440px){
.advantagebox{padding: 80px 0;background-size: 100% auto;}
.advantagebox ul li p{padding-top: 12%;}
}
@media only screen and (max-width:1250px){
.advantagebox{padding: 70px 0;}
.advantagebox ul{margin: 0 -5px;}
.advantagebox ul li{padding: 5px;}
.advantagebox ul li p{font-size: 21px;}
.advantagebox ul li span{font-size: 13px;}
}
@media only screen and (max-width:1024px){
.advantagebox{padding: 60px 0;background-size: auto 130%;background-attachment: unset;background-position: center;}
.advantagebox ul{flex-wrap: wrap;margin: 0 -1%;}
.advantagebox ul li{width: 33.333%;padding: 1%;}
.advantagebox ul li p{padding-top: 15%;}
.advantagebox ul li p{font-size: 24px;}
.advantagebox ul li span{font-size: 14px;}
}
@media only screen and (max-width:768px){
.advantagebox{padding: 50px 0;}
}
@media only screen and (max-width:640px){
.advantagebox ul{margin: 0 -2px;}
.advantagebox ul li{padding: 2px;}
.advantagebox ul li div{padding: 16% 5px 11%;border-radius: 3px;}
.advantagebox ul li p{padding-top: 12%;font-size: 21px;}
.advantagebox ul li span{font-size: 13px;}
}
@media only screen and (max-width:480px){
.advantagebox{padding: 40px 0;}
.advantagebox ul li{width: 50%;}
} */

/* case */
/* .casebox{padding-top: 90px;}
.caselist{padding: 20px 0 100px;}
.caselist ul li{width: 33.33%;}
.caselist ul li div{width: 100%;padding-bottom: 370px;position: relative;overflow: hidden;}
.caselist ul li .pic{width: 86%;position: absolute;left: 7%;border-radius: 20px;overflow: hidden;top: 0;z-index: 5;}
.caselist ul li .pic a{display: block;width: 100%;position: relative;height: 0;padding-bottom: 250px;}
.caselist ul li .pic a::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.caselist ul li .pic img{width: 100%;min-height: 100%;max-height: none;z-index: 1;}
.caselist ul li .txt{width: 100%;position: absolute;left: 0;bottom: 0;height: 280px;background: #f2f2f2;border-radius: 20px;z-index: 4;padding: 170px 8% 15px;font-weight: 600;overflow: hidden;}
.caselist ul li .txt span,
.caselist ul li .txt em{display: block;width: 80%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transition: .5s;transition: .5s;}
.caselist ul li .txt span{font-size: 16px;line-height: 42px;}
.caselist ul li .txt em{line-height: 24px;color: #808080;font-style: normal;}
.caselist ul li .txt a{display: block;width: 18%;max-width:75px;float: right;text-transform: uppercase;color: #808080;text-align: center;line-height: 24px;border-radius: 12px;font-weight: normal;}
.caselist ul li:hover .txt{background: #1b73b3;}
.caselist ul li:hover .txt em,
.caselist ul li:hover .txt span,
.caselist ul li:hover .txt a{color: #fff;}
.caselist ul li .txt a:hover{background: #ff9600;}

.caselist .btn{width: 100%;position: absolute;left: 0;bottom: 0;display: flex;flex-wrap: nowrap;justify-content: center;}
.caselist .btn .iconfont{position: relative;width: 50px;height: 50px;top: 0;margin: 0 5px;background: none;color: #999;line-height: 50px;font-size: 48px;right: auto;left: auto;}
.caselist .btn .iconfont:hover{color: #1b73b3;}
.caselist .btn .pagination2{position: relative;height: 50px;padding: 10px 0;}
.caselist .btn .pagination2 span{width: 30px;height: 30px;margin: 0 5px;border-width: 6px;}

@media only screen and (max-width:1440px){
.casebox{padding-top: 80px;}
.caselist{padding: 0 0 90px;}
}
@media only screen and (max-width:1200px){
.casebox{padding-top: 70px;}
.caselist{padding-bottom: 80px;}
.caselist ul li div{padding-bottom: 320px;}
.caselist ul li .pic{width: 90%;left: 5%;}
.caselist ul li .pic a{padding-bottom: 210px;}
.caselist ul li .txt{height: 225px;padding: 125px 6% 10px;}
.caselist ul li .txt span{line-height: 35px;}
.caselist ul li .txt a{font-size: 13px;}
}
@media only screen and (max-width:1024px){
.casebox{padding-top: 60px;}
.caselist .btn .pagination2 span{margin: 0;border-width: 7px;}
}
@media only screen and (max-width:768px){
.casebox{padding-top: 50px;}
.caselist ul li div{padding: 0;border-radius: 10px;}
.caselist ul li .pic{width: 100%;left: 0;position: relative;border-radius: 0;}
.caselist ul li .pic a{padding-bottom: 75%;}
.caselist ul li .txt{position: relative;border-radius: 0;padding: 5px 5% 20px;height: auto;text-align: center;}
.caselist ul li .txt span{width: 100%;float: none;line-height: 40px;font-size: 15px;}
.caselist ul li .txt em{display: none;}
.caselist ul li .txt a{line-height: 30px;padding: 0 25px;border-radius: 15px;float: none;margin: 0 auto;max-width: none;width: auto;display: inline-block;background: #0056b3;color: #fff;}
.caselist ul li:hover .txt a{background: #ff9600;}
}
@media only screen and (max-width:480px){
.casebox{padding: 40px 0 10px;}
.caselist{padding-bottom: 65px;}
.caselist ul li .txt{padding: 5px 3% 15px;}
.caselist ul li .txt span{line-height: 40px;}
.caselist ul li:hover .txt a{background: #ff9600;}
.caselist .btn .iconfont{width: 40px;height: 40px;line-height: 40px;font-size: 38px;margin: 0;}
.caselist .btn .pagination2{height: 40px;padding: 8px 0;}
.caselist .btn .pagination2 span{width: 24px;height: 24px;border-width: 5px;margin: 0 3px;}
} */


/* contact */
/* .contactbox{background: #f5f5f5 url(../images/bg4.jpg) center bottom no-repeat;}
.contactbox .title{width: 100%;padding-bottom: 40px;overflow: hidden;line-height: 1;}
.contactbox .title p{float: left;font-size: 30px;font-weight: 600;color: #0056b3;padding-left: 15px;border-left: 5px solid #0056b3;}
.contactbox .title a{float: right;width: 30px;height: 30px;border: 2px solid #ccc;background: url(../images/icon9.png) center no-repeat;}
.contactbox .title a:hover{border-color: #c34;background-color: #c34;background-image: url(../images/icon10.png);}

.contactbox .txtbox{width: 58%;float: left;flex-shrink: 0;}
.contactbox .txtbox .titl{padding: 60px 0 20px;font-size: 25px;color: #0056b3;line-height: 1;float: left;position: relative;}
.contactbox .txtbox .titl em{width: 2em;height: 2px;background: #0056b3;position: absolute;left: 0;bottom: 0;}
.contactbox .txtbox:hover .titl em{width: 100%;}

.contactbox .txtbox .text{width: 100%;float: left;padding: 25px 5% 50px 0;}
.contactbox .txtbox .text p{font-size: 16px;color: #454545;line-height: 24px;padding: 8px 0;}

#order{width: 42%;float: right;background: #fff;padding: 0 3.5%;flex-shrink: 0;}
#order .title p{color: #fff;border-color: #fff;}
#order .title a{border-color: #fff;background-image: url(../images/icon10.png);}
#order .title a:hover{background-color: #fff;background-image: url(../images/icon11.png);}

#order ul{width: 100%;height: 100%;padding: 40px 35px;background: #0056b3 url(../images/bg5.jpg) center bottom no-repeat;}
#order ul li{width: 100%;margin-bottom: 10px;position: relative;}
#order ul li .red{width: 14px;font-size: 16px;color: #f66;position: absolute;right: 0;top: 50%;margin-top: -7px;}
#order ul li .txt{display: block;width: 100%;background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.5);border-radius: 5px;line-height: 18px;padding: 10px 14px;color: #fff;}
#order ul li .txt::-webkit-input-placeholder{color: rgba(255,255,255,.75);}
#order ul li .txt:-moz-placeholder{color: rgba(255,255,255,.75);}
#order ul li .txt::-moz-placeholder{color: rgba(255,255,255,.75);}
#order ul li .txt:-ms-input-placeholder{color: rgba(255,255,255,.75);}
#order ul li.li_2 .txt{height: 120px;}
#order ul li.li_3{max-width: 250px;}
#order ul li.li_3 img{position: absolute;right: 20px;top: 50%;margin-top: -12px;background: #fff;padding: 3px;cursor: pointer;}
#order ul li.li_4{padding-top: 15px;}
#order ul li.li_4 .tj{display: block;width: 100%;font-size: 16px;font-weight: 600; color: #fff;line-height: 25px;padding: 10px;border-radius: 5px;background: #148fcc;cursor: pointer;}
#order ul li.li_4 .tj:hover{background: #f34;}

.contactbg{width: 100%;height: 70px;background: #fff;position: absolute;left: 0;top: 0;z-index: 0;}

@media only screen and (max-width:1440px){
#order{padding-right: 0;}
}
@media only screen and (max-width:1250px){
.contactbox .title{padding-bottom: 30px;}
#order ul{padding: 30px 6%;}
.contactbg{height: 60px;}
}
@media only screen and (max-width:1024px){
.contactbox .title{padding-bottom: 25px;}
.contactbox .title p{font-size: 24px;border-width: 4px;}
.contactbox .title a{width: 30px;height: 24px;border: 2px solid #ccc;}
.contactbox .txtbox{width: 55%;}
.contactbox .txtbox .titl{padding: 50px 0 15px;font-size: 20px;}
.contactbox .txtbox .titl em{height: 1px;}
.contactbox .txtbox .text{padding: 20px 5% 40px 0;}
.contactbox .txtbox .text p{padding: 5px 0;}
#order{width: 45%;padding-left: 3%;}
#order ul{padding: 25px 5%;}
#order ul li.li_2 .txt{height: 100px;}
#order ul li.li_4{padding-top: 10px;}
.contactbg{height: 49px;}
}
@media only screen and (max-width:768px){
.contactbox{background: none;}
.contactbox .title{padding-bottom: 6%;}
.contactbox .title p{font-size: 30px;border-width: 5px;}
.contactbox .title a{height: 30px;}
.contactbox .flex{flex-wrap: wrap;}
.contactbox .txtbox{width: 100%;background: #f5f5f5;padding: 7% 6% 6%;}
.contactbox .txtbox .titl{padding-top: 0;}
.contactbox .txtbox .text{padding: 20px 0 0;}
#order{width: 100%;padding: 0;}
#order ul{padding: 7% 6% 6%;}
#order ul li.li_2 .txt{height: 120px;}
#order ul li.li_4{padding-top: 15px;}
}
@media only screen and (max-width:600px){
.contactbox .title{padding-bottom: 30px;}
.contactbox .title p{font-size: 24px;border-width: 4px;}
.contactbox .title a{height: 24px;}
.contactbox .txtbox,
#order ul{padding: 40px 35px 35px;}
}
@media only screen and (max-width:480px){
.contactbox .txtbox .titl{font-size: 16px;font-weight: 600;padding-bottom: 14px;}
.contactbox .txtbox .text p{font-size: 15px;padding: 3px 0;}
.contactbox .txtbox,
#order ul{padding: 8% 6% 7%;}
}
@media only screen and (max-width:425px){
.contactbox .title{padding-bottom: 25px;}
.contactbox .title p{font-size: 20px;border-width: 3px;padding-left: 12px;}
.contactbox .title a{height: 20px;}
.contactbox .txtbox .text{padding-top: 15px;}
.contactbox .txtbox,
#order ul{padding: 25px 20px 20px;}
#order ul li.li_4{padding-bottom: 5px;}
} */

/* links */
/* .linkbox{line-height: 25px;padding: 45px 0;}
.linkbox .titl{position: absolute;left: 0;top: 0;padding: 15px 0 0 50px;line-height: 1;}
.linkbox .titl em{width: 40px;height: 40px;background: #0056b3 url(../images/icon12.png) center no-repeat;border-radius: 20px;position: absolute;left: 0;bottom: 0;}
.linkbox .titl span{display: block;font-size: 24px;color: #0056b3;text-transform: uppercase;}
.linkbox .titl p{font-size: 14px;font-weight: 600;padding: 1px 0;}

.linkbox ul{padding: 10px 0 10px 160px;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

@media only screen and (max-width:1440px){
.linkbox{padding: 40px 0;}
.linkbox ul{padding-left: 150px;}
}
@media only screen and (max-width:1250px){
.linkbox{padding: 35px 0;}
.linkbox ul{padding-left: 140px;}
}
@media only screen and (max-width:1024px){
.linkbox{padding: 30px 0;}
.linkbox ul{display: none;}
}
@media only screen and (max-width:480px){
.linkbox{padding: 25px 0;}
} */