*{margin: 0;padding: 0;}
html, body{position: relative;height: 100%;font-size: 14px;}
i,em{font-style: normal;}
li{list-style: none;}
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
img{display: block;width: 100%;}
.emptyData{padding-left:10px;line-height:36px; }
/*-----------------------------------------------------------------------------------------------------------------------*/

.banner,.banner img{width: 100%;display: block;}
.til01{text-align: center;background:url(../images/common/tilbg1.gif) no-repeat center bottom;background-size:100% 1rem;padding: 2.5rem 0 1rem;font-size: 1.8rem;font-weight: bold;color: #303030;line-height: 2.25rem;margin-bottom:1rem;}
.til01 b{display: block;width: 3.5rem;height: 2.05rem;margin:0 auto;}
.til01 em{display: block;color: #b4b3b3;font-size: 0.9rem;text-transform: uppercase;font-weight: normal;line-height: 1.2rem;font-family: Times New Roman;height: 1.9rem;}
.til01 span{display: block;color: #b4b3b3;font-size:1.2rem;font-weight: normal;line-height: 1.8rem;height:2.4rem;}
.til01 a{color: #303030;}

.goback{clear: both;display: block;height: 3.05rem;line-height: 3.05rem;text-align: center;background: #ebebeb;font-size: 1.2rem;border-radius: 0.35rem;}
.goback a{display: block;}
.goback span{display: inline-block;padding-left: 1.8rem;background:url(../images/common/ico6.gif) no-repeat 0 0.95rem;background-size: 1.4rem 1.2rem;color: #6a6a6a;}

/*~~~~~~~~~~~~~~~~~~~~~~~ 产品中心页 ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.box1{padding:1rem 3.125%;background: #ebebeb;display: block;}
.product1,.news1{background: #fff;text-align: center;padding: 1.4rem 0 0;border-bottom: solid 0.15rem #cfcfcf;margin-bottom: 1.4rem;}
.product1 h3,.news1 h3,.new_list h2{background:url(../images/common/ico1.gif) no-repeat center 0;background-size: 3.5rem 1.5rem;padding: 1.5rem 0 0;height: 6rem;font-size:1.6rem;color: #000;line-height: 3rem;text-align: center;}
.product2 h3,.news2 h3{background:url(../images/common/ico2.gif) no-repeat center 0;background-size: 3.5rem 1.5rem;}
.product1 h3 a,.news1 h3 a,.new_list h2 a{color: #000;}
.product1 h3 span{color: #fff;height:1.7rem;line-height:1.7rem;font-weight: normal;width: 18.6rem;display: block;margin:0 auto;font-size:1.2rem;background: #313131;}
.pro_gg,.pro_gg img,.news_gg dt,.news_gg dt img{width:100%;display: block;}
.pro_gg p,.news_gg dt p{width:8rem;height:6rem;display: block;position: absolute;text-align: center;right: 0;top: 0;background:url(../images/common/ico3.gif) no-repeat center 5.65rem #0057cd;padding:1.5rem 0 0;font-size:1.3rem;line-height: 1.9rem;color: #fff;}
.pro_gg p em,.news_gg dt p em{color: #1766d2;text-transform: uppercase;line-height: 1.3rem;font-size: 0.9rem;font-weight: normal;display: block;}
.pro_gg p a,.news_gg dt p a{color: #fff;}
.pro_hy{height: 3.1rem;line-height: 3.1rem;white-space: nowrap;overflow: hidden;font-size: 1.2rem;color: #6a6a6a;}
.pro_hy a{color: #6a6a6a;padding: 0 5px;}
.pro_l li,.prod_recom li,.prod_edge dl,.new_l li,.new_tjc li{width: 46%;float: left;margin: 0 0 0 3.17%;}
.new_tjc .pro_cmd,.new_tjc .pro_cmd ul{width:100%;overflow:hidden;}
.pro_l .pro_cmd,.pro_l .pro_cmd ul{width:100%;overflow:hidden;}
.prod_recom .pro_cmd,.prod_recom .pro_cmd ul{width:100%;overflow:hidden;}
.prod_recom li{margin: 0;width: 49.28%;}
.pro_l li span,.prod_recom li span,.new_l li span,.new_tjc li span{height: 4rem;line-height: 1.8rem;text-align: center;font-size: 1.1rem;color: #555353;display: block;overflow:hidden; }
.pro_l ul a:nth-child(2n) li,.prod_edge dl:nth-child(2n){margin: 0 0 0 1.67%;}
.prod_recom ul a:nth-child(2n) li{margin: 0 0 0 1.44%;}


/*~~~~~~~~~~~~~~~~~~~~~~~~ 产品列表 ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.prodtil{height: 3.3rem;line-height: 3.3rem;background: #fff;margin-bottom: 10px;display:block; width:100%;}
.prodtil h3{font-size: 1.4rem;padding: 0 4% 0 15%;color: #303030;background:url(../images/common/ico1.gif) no-repeat 3% 1rem;background-size: 3.5rem 1.5rem; height: 3.3rem;line-height: 3.3rem;}
.prodtil h3 a{color: #303030;font-weight: bold;}
.prodtil h3 span{color: #838383;float: right;font-size: 1.3rem;background:url(../images/common/ico4.gif) no-repeat right center;background-size: 0.75rem 0.45rem;padding: 0 1rem 0 0;}
.pro_cla{display: none; width: 100%;height: auto;top: 3.3rem;background: #fff;box-shadow: 0 5px 5px #eaeaea;left: 0;padding: 0.4rem 3.17%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.pro_cla li{width:50%;float: left;border-bottom: dashed 1px #5d5d5d;font-size: 1rem;color: #666;height: 3.25rem;line-height: 3.225rem;}
.pro_cla li a{color: #666;display: block;}
.pro_cla li a:hover{color: #0057cd;}
.pro_cla li:nth-child(2n){text-align: right;}

.pro_list{clear: both;background: #fff;padding:0 3.33%;}
.pro_list dl{height: 12.8rem;border-bottom: solid 1px #e5e5e5;padding: 1rem 0 0;margin-bottom:0.5rem;clear: both;}
.pro_list dl:last-child,.new_lc dl:last-child{border: 0;}
.pro_list dt{ width:50.536%; float:left;}
.pro_list dt img{ display:block; width:100%;}
.pro_list dd{ width:45.2%; float:left;padding:1.1rem 0 0 3.57%;font-size: 1rem;color: #6a6a6a;line-height:1.9rem;}
.pro_list dd h3{ font-size:1.2rem; color:#313131;line-height: 2rem;overflow:hidden; text-overflow:ellipsis;height:2rem; white-space:nowrap;  }
.pro_list dd p{height:6.1rem;overflow: hidden;}
.pro_list dd span { display:block; width:7.3rem; height:1.9rem; border-radius:0.95rem;text-align:center; line-height:1.9rem; color:#6a6a6a; font-size:1rem;background: #ebebeb;}


.page{ height:2.5rem; text-align:right;width: 58%; margin:0 auto; line-height:2.4rem; font-size:1rem; color:#6a6a6a; overflow:hidden;}
.page .prev,.page .next{padding: 0;display:inline-block;height:2.5rem;width:5.35rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; background:#fff;border: solid 1px #cfcfcf;text-align: center;color:#6a6a6a;}
.page a:hover{background:#0057cd;border: solid 1px #0057cd;color: #fff;}
.page span{padding: 0;display:inline-block;font-weight: normal;text-align: center;font-family: Arial;}
.page em{width: 2.45rem;height:2.45rem;display:inline-block;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;color:#0057cd;background:none;}
.page i{color: #545457; font-size:1.3rem;height: 2.45rem;display:inline-block;
    width: 2.45rem;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~ 产品详情 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.prodetail{background: #fff;border-bottom: solid 3px #cfcfcf;padding: 0 3.33% 2rem;display: block;}
.prodetail h2{display: block;height: 3.8rem;line-height: 3.8rem;font-size: 1.4rem;color: #303030;font-weight: bold;}

/*产品橱窗 */
.pro_window,.pro_windc,.pro_windc img{width: 100%;display: block;}
.pro_windc{width: 100%;display: block; overflow:hidden; }
.pro_windc img{width: 100%;display: block;}
.pro_windt{width: 100%;height:1rem;text-align: center;left: 0;bottom: 0;display: block;}
.pro_windt span{width:0.8rem;height:0.8rem;border-radius: 0.8rem;opacity:1;background: #ccc;margin: 0 0 0 1rem;display: inline-block;}
.pro_windt span.swiper-pagination-bullet-active{background: #0057cd;}
.pro_windt span:first-child{margin: 0;}

/*产品参数*/
.prod_param{background:url(../images/product/pro_detalbg.jpg) no-repeat center 0;background-size:100% 100%;padding: 2.8rem 5.83% 1.7rem;height: 18.5rem;font-size: 1rem;color: #666;line-height: 1.6rem;margin: 1rem 0 0;}
.prod_param ul{overflow:hidden; clear:both;display: block; height:auto;}
.prod_param li{clear: both;border-top: dashed 1px #878787;display: block;padding: 0.5rem 0 0;}
.prod_param li:first-child{border: 0;}
.prod_param li b{font-weight: normal;color: #303030;float: left;width: 19.8%;white-space: nowrap;}
.prod_param li span{float: left;width: 80.2%;padding: 0 0 0.5rem;}

/*产品详情*/
.prod_deta dl{height: 9.9rem;clear: both;margin-bottom: 0.3rem;}
.prod_deta dt{width: 49.46%;float: left;}
.prod_deta dd{width: 49%;height: 9.9rem;float: right;text-align: center;padding:1rem 0.9rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;font-size: 1rem;color: #666;line-height: 1.5rem;background: #f2f2f2;}
.prod_deta dd h4{display: block;font-size: 1.3rem;height: 2.65rem;line-height: 2.65rem;color: #303030;}
.prod_deta dl:nth-child(2n) dt{float: right;}
.prod_deta dl:nth-child(2n) dd{float: left;}

/*详情优势*/
.prod_edge dl{padding:2.35rem 0 0;position: relative;height: 13.8rem;text-align: center;}
.prod_edge dt{position: absolute;width:5rem;height: 5rem;display: block;top: 0;left: 50%;margin-left: -2.5rem;z-index: 2;}
.prod_edge dd{position: relative;border: solid 1px #e2e2e2;border-radius: 0.3rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding:3.4rem 1.1rem 0;font-size: 1rem;color: #666;line-height: 1.5rem;height: 12.8rem;z-index:1;}
.prod_edge dd:before{position: absolute;z-index:1;content: "";width:7.35rem;height: 2rem;top: -1rem;left: 50%;margin-left: -3.675rem;background: #fff;}
.prod_edge dd h3{color: #303030;font-weight: bold;height: 3.15rem;line-height: 2.4rem;font-size: 1.2rem;position: relative;}
.prod_edge dd h3:before{position: absolute;z-index:1;content: "";width:2.3rem;height: 1px;top:2.4rem;left: 50%;margin-left: -1.15rem;background: #e2e2e2;z-index: 1;}
.prod_edge dd p b{color: #0057cd;font-weight: normal;}


/*~~~~~~~~~~~~~~~~~~~~~~~~  资讯频道 ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.news1{font-size: 1rem;color: #666;line-height: 1.5rem;text-align: left;}
.news1 h3,.new_list h2{height: 3rem;}
.newtil{height: auto;text-align: center;font-size: 1.2rem;margin-bottom:1rem; }
.newtil span{display: inline-block;width: 30.3%;line-height: 1.6rem;height: 1.7rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #c6c6c6;margin-left: -1px;padding: 0;margin: 0 0 0.5rem 0;color: #8a8a8a;}
.news2 .newtil span{display: inline-block;width: 30.3%;line-height: 1.6rem;height: 1.7rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #c6c6c6;margin-left: -1px;padding: 0;margin: 0 0 0.5rem 0;color: #8a8a8a;}
.newtil a span.cur{border-color: #0057cd;background: #0057cd;color: #fff;}
.news_gg dt{position: relative;}
.news_gg dd{position: relative;padding: 0.45rem 1rem 0;height: 9.6rem;}
.news_gg dd span{position: absolute;right: 1rem;top: 6.6rem;color: #555353;}
.news_gg dd h4{height:3.2rem;line-height: 3.2rem;font-size: 1.2rem;color: #555353;text-align: center;}
.news_gg dd h4 a{color: #555353;display: block;}
.news_gg dd p{height:5.2rem;overflow: hidden;}
.new_r{padding: 0 1rem;height:5.2rem;}
.new_r li{height: 2.4rem;line-height: 2.4rem;overflow: hidden;padding: 0 0 0 1rem;color: #5c5c5c;position: relative;}
.new_r li:before{width: 1rem;height: 2.4rem;content: "*";position: absolute;left: 0;top: 0;line-height: 2.4rem;color: #5c5c5c;}
.new_r li span{float: right;color: #acacac;}

.new_tj h4{height: 3.2rem;line-height:3.2rem;font-size: 1.3rem;color: #333;padding: 0 1rem;}
.new_tj h4 span{float: right;font-size: 1.2rem;color: #5c5c5c;}
.new_tjc ul a:nth-child(2n) li{margin: 0 0 0 1.44%;}

/*资讯列表*/
.new_list{background: #fff;padding: 1.5rem 3.33% 0;margin-bottom: 1.5rem;border-bottom: solid 0.15rem #cfcfcf;}
.new_lc dl{height: 11.7rem;border-bottom:dashed 1px #e5e5e5;margin-bottom:1.5rem;clear: both;}
.new_lc dt{width: 49.28%;float: left;}
.new_lc dd{width: 47.32%;float: left;padding:1rem 0 0 3.4%;font-size: 1.2rem;color: #999;line-height: 1.9rem;}
.new_lc dd h3{font-size: 1.2rem;color: #555353;line-height: 1.5rem;height: 4.5rem;}
.new_lc dd h3 a{font-size: 1.1rem;color: #555353;}
.new_lc dd span a{color: #999;display: block;}

/*资讯详情*/
.new_detail{background: #fff;margin-bottom: 1.5rem;border-bottom: solid 0.15rem #cfcfcf;font-size: 1rem;color: #555353;line-height: 1.8rem;}
.detail_con{padding:0 3.33%;}
.detail_con h2{height: 4.6rem;border-bottom: dashed 1px #c3c3c3;margin-bottom: 1rem;text-align: center;font-size: 1.2rem;color: #000;line-height: 2.3rem;padding: 1rem 0 0;}
.detail_con h2 p{display: block; font-size: 1rem;color: #747272;line-height:1.6rem;}
.detail_cw p{text-indent: 2rem;display: block;clear: both;padding: 0 0 1.3rem;}
.detail_pn{height:5.2rem;border-bottom: solid 1px #e5e5e5;margin: 0 3.33%;}
.detail_pn li{height: 1.8rem;line-height: 1.8rem;}
.detail_pn li a{display:inline-block;color: #555353;}
.detail_pn li:hover,.detail_pn li:hover a{color: #0057cd;}

.new_tj .goback{margin: 0 3.33% 1.55rem;}


/*~~~~~~~~~~~~~~~~~~~~~~ 定制方案 ~~~~~~~~~~~~~~~~~~~~~~~~*/
.box2{background:url(../images/common/bg01.gif) repeat center 0;background-size: 100% 4rem;}
.cust{height: 27.7rem;}
.cust_c dl{width: 28.6%;float: left;height: 16.9rem;margin: 0 0 0 3.55%;font-size: 1rem;line-height: 1.5rem;color: #666;}
.cust_c dt,.cust_c dd{display: block;}
.cust_c dd{padding: 0.5rem 0 0;}

.cust_edge{padding: 0 3.125%;background:url(../images/cust/custbg.jpg) no-repeat center 0;background-size: 100% 36.3rem;clear: both;height: 36.3rem;}
.cust_edge .til01{background:none;color: #fff;padding-bottom: 0;}
.cust_edge dl{height: 8.7rem;overflow: hidden;font-size: 1rem;line-height: 1.5rem;color: #babbbd;}
.cust_edge dt{width: 21.67%;float: left;}
.cust_edge dd{width:71%;float: left;padding:0.6rem 0 0 3.33%;}
.cust_edge dd h4{font-size: 1.3rem;height: 2.95rem;line-height: 2.95rem;color: #fff;}

.cust_case{height:40rem;font-size: 1rem;line-height: 1.75rem;color: #555353;padding: 0 3.125%;}
.case_prev,.case_next{z-index:10;width: 2.5rem;height:2.5rem;right: 0;top: 17.4rem;background:url(../images/cust/next.png) no-repeat 0 0;background-size: 2.5rem 5.55rem;}
.case_prev{ right:2.5rem;background:url(../images/cust/prev.png) no-repeat 0 0;background-size: 2.5rem 5.55rem;}
.case_prev:hover,.case_next:hover{background-position: 0 bottom;}
.case_wl{width: 100%;overflow: hidden;}
.case_wl dt{width: 100%;height: 19.85rem;overflow: hidden;display: block;}
.case_wl dd{position: relative;clear: both;height:8.75rem;overflow: hidden;display:block;}
.case_wl dd span{position: absolute;color: #555353;right: 0;top:7.05rem;}
.case_wl dd span a{color: #555353;display: block;}
.case_wl dd h4{height:3.55rem;overflow: hidden;display: block;line-height: 3.6rem;text-align: center;font-size: 1.2rem;color: #555353;}
.case_wl dd h4 a{color: #555353;}

.cust_cont{background:url(../images/cust/contbg.jpg) no-repeat;background-size: 100% 100%;padding: 3.55rem 3.125% 0;height: 21.85rem;text-align: center;font-size: 1.2rem;color: #fff;line-height: 3.35rem; box-sizing: border-box; }
.cust_cont ul{padding: 0 0 1rem;}
.cust_cont li{border: solid 1px #fff;margin-bottom: 0.5rem;height:3.25rem; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap;}
.cust_cont li b{font-size: 1.8rem;font-weight: normal;}
.cust_more{width: 45.67%;height: 3.45rem;line-height: 3.45rem;background: #0057cd;color: #fff;margin:0 auto;display: block;font-size: 1.3rem;font-weight: bold;}
.cust_more span{padding: 0 0 0 2.65rem;background:url(../images/cust/c_tel.gif) no-repeat 0 center;background-size: 2.1rem 2rem;display: inline-block;}



/*~~~~~~~~~~~~~~~~~~~~~~ 联系我们 ~~~~~~~~~~~~~~~~~~~~~~~~*/
.ban_tel{height: 4.2rem;padding: 1rem 0 0;background: rgba(0 , 87, 205, 0.8);color: #fff;left: 0;bottom: 0;width: 100%;font-size: 1rem;}
.ban_tel em{width: 4.1rem;height: 3rem;display: block;float: left;padding: 0 0.7rem 0 23.28%;}
.ban_tel span{width:55.626%;display: block;float: left;line-height: 1.2rem;}
.ban_tel span b{display: block;line-height:2.1rem;font-size: 2rem;font-family: Times New Roman;font-weight: normal;}
.ban_tel span a  b{color:#fff;}

.cont_box{background:url(../images/cont/cont_top.gif) repeat-y center 0 #f8f8f8;background-size:100% 7.75rem;font-size: 1rem;color: #767676;line-height: 1.6rem;}
.cont_bot{background:url(../images/cont/cont_bot.gif) no-repeat center bottom;background-size:100% 3rem;padding:0.55rem 6.25% 2.5rem;}
.cont_box h3{font-size: 1.3rem;color: #292929;font-weight: bold;line-height:3.2rem;text-align: center;}
.cont1{clear: both;height: 5.9rem;position: relative;}
.cont1:before{content: "";position: absolute;width: 1px;height: 3rem;color: #767676;border-left: dashed 1px #767676;top:3.2rem;left: 50%;}
.cont1 li{width: 50%;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding-left: 1rem;}
.cont1 ul li:nth-child(2n){padding-left: 1.6rem;}
.cont1 li span{display: block;}
.cont2{clear: both;text-align: center;height: 5.5rem;}
.cont_map p{display: block;padding: 0 0 1.5rem;}
.cont_map p img{display: block;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding:0.15rem;background: #ebebeb;}
.cont_map .map_ico{display: block;background: #0057cd;height: 3.05rem;line-height: 3.05rem;text-align: center;font-size: 1.2rem;color: #fff;font-weight: bold;border-radius: 0.35rem;}
.cont_map .map_ico span{display: inline-block;padding-left: 2.3rem;color: #fff;background:url(../images/cont/ico01.gif) no-repeat 0 center;background-size:1.8rem 1.8rem;}




html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}