/* css reset */
@charset "utf-8";
*,*:before,*:after{box-sizing:border-box;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);} 
html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike,tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body {position:relative;background:#fff;line-height:1.8;color:#3a3a3a;font-size:14px;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;}
a{color:#2a2c2e;text-decoration:none;}
a:hover{color:#2a2c2e;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;}
h3{font-size:16px;}
strong{color:#000;}
li{list-style:none;}
blockquote{border-left:4px solid #000;color:#000;margin:1em 0;padding-left:1em;}
pre{padding:10px;margin:10px 0;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;background:#f9f9f9;border:1px solid #f0f0f0;color:#aaa;}
img{height:auto;max-width:100%;display:block;border:0;}
hr{margin:10px 0 0 0;height:1px;border:none;background:#ddd;}
input,select,textarea{border:1px solid #bbb;background:#fff;outline:none;width:100%;color:#464646;padding:8px;-webkit-appearance:none;font-size:14px;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;}
select{-webkit-appearance:menulist;}
textarea{resize:none;overflow-y:auto;display:block;-webkit-appearance:none;}
input[type="radio"]{width:auto;height:auto;-webkit-appearance:radio;}
input[type="checkbox"]{width:auto!important;height:auto!important;-webkit-appearance:checkbox;}
table td{border:1px solid #ddd;padding:5px 2px;vertical-align:middle;}
i{margin-right:5px;} 
.clear:after,.clear:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;} 
.fr{float:right;position:relative;} 
.hidden{display:none;}
.nowrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.disabled{cursor:not-allowed!important;}
.am{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;}
::-webkit-input-placeholder{color:#969696;}
:-moz-placeholder{color:#969696;}
::-moz-placeholder{color:#969696;}
:-ms-input-placeholder{color:#969696;} 

/* col public */
ul.col-2,ul.col-3,ul.col-4,ul.col-5,ul.col-6,ul.col-7{overflow:hidden;}
ul.col-2 li,ul.col-3 li,ul.col-4 li,ul.col-5 li,ul.col-6 li{margin-right:2%;}
ul.col-2 li{width:49%;}
ul.col-3 li{width:32%;}
ul.col-4 li{width:23.5%;}
ul.col-5 li{width:18.4%;}
ul.col-6 li{width:15%;}
ul.col-7 li{width:13%;margin-right:1.5%;}
ul.col-2 li:nth-child(2n+2),ul.col-3 li:nth-child(3n+3),ul.col-4 li:nth-child(4n+4),ul.col-5 li:nth-child(5n+5),ul.col-6 li:nth-child(6n+6),ul.col-7 li:nth-child(7n+7){margin-right:0;}
ul.col-2 li.nomargin,ul.col-3 li.nomargin,ul.col-4 li.nomargin,ul.col-5 li.nomargin,ul.col-6 li.nomargin,ul.col-7 li.nomargin{margin-right:0;}

/* 框架 */
.public,.header,.footer{min-width:990px;max-width:1200px;margin:0 auto;position:relative;}
.public{ overflow: hidden;}

/* 公共header */
.header{ height: 100px;}
.header .logo{ float: left; padding:10px 5px 5px 0;width: 30%}
.header .headtop{ float: left;width: 70%;}
.header .language{ background-color: #ddd; margin-right: 5px;box-shadow: 0 2px 4px #999;float: right;font-size: 12px;}
.header .headtop .language .langi{ margin-right:3px; font-weight: 600; padding: 0 5px;cursor: pointer;}
.header .headtop .language .langi:hover{ color: #0077ce;}
.header .navbar li{ float: left;margin-top:10px;}
.header .navbar li span{ font-size: 18px; font-weight: bold;display: inline-block;cursor: pointer;padding:0 16px; ;border-right: 1px solid #eee;line-height: 1;}
.header .navbar li span a:hover{ color:rgb(229, 10, 38)}
.header .navbar li:last-child span{ border: none;}
.header .navbar li .reddown{ width: 12px;margin: 0 auto;margin-top: -2px;display: none;}
.header .navbar li .arrowon{ display: block; }
.header .navbar li .arrowlock{ display: block; }
.header .redbar{ position:absolute; bottom:0;width: 100%;height: 32px;background-color:rgb(229, 10, 38);}
.header .redbar div{display: none;}
.header .redbar div a {color: #fff;line-height: 32px;margin-right: 10px;font-size: 16px;}
.header .redbar div a:hover {color: #0077ce;}
.header .redbar .nav_current{ display: inline-block;}

/* 公共footer */
.footer{ height: 85px;}
.footer .grayhr{ width: 100%; border:0px solid #eee;margin-bottom: 1px; margin-top: 3px;}
.footer .redhr{ width: 100%; border:3px solid rgb(229, 10, 38);margin: 0;}
.footer .footcon{ background-color: #eee; height: 85px; text-align: center;}
.footer .footmsg{ padding: 5px; position: relative;}
.footer .dfontcenter{ display: block; font-size: 14px; line-height: 16px;margin-top: 3px;}
.footer .safe{ color: #999; font-size: 14px;vertical-align: middle;}

/* 公共lefter */
.lefter{ width: 25%;background-color: #eee;margin:3px 0;padding: 15px;float: left;height: inherit; margin-bottom: -10000px;padding-bottom: 10000px;}
.lefter .left_list{margin: 0 auto;width:100%; box-shadow: 2px 2px 4px #999;padding-bottom: 2px; background-color: #fff;}
.lefter .left_list .list_title{ width:100%; height: 36px;background: url(../images/listred.jpg) 100% 100%;color: #fff; font-size: 16px;line-height: 36px;padding-left: 12px;font-weight: 600;}
.lefter .left_list ul{ width: 100%}
.lefter .left_list ul .listli{ width: 100%;height: 30px;background-image: url(../images/listwhite.jpg);margin-top: 2px;color: #555;font-size: 15px;font-weight: 500;padding-left: 5px;cursor: pointer;}
.lefter .left_list ul .listli a{display: inline-block;width: 80%;}
.lefter .left_list ul .listli_current{background-image: url(../images/listblack.jpg);color: #fff; }
.lefter .left_list ul .listli_current .rightarr{ background-image: url(../images/wright.png)}
ul .listli .rightarr{ width: 12px;display: inline-block;margin-right: 8px; background-image: url(../images/rright.png);height:12px;line-height: 12px;}
.lefter .left_list ul .listli_seclect{ background-image: url(../images/listblack.jpg); color: #fff;}
ul .listli .rightarw{ background-image: url(../images/wright.png)}
.lefter .left_list .list_contact{ margin-top: 20px;}
.lefter .left_list .contact_msg{padding: 5px;font-size: 15px;color: #555;font-weight: 500;}
.lefter .left_list .contact_msg .list_place {height: 54px;position: relative;}
.lefter .left_list .contact_msg .list_place .list_dizhi{ width: 46px;position: absolute;top: 0;left: 0;}
.lefter .left_list .contact_msg .list_place .list_mingzi{ width: 65%;position: absolute; top: 0;left: 46px;}
.redbar .nav_about{ margin-left: 28%;}
.redbar .nav_news{ margin-left: 44%;}
.redbar .nav_product{ margin-left: 35%;}
.redbar .nav_empol{ margin-left: 61%;}

/*公共mainer*/
.mainer{ width: 75%;float: right;padding: 10px 0 10000px 10px;margin-bottom: -10000px;}
.mainer .content{ border: 1px solid #eee;}
.mainer .content .con_title {height: 30px;background-color: #eee;padding: 0 10px;}
.mainer .content .con_title img{width: 20px;vertical-align: middle;display: inline-block;}
.mainer .content .con_title span{ font-size: 18px; color: rgb(229, 10, 38);vertical-align: middle;display: inline-block;font-weight: bold;}
.mainer .content .con_show{ font-size: 17px;padding: 20px 30px;min-height: 400px;}
.mainer .content  p{ margin-bottom: 5px;font-weight: 500;font-size: 16px;}
.mainer .content .show_title{color: rgb(229, 10, 38);font-size: 16px;font-weight: 600;}
.pindent{text-indent: 2em;line-height: 26px;}
.mainer .content .con_show .csimg{width: 100%;margin-bottom: 20px;}

/*首页*/
.mainpic{ margin-top: 3px;height: 500px;}
.mainpic img { height: 100%;}
.homemsg{ width: 100%; margin-top: 3px;}
.homemsg .homenav{ padding: 5px 0;background-color: rgb(229, 10, 38); color: #fff;font-weight: 600;}
.homemsg .homenav .homenav_left{ width: 63%; float: left; position: relative;}
.homemsg .homenav .homenav_right{ width: 37%; float: right; position: relative;}
.homemore { position: absolute;right: 35px; top: 0;color: #fff;font-weight: 500;}
.homecon {margin-top: 5px;}
.swiper_box{border: 1px solid #ccc;padding: 3px; float: left;width: 26%;}
.homecon .lzc_swiper{width: 100%;height: 200px;position: relative;}
.homecon .lzc_swiper .swiper-wrapper .swiper-slide{position: relative;}
.homecon .lzc_swiper .swiper-wrapper .swiper-slide img{width: 100%; height: 100%;}
.pageindex {position: absolute;z-index: 20;bottom: 0;width: 100%;text-align: center;}
.pageindex .swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius: 8px;background: rgb(229, 10, 38);margin: 0 5px;opacity: 0.8;border: 2px solid rgb(229, 10, 38);cursor: pointer;}
.pageindex .swiper-active-switch {background: #fff;}
.home_gsmnews{ width: 37%;float: left; padding: 5px 0 0 15px;}
.home_hynews{ width: 37%;float: left; padding: 5px 0 0 15px;}
.home_hynews ul { width: 100% ;height:180px;}
.home_hynews ul li { position: relative; margin-top: 6px;height: 25px;line-height: 25px;cursor: pointer;}
.home_hynews ul li span{ position: absolute; left: 0;top: 0;padding-left: 3px;width: 78%;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;height: 25px;}
.home_hynews ul li small{ position: absolute; right: 0;top: 0;color: #777;font-size: 12px;width: 20%;}
.home_hynews ul li span:hover{ color:rgb(229, 10, 38) };
.home_gsmnews ul { width: 100% ;height:180px;}
.home_gsmnews ul li { position: relative; margin-top: 6px;height: 25px;line-height: 25px;cursor: pointer;}
.home_gsmnews ul li span{ position: absolute; left: 0;top: 0;padding-left: 3px;width: 78%;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;height: 25px;}
.home_gsmnews ul li small{ position: absolute; right: 0;top: 0; color: #777;font-size: 12px;width: 20%;}
.home_gsmnews ul li span:hover{ color:rgb(229, 10, 38) };
.ban_swiper{width: 100%;height: 500px;}
.ban_swiper .swiper-wrapper .swiper-slide{ width: 100%; height: 500px; }
.ban_swiper .swiper-wrapper .swiper-slide img{width: 100%; height: 500px;}
.ban_swiper .pageban{ position: absolute;bottom: 0;z-index: 20;width: 100%;text-align: center;}
.ban_swiper .pageban .swiper-pagination-switch{display: inline-block;width: 32px;height: 10px;background: rgb(229, 10, 38);margin: 0 5px;opacity: 0.8;border: 2px solid rgb(229, 10, 38);cursor: pointer;}
.ban_swiper .pageban .swiper-active-switch{background: #fff;}

/*荣誉资质*/
.con_show .honor_ul{width: 100%;margin: 20px 0;}
.con_show .honor_ul li{ float: left;text-align: center; font-size: 14px;margin-bottom: 25px;height: 180px;margin-top: 10px;} 
.con_show .honor_ul li div{ border: 1px solid #ccc;padding: 10px;border-radius: 7px;}
.con_show .honor_ul li img{ cursor: pointer; max-height: 122px;margin: 0 auto;} 
.honorimg{width:100%; height: 100%; background: #000; background-color: rgba(0, 0, 0, 0.7); z-index:100; position: absolute; top:0; left: 0;display: none;}
.honor_box{position: fixed;top: 200px;left: 50%;width: 800px;margin-left: -400px;}
.honor_swiper{ position: relative;;width: 800px;height:500px;}
.honor_swiper .swiper-wrapper{ width: 600px;}
.honor_swiper .swiper-wrapper .swiper-slide{ width:100%;text-align: center;position: relative;padding-top: 30px;box-sizing: border-box;}
.honor_swiper .swiper-wrapper .swiper-slide img{ display: inline-block; max-width: 700px;max-height: 400px;}
.swiper-prev,.swiper-next{ width: 40px;position: absolute;cursor: pointer;z-index: 1000;top: 200px;}
.swiper-prev{left: 0;}
.swiper-next{right: 0;}
.honor_close{position: absolute;top: -20px;right: -20px; cursor: pointer;}
.swiper_text{ text-align: center;color: #fff;font-size: 20px;display: inline-block;z-index: 1000;position: absolute;bottom: 0;left: 50%;width: 300px;margin-left: -150px;}

/* 联系我们 */
.con_form{padding: 20px 32px 10px 32px;;font-size: 16px;margin: 0 auto;}
.con_form form .form_item{ margin-bottom: 15px;}
.con_form form .form_item:after{ content:"";display: block;clear: both;}
.form_item span{ float: left;margin-right: 15px;line-height: 28px;width: 80px;text-align: right;}
.form_item input{ float: left;height: 28px;line-height: 28px;width: 50%;}
.form_item textarea{ display: inline-block;width: 60%;}
.form_item .checking{ border: 1px solid #eee;width: 80px; height:32px;float: left;margin-left: 20px;}
.con_form form .form_btn{ background-color: #eee;height: 30px;color: #555;font-size: 16px;border: 1px solid #aaa;line-height: 30px;margin-left: 20px;}
.con_form form .form_btn:hover{color: rgb(229, 10, 38);}

/*新闻中心*/
.news_list{width: 100%;}
.news_list .news_title{ width: 100%;background-color: #ddd;height: 28px;line-height: 28px;border-bottom: 1px solid #555;font-size: 16px;padding-left: 10px;}
.news_list .news_con{ width: 100%; background-color: #fbfbfb;padding: 20px 30px 50px 30px;position: relative;}
.news_list .news_con .news_item:after{content: "";clear: both;display: block;}
.news_list .news_con .news_item{display: inline-block;width: 100%;}
.news_list .news_con .news_item .news_p{display:inline-block;width: 98%;height:26px;font-size: 14px;color: #555;position: relative;border-bottom: 1px dashed #555;}
.news_list .news_con .news_item .news_p img{vertical-align: -1;display: inline-block;}
.news_list .news_con .news_item .news_p .news_itemt{position: absolute;left: 30px;line-height: 26px;cursor: pointer;}
.news_list .news_con .news_item .news_p .news_itemt:hover{color: rgb(229, 10, 38);}
.news_list .news_con .news_item .news_p .news_itemd{float: right;line-height: 26px;color: #777;margin-right: 10px;}
.news_list .news_con .news_item .news_p .news_itemc{float: right;line-height: 26px;color: #777;}
.news_list .news_con .news_item .news_p .news_itemc .clickmount{color:rgb(229, 10, 38);}
.news_list .news_con .news_more{ position: absolute;bottom: 10px;right: 35px;margin-top: 15px;font-size: 15px;cursor: pointer;}
.news_list .news_con .news_more:hover{color: rgb(229, 10, 38); }
.mainer .content .con_show .newsdetails_title {font-weight: bold ;text-align: center;font-size: 20px;}
.mainer .content .con_show .put_time{width: 100%;background-color: #ddd;font-size: 16px;text-align: center;height: 26px;line-height: 26px;margin-top: 15px;}
.mainer .content .con_show .details_con{width: 100%;padding-top: 20px;}
.mainer .content .con_show .details_con p{width: 100%;text-indent: 2em;}
.mainer .content .con_show .details_con img{margin: 15px auto 15px;}
.mainer .content .con_show .details_con h5{display: inline-block;width: 100%;text-align: center;margin-top: 15px;font-weight: 600; margin-bottom: 15px;}
.mainer .content .con_show .textpr{display: inline-block;text-align: right;}
.mainer .content .con_show .classa{color:rgb(229, 10, 38);text-decoration: underline;}
.mainer .content .con_show .linetit{border-top: 2px solid rgb(190,119,99);border-bottom: 2px solid rgb(190,119,99);}
.mainer .content .con_show .redt{color:rgb(229, 10, 38); font-weight: bold;}

/* 产品中心 */
.con_show .product_list{width: 100%;min-height: 360px;}
.con_show .product_list li{ float: left;text-align: center; font-size: 14px;margin-bottom: 25px;margin-top: 20px;} 
.con_show .product_list li div{ border: 1px solid #ccc;padding: 10px;border-radius: 7px;}
.con_show .product_list li img{ cursor: pointer;width:100%;height: 180px;} 
.con_show .product_list li span{ margin-top: 15px;font-size: 18px;}
.goods_param{width: 100%;}
.goods_param .goods_local{text-align: left;border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.goods_param .goods_local span{font-size: 14px;}
.goods_param .goods_box{width: 100%;}
.goods_param .goods_box .goods_img{float: left;margin: 20px;border: 1px solid #eee;width: 260px;height: 180px;}
.goods_param .goods_box .goods_img img{width: 260px;height: 180px; cursor: pointer;}
.goods_param .goods_box .goods_msg{float: left;margin: 25px 0 0 20px;}
.goods_param .goods_box .goods_msg p{margin-bottom: 10px;}
.goods_param .goods_box .goods_msg p span{ font-size: 18px;}
.goods_param .goods_box .goods_msg p .goods_red{color: rgb(229, 10, 38);}
.goods_con .goods_introduce{ width: 100%;background-color: #eee;padding: 0 20px;}
.goods_con .goods_introduce img{display: inline-block;width: 22px;vertical-align: middle;}
.goods_con .goods_introduce span{font-weight: bold;vertical-align: middle;}
.conbottom{width: 100%;height: 26px;background-color: #ddd;line-height: 26px;margin-top: 15px;padding:0 20px;position: relative;}
.conbottom span{font-size: 14px;}
.conbottom .print{cursor: pointer;position: absolute;top: 0;right: 30px;}
.conbottom .print:hover{color:rgb(229, 10, 38); }
.goods_show{padding: 10px 15px;}
.goods_show img{ width: 100%;}

/* 人力资源 */
.recruit_table{width: 100%;border-collapse: collapse; margin-bottom: 20px;}
.recruit_table tr{height: 42px;width: 100%;}
.recruit_table tr td{border: 1px solid #777;}
.recruit_table tr .tda{width: 20%;text-align: center;line-height: 42px;}
.recruit_table tr .tdb{width: 80%;text-align: left;padding-left: 20px;}
.recruit_table tr .tdc{width: 30%;text-align: left;padding-left: 20px;}

/* 页码 */
.pagination{background: #ddd;margin-bottom: 5px;position: static;text-align: center;}
.pagination li{display: inline-block; font-size: 16px;margin-right: 10px;}
.pagination .active a{color: rgb(229, 10, 38); cursor: pointer;}


/*html{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
    -webkit-filter: grayscale(1);
}*/