/* -----------  home  -----------  */
/*.top_banner{ width: 100%; *height: 100%;height:calc(100%/1 - 1*0em - 1*80px); margin-top:80px; overflow: hidden; background-size: cover; z-index: 1;}*/
.top_banner{ overflow: hidden; height: 800px; margin-top:80px; }
.top_banner .flexslider{ position:relative; height:100%; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.top_banner .slides{position:relative;z-index:1; height:100%;}
.top_banner .slides li{ width:100%; height:100%; cursor:pointer; text-align:center;}
.top_banner .slides li img{ position:relative; width:100%; }
.top_banner .flex-control-nav{position:absolute;bottom:15px;width:100%;z-index:2; text-align:center; }
.top_banner .flex-control-nav li{display:inline-block;width:35px; margin:0 5px; *display:inline;zoom:1; cursor:pointer}
.top_banner .flex-control-nav a{display:inline-block;width:35px; vertical-align:bottom;height:3px;line-height:100px; text-align:center; color:#fff; overflow:hidden; background:#ccc; cursor:}
.top_banner .flex-control-nav .flex-active{ background:#222;}
.top_banner .flex-direction-nav{position:absolute;z-index:3;width:100%; height:auto;top:40%;}
.top_banner .flex-direction-nav li a{display:block;width:30px;height:60px;overflow:hidden;cursor:pointer;position:absolute; transition:none;}
.top_banner .flex-direction-nav li a.flex-prev{left:50px;background:url(../images/prev_off.png) 30px center no-repeat;}
.top_banner:hover .flex-direction-nav li a.flex-prev{ background-position:center; transition: all .25s ease; }
.top_banner .flex-direction-nav li a.flex-next{right:50px;background:url(../images/next_off.png) -30px center no-repeat;}
.top_banner:hover .flex-direction-nav li a.flex-next{ background-position:center; transition: all .25s ease; }


.index_pro{ overflow:hidden; padding:30px 0 50px 0;}
.index_pro_bitle{ overflow:hidden; padding:20px 0}
.index_pro_bitle h2{ float:left; line-height:50px; font-size:30px; color:#333}
.index_pro_bitle span{ float:right}
.index_pro_bitle span a{ float:left; line-height:50px; margin-left:30px; color:#666; font-size:15px}
.index_pro_bitle span a:hover{ color:#db2232}
.index_pro_list{ overflow:hidden; width:100%; height:555px; position:relative}
.index_pro_list li{ float:left;  background:#f2f2f2; position:absolute; overflow:hidden}
.index_pro_list li .inproimg{ float:left; width:100%; height:100%; position:relative}
.index_pro_list li .inproimg a{ float:left; width:100%}
.index_pro_list li .inproimg p{ float:left; width:100%; height:100%; text-align: center;}
.index_pro_list li .inproimg p img{width:80%;}
.index_pro_list li .inproimg span{ width:80%; padding:0 10%; overflow:hidden; position:absolute; left:0; bottom:10px; height:40px; line-height:40px; text-align:center; font-size:15px; color:#333; transition: all .25s ease;}
.index_pro_list li .inprotit{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;background:rgba(0,0,0,0.0); filter:alpha(opacity=0); transition: all .25s ease;}
.index_pro_list li .inprotit a{ float:left; width:100%; position:absolute; height:100%}
.index_pro_list li .inprotit p{ position:absolute; left:0; top:-200%; width:100%; height:40px; text-align:center; transition: all .25s ease;}
.index_pro_list li .inprotit span{ position:absolute; left:0; bottom:-200%; line-height:30px; font-size:16px; color:#fff; width:80%; padding:0 10%; overflow:hidden; transition: all .6s ease;}
.index_pro_list li .inprotit dd{ position:absolute; padding:5px 20px; border:1px solid #fff; color:#fff; font-size:13px; left:10%; bottom:-200%; transition: all 1s ease;}
.index_pro_list li.item1{ width:530px; height:320px; left:0px; top:0}
.index_pro_list li.item2{ width:250px; height:205px; left:0; bottom:0}
.index_pro_list li.item3{ width:250px; height:205px; left:280px; bottom:0}
.index_pro_list li.item4{ width:350px; height:285px; left:560px; top:0}
.index_pro_list li.item5{ width:350px; height:270px; left:560px; bottom:0}
.index_pro_list li.item6{ width:260px; height:256px; top:0; right:0}
.index_pro_list li.item7{ width:260px; height:270px; right:0; bottom:0}
.index_pro_list li.item4 .inproimg p img{ margin-top: 5%}
.index_pro_list li.item5 .inproimg p img{ margin-top: 5%}
.index_pro_list li.item6 .inproimg p img{ margin-top: 5%}
.index_pro_list li.item7 .inproimg p img{ margin-top: 5%}
.index_pro_list li:hover .inproimg span{ bottom:-200%}
.index_pro_list li:hover .inprotit{ background:rgba(0,0,0,0.5); filter:alpha(opacity=50);}
.index_pro_list li:hover .inprotit p{ top:20%;}
.index_pro_list li:hover .inprotit span{ bottom:50px;}
.index_pro_list li:hover .inprotit dd{ bottom:10px;}

.index_pro_lists{ overflow:hidden;}
.index_pro_lists li{ float:left; width:21%; padding:15px 2%;}
.index_pro_lists li p{ float:left; width:100%; text-align:center}
.index_pro_lists li p img{ max-width:100%}
.index_pro_lists li span{ float:left; width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden;}
.index_pro_lists li span a{ float:left; width:100%; height:40px; line-height:40px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index_pro_lists li:hover span a{ color:#db2232}

.index_service{ overflow:hidden; padding:40px 0 90px 0}
.index_service li{ float:left; width:30%; background:#f2f2f2}
.index_service li.rcss{ margin-left:4.5%}
.index_service li p{ float:left; width:100%}
.index_service li p img{ float:left; width:100%}
.index_service li span{ float:left; width:100%; text-align:center; font-size:22px; font-weight:bold; line-height:30px; padding-top:25px; color:#333;}
.index_service li i{ float:left; width:100%; line-height:30px; text-align:center}
.index_service li i:before{ content:"—"; height:2px; font-weight:bold}
.index_service li dd{ float:left; width:80%; padding:20px 10%; height:80px; font-size:15px; color:#666; line-height:26px;}
.index_service li a{ float:left; width:80%; padding:0 10%; height:60px; line-height:60px; font-size:18px; color:#555; border-top: 1px #e7e7e7 dashed;}
.index_service li a:after{ content:"→"; float:right; color:#db2232; }
.index_service li:hover a{ background: #db2232; color: #fff}
.index_service li:hover a:after{ color:#fff; }


.title_bx{ width:100%; margin:20px auto; margin-top:45px; border-bottom:1px solid #ddd; font-size:24px; color:#333; padding-bottom:15px; text-align:center; position:relative;}
.title_bx2{ text-align:left;}
.title_bx:after{content:""; width:90px; height:3px; background-color:#333; display:block; position:absolute; left:50%; margin-left:-45px; bottom:-2px;}
.title_bx2:after{ left:0; margin-left:0}


.ho_about{}
.ho_about .ho_about_list{ overflow:hidden; width:100%;}
.ho_about .ho_about_list ul{ margin-left:-2%; overflow:hidden;}
.ho_about .ho_about_list li{ float:left; width:18%; margin-left:2%; position:relative;}
.ho_about .ho_about_list li .m{ position:relative; float:left; width:100%;}
.ho_about .ho_about_list li p{ position:absolute; width:100%; height:70%; text-align:center; top:0; left:0; display:table-cell; *display:block; vertical-align:middle;}
.ho_about .ho_about_list li p img{ max-height:100%; width:135px; height:135px; position:absolute; left:50%; top:50%; margin-top:-67px; margin-left:-67px;}
.ho_about .ho_about_list li span{ position:absolute; width:100%; height:30%; text-align:center; left:0; bottom:0; line-height:50px; color:#fff; font-size:24px;}
.ho_about .ho_about_list .more{ text-align:center; line-height:60px; padding-top:20px}
.ho_about .ho_about_list .more a{ padding:10px 30px; border:1px solid #ddd; border-radius:20px; color:#666}
.ho_about .ho_about_list .more a:hover{ background:#ddd; color:#333}


.ho_service{ overflow:hidden; padding:50px 0 150px 0}
.ho_news{ float:left; width:48%;}
.ho_news .ho_news_li{ float:left; width:100%;}
.ho_news .ho_news_li li{ float:left; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ddd;}
.ho_news .ho_news_li li .n_l{ float:left; width:40%; overflow:hidden;}
.ho_news .ho_news_li li .n_l img{ float:left; width:100%; height:175px; transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
.ho_news .ho_news_li li:hover .n_l img{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
.ho_news .ho_news_li li .n_r{ float:right; width:55%;}
.ho_news .ho_news_li li .n_r h2{ line-height:40px;}
.ho_news .ho_news_li li .n_r h2 a{ font-size:18px; color:#333}
.ho_news .ho_news_li li .n_r h2 a:hover{ color:#db2232}
.ho_news .ho_news_li li .n_r span{ display:inline-block; width:100%; line-height:24px; color:#999; text-align:justify}
.ho_news .ho_news_li li .n_r dd{ line-height:40px;}
.ho_news .ho_news_li li .n_r dd i{ float:left; line-height:40px; color:#999; font-size:13px;}
.ho_news .ho_news_li li .n_r dd a{ float:right; line-height:40px;}

.ho_hez{ float:right; width:48%;}
.ho_hez .ho_hez_list{ float:left; width:100%;}
.ho_hez .ho_hez_list li{ float:left; width:220px; height:130px; border:1px solid #eee; margin:-1px 0 0 -1px;}
.ho_hez .ho_hez_list li p{ width:200px; height:115px; padding:10px; display:table-cell; text-align:center; vertical-align:middle}
.ho_hez .ho_hez_list li p img{ width:200px; height:115px;}














.con_nav{ overflow:hidden; background:#eee}
.con_nav_list{}
.con_nav_list a{ line-height:45px; margin-right:30px;}
.con_nav_list a.cur{ color:#db2232}

.con_nav_l{ overflow:hidden;}
.con_nav_l li{ float:left; line-height:45px; margin:15px 20px 15px 0;}
.con_nav_l li a{ line-height:45px; padding:8px 15px; font-size:16px;  background:#eee}
.con_nav_l li a.cur{ color:#fff; background:#db2232}

.about{ overflow:hidden; padding:10px 0 50px 0}
.about_content{ line-height:26px; font-size:14px; padding:10px 0; color:#555; overflow:hidden; width:100%;}
.about_content img{ max-width:100%}
.about_content .about_content_l{ float:left; width:40%; padding-top: 10px}
.about_content .about_content_r{ float:right; width:58%; text-align:justify; font-size:14px; line-height:30px; color:#555;}
.about_content .about_content_r img{ max-width:100%}
.about_content .fzlc_content_l{ float:right; width:50%; text-align:right}
.about_content .fzlc_content_l img{ max-width:100%}
.about_content .fzlc_content_r{ float:left; width:49%; text-align:justify; font-size:14px; line-height:28px; color:#555;}

.about_fzlc{ background:#f5f5f5; padding-bottom:70px}

.c_title{ height:80px; line-height:100px; text-align:center; font-size:28px; color:#333; position:relative;}
.c_title:after{content:""; width:60px; height:3px; background-color:#333; display:block; position:absolute; left:50%; margin-left:-30px; bottom:-2px;}


.about_contents{ line-height:26px; font-size:14px; padding:10px 0; color:#555; overflow:hidden; width:100%;}
.about_contents li{ float:left; width:21%; padding:15px 2%;}
.about_contents li p{ float:left; width:100%;}
.about_contents li p img{ float:left; width:100%;}
.about_contents li span{ float:left; width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden}

/*  解决方案 */
.sl_banner{background:url(../images/sl_banner.jpg) center bottom no-repeat; height:340px; padding-top:80px;}
.solutions{ overflow:hidden; padding-bottom:80px}
.solutions .so_list{ width:100%; margin-top:80px;}
.solutions .so_list ul li{ width:100%; height:390px; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #ddd; position:relative;}
.solutions .so_list .so_list_img{ float:left; width:45%; overflow:hidden;height:325px; margin:25px 0 0 0;}
.solutions .so_list .so_list_img img{ width:100%; height:325px; transition: all .3s ease;}
.solutions .so_list .so_list_wz{ float:right; position:relative;width:51%; box-shadow: 0px 1px 20px #c5c5c5; padding:30px 2%; background-color:#fff; height:310px; transition: all .5s ease;}
.solutions .so_list li:hover .so_list_wz{ box-shadow: 0px 1px 20px #666; }
.solutions .so_list .so_list_wz h5{ font-size:30px; color:#333;}
.solutions .so_list .so_list_wz p{ font-size:16px; color:#707070; line-height:26px; padding-top:20px; text-align:justify;}
.solutions .so_list .so_list_wz dd{position:absolute;bottom:40px;}
.solutions .so_list .so_list_wz dd a{ display:block;color:#666;font-size:18px;height:50px;line-height:50px;border:1px solid #ccc;padding:0 30px; float:left; margin-right:20px;transition: all .3s ease;}
.solutions .so_list .so_list_wz dd a:hover{border-color:#333;background:#333;color:#fff;}
.solutions .so_list .so_list_wz dd a.curr{border-color:#333;background:#333;color:#fff;}



.con_nav{}
.con_nav{height:50px;background:#f2f2f2;}
.con_nav .wrapper{height:50px;overflow:hidden;}
.con_nav .row-head{float:left;margin-right:80px;}
.con_nav .row-head .title{font-size:24px;color:#333;line-height:50px;}
.con_nav .row-main{float:left; }
.con_nav .list{overflow:hidden;}
.con_nav .list .item{float:left;}
.con_nav .list .item .aItem{display:block;height:47px;line-height:47px;font-size:15px; margin-right:30px; transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.con_nav .list .item.on .aItem{border-bottom:3px solid #db2232; color:#db2232;font-weight:bold;}


.pro_list_l{}






.news{ overflow:hidden; padding-bottom:150px;}
.news_list{ overflow:hidden; margin-top:60px;}
.news_list_desc{}
.news_list_l{width:100%;}
.news_list_l ul{ overflow:hidden; padding-bottom:20px;}
.news_list_l li{ float:left; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.news_list_l li .news_list_l_l{ float:left; width:30%; overflow:hidden;}
.news_list_l li .news_list_l_l img{ float:left; width:100%;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.news_list_l li .news_list_l_l:hover img{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
.news_list_l li .news_list_l_r{ float:right; width:68%;}
.news_list_l li .news_list_l_r h2{ line-height:30px;}
.news_list_l li .news_list_l_r h2 a{ font-size:19px; color:#333}
.news_list_l li .news_list_l_r h2 a:hover{ color:#db2232}
.news_list_l li .news_list_l_r h3{ padding-top:10px; line-height:24px; color:#999; text-align:justify}
.news_list_l li .news_list_l_r span{ float:left; width:100%; line-height:40px; padding-top:20px; text-align:justify}
.news_list_l li .news_list_l_r span i{ float:left; line-height:20px; font-size:13px; color:#666}
.news_list_l li .news_list_l_r span a{ float:right; line-height:20px; font-size:13px; color:#666}
.news_list_l li .news_list_l_r span a:hover{ color:#db2232}
.news_list_r{ float:right; width:26%;}
.news_list_r .news_list_r_n{ float:left; width:100%;}
.news_list_r .news_list_r_n li{ float:left; width:100%; position:relative; margin-bottom:20px;}
.news_list_r .news_list_r_n li p{ float:left; width:100%; position:relative; overflow:hidden}
.news_list_r .news_list_r_n li p img{ float:left; width:100%; transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.news_list_r .news_list_r_n li:hover p img{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}
.news_list_r .news_list_r_n li span{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:rgba(0,0,0,0.5); filter:alpha(opacity=50);}
.news_list_r .news_list_r_n li span dd{ float:left; width:20%; height:50px; background:#db2232; text-align:center;}
.news_list_r .news_list_r_n li span dd i{ float:left; width:100%; color:#fff}
.news_list_r .news_list_r_n li span dd i.q{ line-height:25px;}
.news_list_r .news_list_r_n li span dd i.m{ height:25px; line-height:20px; font-size:25px;}
.news_list_r .news_list_r_n li span h2{ float:right; width:78%; overflow:hidden; line-height:50px; font-size:15px; color:#fff}
.news_list_r .news_list_r_k{ float:left; width:99%; margin-top:20px; border:1px solid #eee;}
.news_list_r .news_list_r_k .t{ float:left; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; background:#db2232}
.news_list_r .news_list_r_k li{ float:left; width:73%; padding:10px 5% 20px 12%; margin:0 5%; position:relative; background:url(../images/news_r_ico.png) no-repeat}
.news_list_r .news_list_r_k li.k_1{ border-bottom:1px dotted #ddd; background-position:-10px 13px}
.news_list_r .news_list_r_k li.k_2{ border-bottom:1px dotted #ddd; background-position:-10px -70px}
.news_list_r .news_list_r_k li.k_3{ background-position:-10px -160px}
.news_list_r .news_list_r_k li span{ float:left; width:100%; font-size:16px; color:#555; height:25px; line-height:27px;}
.news_list_r .news_list_r_k li h3{ float:left; width:100%; font-size:24px; font-weight:bold; color:#db2232; height:40px; line-height:45px;}
.news_list_r .news_list_r_k li dd{ float:left; width:100%; font-size:14px; color:#999; line-height:30px;}
.news_list_r .news_list_r_k li a{ position:absolute; right:0; top:20px; padding:10px 25px; font-size:14px; border:1px solid #000;border-radius:3px;}
.news_list_r .news_list_r_k li a.kf{ border:1px solid #db2232; background:#db2232; color:#fff;}
.news_list_r .news_list_r_k li a.fe{ border:1px solid #333; color:#333;}


.news_list_l .news_detail_con_t{ line-height:50px; font-size:24px; color:#333;border-bottom: 1px solid #eee;}
.news_list_l .news_detail_con_m{ line-height:30px; font-size:12px; color:#666}
.news_list_l .news_detail_con_f{}
.news_list_l .news_detail_con_f a{ margin-right:10px;  transition:none;}
.news_list_l .news_detail_con_c{ padding:20px 0; line-height:28px; font-size:15px; text-align:justify}
.news_list_l .news_detail_con_c img{ max-width:100%}






.pages{ overflow:hidden; text-align:center; padding:30px 0}
.pages a{ padding:5px 10px; color:#999; background:#eee; border-radius:2px; margin-left:3px}
.pages span{ padding:5px 10px; color:#fff; font-weight:bold; background:#db2232; border-radius:2px;}


.productlist{ overflow:hidden; background:#f8f8f8; padding:50px 0}
.productlist ul{ float:left; width:103%; margin-left:-3.3%}
.productlist li{ float:left; width:30%; background:#f8f8f8; position:relative; overflow:hidden; margin-left:3.3%; margin-bottom:30px; padding-bottom:100px;}
.productlist li .proimg{ float:left; width:99.5%; position:relative; border:1px solid #e5e5e5}
.productlist li .proimg img{ float:left; width:100%}
.productlist li .protit{ position:absolute; width:100%; left:0; bottom:0; background:#fff;}
.productlist li .protit span{ float:left; width:80%; padding:0 10%; height:50px; line-height:50px; text-align:center; font-size:18px; color:#222}
.productlist li .protit dl{ overflow:hidden; float:left; width:90%; height:50px; line-height:50px; text-align:center; margin-left:5%; color:#666; text-align:center; border-top:1px dashed #ddd;}
.productlist li .protit dd{ height:0px; overflow:hidden; float:left; width:90%; text-align:center; margin-left:5%; text-align:center;transition: all .25s ease;}
.productlist li:hover .protit dd{ height:100px;}
.productlist li .protit dd a{ border:1px solid #db2232; border-radius:20px; padding:5px 15px; margin-top:40px; display:inline-table;}
.productlist li .protit dd a.ax{ color:#db2232}
.productlist li .protit dd a.xq{ margin-left:10px; background:#db2232; color:#fff}



.product{ position:relative;}
.p_item{}
.p_item1 .p_item_com{ left:0;}
.p_item2 .p_item_com{ right:0;}
.p_item3 .p_item_com{ left:0;}
.p_item4 .p_item_com{ right:0;}
.p_item5 .p_item_com{ left:0;}
.p_item .warp{ position:relative; width:100%; height:100%;}
.p_item .p_item_com{ position:absolute; width:40%; height:100%; padding:15% 5%; top:0; background:rgba(0,0,0,0.6) ; filter:alpha(opacity=60); background-size:auto 100%; text-align:center}
.p_item .p_item_com h4{}
.p_item .p_item_com h2{ font-size:30px; color:#db2232; font-weight:bold; line-height:60px;}
.p_item .p_item_com h3{ line-height:40px; color:#fff; font-size:18px;}
.p_item .p_item_com span{ line-height:40px; color:#fff; font-size:14px; text-align:justify}
.p_item .p_item_com dd{ padding:20px 0;}
.p_item .p_item_com dd a{ padding:10px 30px; border:1px solid #fff; color:#fff;}
.p_item .p_item_com dd a:hover{ background:#db2232; color:#fff; border:1px solid #db2232}



.product_tab{ overflow:hidden; background:#f8f8f8; border-top:1px solid #e6e6e6}
.product_tab .tab-wrapper{ overflow:hidden}
.product_tab .tab-menu{float:left; width:100%; background:#e6e6e6}
.product_tab .tab-menu .tab_navr{ float:left; width:100%;}
.product_tab .tab-menu li{float:left; width:15%; height:50px; overflow:hidden;line-height:50px; overflow:hidden; color:#333; font-size:16px; cursor:pointer; font-weight:bold; text-align:center;border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; margin-left:-1px; transition: all .25s ease; border-bottom:2px solid #e6e6e6}
.product_tab .tab-menu li i{ color:#666; font-size:40px; font-weight:bold; line-height:30px;}
.product_tab .tab-menu li:hover{ background: #fff; color:#db2232; border-bottom:2px solid #fff}
.product_tab .tab-menu li:hover i{ color:#db2232;}
.product_tab .tab-menu li.active{ background: #fff; color:#db2232; height:50px; border-bottom:2px solid #db2232}
.product_tab .tab-menu li.active i{ color:#db2232;}
.product_tab .tab-content{ float:left; width:100%; overflow:hidden;}
.product_tab .tab-content .tab-content_c{ float:left; width:100%; overflow:hidden; padding:30px 0 80px 0; line-height:26px; font-size:14px; color:#333}
.product_tab .tab-content .tab-content_c img{ max-width:100%}
.product_tab .tab-content .tab-content_c table{ float:left; width:100%;}
.product_tab .tab-content .tab-content_c table tr{ background:#db2232 !important;}
.product_tab .tab-content .tab-content_c table tr td{ padding:5px 5px; background:#eee !important; color:#333 !important; border:1px solid #ddd !important; font-size:14px;}
.product_tab .tab-content .tab-content_c .tab-con_left{ float:left; width:30%;}
.product_tab .tab-content .tab-content_c .tab-con_left img{ float:left; width:100%;}
.product_tab .tab-content .tab-content_c .tab-con_right{ float:right; width:68%;line-height:26px; font-size:14px; color:#333}
.product_tab .tab-content .tab-content_c .tab-con_right img{ max-width:100%}
.product_tab .tab-content .tab-content_c .p_title{ float:left; width:100%; line-height:30px; font-size:22px; color:#db2232; padding-bottom:10px;}

.brand{}
.brand .brand_item{ overflow:hidden; padding:50px 0;}
.brand .brand_bady{ background:#f5f5f5}
.brand .brand_item .b_title{ line-height:60px; font-size:30px;}
.brand .brand_item .b_title a{ float:right; font-size:15px; font-weight:bold}
.brand .brand_item .brand_about_l{ float:left; width:48%; line-height:28px; font-size:14px; text-align:justify;}
.brand .brand_item .brand_about_l img{ max-width:100%}
.brand .brand_item .brand_about_r{ float:right; width:48%; line-height:28px; font-size:14px; text-align:justify;}
.brand .brand_item .brand_about_c{ float:left; width:100%; line-height:28px; font-size:14px; text-align:justify;}
.brand .brand_item .brand_about_c img{ max-width:100%}
.brand .brand_item .brand_about_c table{ width:100% !important; border:0}
.brand .brand_item .brand_about_c table tr td{ border:0}
.brand .brand_item .brand_about_c .movie{ margin:0 auto; height:450px; position:relative; width:750px;}
.brand .brand_item .brand_about_c #videosouce{ width:100% !important; height:100%; position:absolute;}
.brand .brand_item .brand_about_c poster{ border:1px solid #F0F}
.brand .brand_item .brand_about_c #play{ color: #fff; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; width: 100px; height: 100px; background:url(../images/play.png) no-repeat center center;background-size: contain; cursor: pointer; z-index: 1;}

.brand .brand_item .brand_about_r .movie{ float:right; height:320px; position:relative; width:505px;}
.brand .brand_item .brand_about_r #videosouce{ width:100% !important; height:100%; position:absolute;}
.brand .brand_item .brand_about_r poster{ border:1px solid #F0F}
.brand .brand_item .brand_about_r #play{ color: #fff; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; width: 100px; height: 100px; background:url(../images/play.png) no-repeat center center;background-size: contain; cursor: pointer; z-index: 1;}

.brand .brand_item .hotPic2{}
.brand .brand_item .hotPic2 .JQ-slide{ position:relative; height:300px; margin-top:15px; border:1px solid #f5f5f5}
.brand .brand_item .hotPic2 .JQ-slide .wrap2 { width:95%; height:260px; overflow:hidden; position:relative; margin:0 auto; margin-top:15px;}
.brand .brand_item .hotPic2 .JQ-slide-content{ position:absolute; margin-left:-10px;}
.brand .brand_item .hotPic2 .imgList li { float:left; width:215px; height:260px; background:#fff; margin:0 0 0 10px; border:1px solid #f5f5f5; text-align:center;}
.brand .brand_item .hotPic2 .imgList li img { width:100%; height:230px;}
.brand .brand_item .hotPic2 .imgList li i{ height:30px; line-height:40px; text-align:center;}
.brand .brand_item .hotPic2 .JQ-slide-nav a{ display:block; z-index:2; width:20px; height:24px; overflow:hidden; text-indent:-999em; text-decoration:none; position:absolute; top:120px; background:url(../images/main21.png) no-repeat #ddd; border-radius:3px;}
.brand .brand_item .hotPic2 .JQ-slide-nav a.prev { left:0px; background-position:0 0px;}
.brand .brand_item .hotPic2 .JQ-slide-nav a.next{ right:0px; background-position:-24px 0px;}
.brand .brand_item .imgList { float:none; overflow:hidden;	zoom:1}
.brand .brand_item .imgList li { float:left; display:inline; overflow:hidden;}
.brand .brand_item .imgList li a { display:block;}
.brand .brand_item .imgList li .txt { text-align:center; overflow:hidden;}

.brand .brand_item .brand_item_pro{ position:relative; overflow:hidden; width:100%;}
.brand .brand_item .brand_item_pro ul{ position:relative; margin-left:-2%;}
.brand .brand_item .brand_item_pro li{ float:left; width:18%; margin-left:2%}
.brand .brand_item .brand_item_pro li p{ float:left; width:100%;}
.brand .brand_item .brand_item_pro li p img{ float:left; width:100%;}
.brand .brand_item .brand_item_pro li span{ float:left; width:100%; line-height:50px; text-align:center;}



.product_desc{ position:relative; overflow:hidden; padding:30px 0 20px 0}
.product_desc_b_none{ padding:40px 0 20px 0}
.product_desc .product_desc_z{ float:left; width:15%; padding-top:30px}
.product_desc .product_desc_z a{display:block;height:50px;position:relative;line-height:50px; text-indent:15px; border-left:6px solid #3e3a39;overflow:hidden;font-size:15px}
.product_desc .product_desc_z a:after{content:'';position:absolute;width:100%;height:100%;background-color:#eee;left:0;top:0;z-index:-1;transform:translateX(-100%);transition:all .3s ease}
.product_desc .product_desc_z a:hover:after{transform:none}
.product_desc .product_desc_z a.cur{font-weight:bold; border-left:6px solid #db2232;background-color:#eee;}
.product_desc .product_desc_z a.active:after{transform:none}
.product_desc .product_desc_l{ float:left; width:40%; padding:0 2%}
.product_desc .product_desc_l .flexslider{ width:100%; height:100%; display:inline-block; position:relative;  background:url(../images/loading.gif) 50% no-repeat;}
.product_desc .product_desc_l .slides{position:relative;z-index:1;}
.product_desc .product_desc_l .slides li{ width:100%; height:100%; cursor:pointer; text-align:center;}
.product_desc .product_desc_l .slides li img{ max-width:100%;}
.product_desc .product_desc_l .flex-control-nav{position:absolute;bottom:15px; left:45%;z-index:2; text-align:center; background:rgba(0,0,0,0.5); filter:alpha(opacity=50); padding:5px 10px 10px 10px;border-radius:20px; }
.product_desc .product_desc_l .flex-control-nav li{display:inline-block;width:15px; margin:0 5px; *display:inline;zoom:1; cursor:pointer}
.product_desc .product_desc_l .flex-control-nav a{display:inline-block;width:15px; vertical-align:bottom;height:15px;line-height:100px; text-align:center; color:#fff; overflow:hidden; background:#fff; cursor:pointer;border-radius:50%; }
.product_desc .product_desc_l .flex-control-nav .flex-active{ background:#db2232;}
.product_desc .product_desc_l .flex-direction-nav{position:absolute;z-index:3;width:100%; height:82px;top:45%;}
.product_desc .product_desc_l .flex-direction-nav li a{display:block;width:30px;height:60px;overflow:hidden;cursor:pointer;position:absolute; transition:none;border-radius:2px; }
.product_desc .product_desc_l .flex-direction-nav li a.flex-prev{left:0;background:url(../images/arrows.png) -8px center no-repeat; transition: all .25s ease;}
.product_desc .product_desc_l:hover .flex-direction-nav li a.flex-prev{ background:url(../images/arrows.png) -8px center no-repeat #db2232;}
.product_desc .product_desc_l .flex-direction-nav li a.flex-next{right:0;background:url(../images/arrows.png) -60px center no-repeat;  transition: all .25s ease;}
.product_desc .product_desc_l:hover .flex-direction-nav li a.flex-next{right:0;background:url(../images/arrows.png) -60px center no-repeat #db2232;}
.product_desc .product_desc_r{ float:right; width:41%;}
.product_desc .product_desc_r h2{ line-height:50px; color:#db2232; font-size:24px; font-weight:bold; padding-top:30px}
.product_desc .product_desc_r h3{ line-height:40px; font-size:14px; color:#555}
.product_desc .product_desc_r h3 i{ font-weight:bold}
.product_desc .product_desc_r h4{ line-height:26px; font-size:14px; color:#555; text-align:justify}
.product_desc .product_desc_r h4 i{ font-weight:bold}
.product_desc .product_desc_r h5{ padding-top:50px;}
.product_desc .product_desc_r h5 a{ padding:15px 35px; border:1px solid #db2232; color:#333; margin-right:10px; border-radius:5px; font-size:16px;box-shadow: 0 1px 10px #ccc;}
.product_desc .product_desc_r h5 a i{ font-size:18px; padding-right:5px; color:#333}
.product_desc .product_desc_r h5 a.seryw{ background:#db2232; color:#fff}
.product_desc .product_desc_r h5 a.seryw i{ color:#fff}
.product_desc .product_desc_r h5 a:hover{ background:#db2232; color:#fff}
.product_desc .product_desc_r h5 a:hover i{ color:#fff}
.product_desc .product_desc_t{ float:left; width:100%; border-bottom:1px solid #ccc; line-height:50px; padding-top:30px; font-size:22px; color:#333;}
.product_desc .product_desc_c{ float:left; width:100%; text-align:justify; font-size:14px; color:#555; line-height:26px; padding:20px 0}
.product_desc .product_desc_c img{ max-width:100%}
.product_desc .product_desc_c table{ border:1px solid #ddd !important; width:100%;}
.product_desc .product_desc_c table tr{ width:auto !important; border:1px solid #ddd !important;}
.product_desc .product_desc_c table tr td{ width:auto !important; border:1px solid #ddd !important; text-align:center !important; padding:0 20px !important;}
.product_desc .product_desc_c h5{ padding-top:50px;}
.product_desc .product_desc_c h5 a{ padding:10px 30px; border:1px solid #db2232;}
.product_desc .product_desc_c h5 a:hover{ background:#db2232; color:#fff}


.show_list_llover{ display: none; position:fixed; top:50%; left:50%; margin:-220px 0 0 -500px; width:1000px; height:440px; background:rgba(219,34,50,0.9); filter:alpha(opacity=95); z-index:50; overflow:hidden;}
.show_list_llover a{ right:20px; top:50px; position:absolute; width:50px; height:50px; background:#eee; color:#333; font-size:30px; line-height:47px; text-align:center;}
.show_list_llover .show_l_closede{ width:940px; margin:0 auto; padding:50px 50px 50px;}
.show_list_llover .show_l_closede li{ float:left; position:relative; width:40%; margin-left:5%; margin-bottom:20px;}
.show_list_llover .show_l_closede li input{ float:left; width:100%; height:50px; line-height:50px; text-indent:20px; color:#333; border:0; outline:none;}
.show_list_llover .show_l_closede li .submit{ background:#333; color:#fff; font-size:15px; cursor:pointer}
.show_list_llover .show_l_closede li img{ position:absolute; right:0; top:0}
.show_list_llover .show_l_closede li textarea{ float:left; width:96%; padding:10px 2%; height:100px; line-height:50px; text-indent:20px; color:#333; border:0; outline:none;}
.black_show{ display: none; position:fixed; z-index:1; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.8); filter:alpha(opacity=80);}

.contact{ overflow:hidden; padding:60px 0 150px 0; position:relative; display:none;}
.contact .contact_l{ float:left; width:0%; height:700px; position:relative}
.contact .contact_r{ float:left; width:65%; padding-left:30%; line-height:26px; color:#333; font-size:14px;}
.contact .contact_r hr{ border-top:1px solid #ddd; border-bottom:none; border-left:none; border-right:none; height:1px;}
.contact .contact_r .c_r_kf{ margin-bottom:50px; height:60px; line-height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.contact .contact_r .c_r_kf span{ float:left; margin-right:10px; color:#333; font-weight:bold;}
.contact .contact_r .c_r_kf li{ float:left; padding:0 20px; color:#db2232; font-weight:bold; border-right:1px solid #eee; border-left:1px solid #eee;}
.contact .contact_r .c_r_kf li img{ padding-right:5px;}
.map_kf .c_r_kf{ padding:30px 0; height:60px; line-height:60px; text-align:center;}
.map_kf .c_r_kf span{ display:inline-block; margin-right:10px; color:#333; font-weight:bold;}
.map_kf .c_r_kf li{ display:inline-block; padding:0 20px; color:#db2232; font-weight:bold; border-right:1px solid #eee; border-left:1px solid #eee; margin-left:-5px}
.map_kf .c_r_kf li img{ padding-right:5px;}


.honor{ overflow:hidden; height:800px; background:url(../images/honor-ibg.jpg) center no-repeat; margin-top:80px;}
.honor .honor_nav{ float:left; width:100%; text-align:left; line-height:80px; padding-top:50px;}
.honor .honor_nav a{ padding:13px 30px; border:1px solid #666; color:#333; margin-right:-1px}
.honor .honor_nav a:hover{ color:#db2232; border:1px solid #db2232;}
.honor .honor_nav a.cur{ border:1px solid #db2232; background:#db2232; color:#fff;}
.honor .honor_list{ float:left; width:85%; padding-right:15%; padding-top:25px; padding-bottom:25px;}
.honor .honor_list li{ float:left; width:23%; margin-right:2%; margin-bottom:15px; margin-top:10px}
.honor .honor_list li p{ float:left; width:100%;}
.honor .honor_list li p img{ float:left; width:100%;}
.honor .honor_list li span{ float:left; width:100%; line-height:45px; text-align:center; font-size:15px;}


.contact_c{ overflow:hidden; padding:50px 0 100px 0;}
.contact_c .contact_l{ float:left; width:45%;}
.contact_c .contact_r{ float:right; width:50%; line-height:35px; color:#666}
.contact_c .contact_r img{ max-width:100%}


.feek{ overflow:hidden; padding:110px 0; margin-top:80px;}
.feek .c_title2{ height:45px; line-height:45px; font-size:30px; color:#000; text-align:center;}
.feek .c_title3{ line-height:30px; font-size:13px; color:#666; text-align:center;}
.feek .con_t_nav{ display:block; text-align:center;}
.feek .con_t_nav .c_n_c{ position:relative; display:inline-block; margin:10px 0;border-radius:5px; overflow:hidden; border:1px solid #db2232}
.feek .con_t_nav a{ display:inline-block; *display:inline; zoom:1; border-left:1px solid #db2232; padding:12px 30px; margin-left:-5px; font-size:16px;}
.feek .con_t_nav a.cur{ background:#db2232; color:#fff}
.feek .submit{ width:900px; margin:0 auto; padding-top:50px; overflow:hidden;}
.feek .submit .s_l{ float:left; width:430px;}
.feek .submit .s_r{ float:right; width:430px;}
.feek .submit li{ float:left; margin-bottom:20px;}
.feek .submit li input{ float:left; font-size:14px; outline:none; text-indent:10px; border-radius:3px; background:#fff; border:1px solid #ccc;}
.feek .submit .su_l{ width:430px; height:50px;}
.feek .submit .su_l input{ width:430px; height:50px; line-height:50px;}
.feek .submit .su_r{ width:430px; height:275px;}
.feek .submit .su_r textarea{ float:left; width:405px; height:241px; padding:10px; background:#fff; border:1px solid #ccc; border-radius:3px; font-size:14px; outline:none;}
.feek .submit .su_b{ width:900px;}
.feek .submit .su_b input{ width:896px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#666}
.feek .submit .su_b.sub input{ background:#db2232; border:1px solid #db2232; color:#fff; cursor:pointer}



.zhaop_con{ overflow:hidden; background:#eee; padding:0 0 60px 0; margin:0 auto;}
.body_n{ height:45px; line-height:45px; overflow:hidden; width:95%; margin:0 auto; font-size:16px; color:#db2232; padding:0 10px; border-bottom:1px solid #ddd; background:url(../images/body_nbg.png) left center no-repeat; margin-top:20px}
.body_c{ height:auto; overflow:hidden; width:97%; margin:0 auto}
.zp_list{}
.zp_list li{ padding:0 10px; background:#fff; margin-top:15px}
.zp_Ltop{ height:48px; line-height:48px; cursor:pointer;}
.zp_jobName{ background:url(../images/zp_tbd.png) no-repeat right; font-size:16px; display:block; color:#333}
.zp_jobName table{}
.zp_jobTime{ color:#888; margin:0 12px 0 18px;}
.zp_jobNum{ color:#888;}
.zp_Ldown{ color:#333; font-size:14px; height:auto; overflow:hidden; line-height:30px; padding:15px; border-top:1px solid #e0e0e0; display:none;}
.zp_list li.zp_cur .zp_jobName{ color:#333; background:url(../images/zp_ho.png) no-repeat right;}
.join_email{ padding:30px 0 0 0; text-align:center; font-size:15px; line-height:24px; color:#444}
.join_email i{ font-size:15px; color:#db2232}
.ok_sum{ text-align:center; padding:10px 0 50px 0;}
.ok_sum a{ padding:10px 50px; font-size:14px; color:#333; border:1px solid #333;}



.contact_map{ overflow:hidden; padding:50px 0 100px 0; background:#f5f5f5}
.contact_map .contact_map_title{ text-align:center; line-height:80px; font-size:22px; color:#333;}
.contact_map .haier-school{overflow:hidden;position:relative}
.contact_map .fendian_show{display:none;width:400px;padding-bottom:40px;background:#333;color:#fff;position:absolute;top:100px;right:50px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.contact_map .shengfen{width:80%;margin:0 auto;}
.contact_map .date{display:none}
.contact_map .office_dz{width:100%;display:block;float:left;overflow:hidden;line-height:40px;border-bottom:2px solid #fff; color:#fff; font-size:18px; text-align:left; margin-top:15px;}
.contact_map .office_cz,.office_dh{width:100%;display:block;float:left;overflow:hidden;line-height:35px;font-size:16px; border-bottom:1px solid #444; color:#666; text-align:left}
.contact_map .office_cz font,.office_dh font{font-family:icon;font-size:30px;line-height:15px;color:#bfdeab;padding-right:5px}
.contact_map .fendian_show h1{color:#fff;padding:0;margin:0;display:block;height:50px;line-height:50px; font-size:18px; margin-bottom:10px;background:#db2232;border-radius:5px 5px 0 0; text-align:center}
.contact_map .close{background:url(../images/map/close.png) no-repeat;width:27px;height:27px;cursor:pointer;top:-10px;right:-10px;position:absolute}
.contact_map .fendian_show a{display:block;background:url(../images/map/jt5.gif) no-repeat 20px center;font-weight:400;font-size:14px;padding-left:20px;height:30px;line-height:30px;color:#e7c69f}
.contact_map .fendian_show a:hover{color:#fff}
.contact_map .zhezhao{display:none;/*background:url(../images/map/zhezhao.png) no-repeat top left;*/width:111px;height:538px;left:0;top:0;z-index:999;position:absolute}
.contact_map .china-map a{color:#555;text-decoration:none;font-size:12px}
.contact_map .haier-school .china-map{background:url(../images/map/zhongguoditu.png) no-repeat;width:626px;height:526px;overflow:hidden;position:relative;color:#5D5D5D; margin:0 auto}
.contact_map .china-map li.current a span{color:#FFF}
.contact_map .china-map li span{position:absolute;display:block}
.contact_map .china-map li a{position:absolute;display:block;cursor:pointer;outline:0}
.contact_map .heirongjiang{top:0;right:0;width:140px;height:124px}
.contact_map .heirongjiang span{top:70px;left:64px}
.contact_map .china-map li.current .heirongjiang{background:url(../images/map/heirongjiang.png)}
.contact_map .xinjiang{top:59px;left:0;width:248px;height:189px}
.contact_map .xinjiang span{top:105px;left:110px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .xinjiang{background:url(../images/map/xinjiang.png)}
.contact_map .gansu{top:159px;left:207px;width:177px;height:149px}
.contact_map .gansu span{top:110px;left:116px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .gansu{background:url(../images/map/gansu.png)}
.contact_map .neimenggu{top:6px;right:91px;width:273px;height:233px}
.contact_map .neimenggu span{top:175px;left:104px;}
.contact_map .china-map li.current .neimenggu{background:url(../images/map/neimenggu.png)}
.contact_map .xizang{top:234px;left:25px;width:244px;height:149px}
.contact_map .xizang span{top:75px;left:110px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .xizang{background:url(../images/map/xizang.png)}
.contact_map .qinghai{top:206px;left:163px;width:155px;height:112px}
.contact_map .qinghai span{top:42px;left:67px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .qinghai{background:url(../images/map/qinghai.png)}
.contact_map .sichuan{top:286px;left:252px;width:122px;height:119px}
.contact_map .sichuan span{top:42px;left:47px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .sichuan{background:url(../images/map/sicuan.png)}
.contact_map .yunnan{top:359px;left:246px;width:111px;height:116px}
.contact_map .yunnan span{top:57px;left:42px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .yunnan{background:url(../images/map/yunnan.png)}
.contact_map .guangxi{top:401px;left:339px;width:94px;height:69px}
.contact_map .guangxi span{top:27px;left:42px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .guangxi{background:url(../images/map/guangxi.png)}
.contact_map .guangdong{top:411px;left:402px;width:98px;height:75px}
.contact_map .guangdong span{top:15px;left:42px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .guangdong{background:url(../images/map/guangdong.png)}
.contact_map .guizhou{top:357px;left:327px;width:76px;height:66px}
.contact_map .guizhou span{top:27px;left:25px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .guizhou{background:url(../images/map/guizhou.png)}
.contact_map .hunan{top:344px;left:390px;width:68px;height:79px}
.contact_map .hunan span{top:27px;left:25px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .hunan{background:url(../images/map/hunan.png)}
.contact_map .chongqing{top:314px;left:349px;width:58px;height:59px}
.contact_map .chongqing span{top:23px;left:9px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .chongqing{background:url(../images/map/chongqing.png)}
.contact_map .shanxi{top:209px;left:352px;width:62px;height:110px}
.contact_map .shanxi span{top:70px;left:16px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .shanxi{background:url(../images/map/saixi.png)}
.contact_map .ningxia{top:214px;left:335px;width:35px;height:53px}
.contact_map .ningxia span{top:17px;left:6px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .ningxia{background:url(../images/map/ningxia.png)}
.contact_map .hubei{top:300px;left:385px;width:95px;height:58px}
.contact_map .hubei span{top:20px;left:40px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .hubei{background:url(../images/map/hubei.png)}
.contact_map .sanxi{top:191px;left:403px;width:43px;height:85px}
.contact_map .sanxi span{top:32px;left:10px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .sanxi{background:url(../images/map/sanxi.png)}
.contact_map .henan{top:252px;left:407px;width:70px;height:67px}
.contact_map .henan span{top:24px;left:20px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .henan{background:url(../images/map/henan.png)}
.contact_map .jilin{top:99px;left:508px;width:105px;height:66px}
.contact_map .jilin span{top:24px;left:50px;}
.contact_map .china-map li.current .jilin{background:url(../images/map/jilin.png)}
.contact_map .liaoning{top:138px;left:493px;width:74px;height:69px}
.contact_map .liaoning span{top:18px;left:31px}
.contact_map .china-map li.current .liaoning{background:url(../images/map/liaoning.png)}
.contact_map .shandong{top:222px;left:458px;width:80px;height:53px}
.contact_map .shandong span{top:10px;left:16px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .shandong{background:url(../images/map/shandong.png)}
.contact_map .jiangsu{top:263px;left:477px;width:69px;height:67px}
.contact_map .jiangsu span{top:10px;left:22px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .jiangsu{background:url(../images/map/jiangsu.png)}
.contact_map .sanghai{top:308px;left:529px;width:17px;height:17px}
.contact_map .sanghai span{top:0;left:0;width:30px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .sanghai{background:url(../images/map/shanghai.png)}
.contact_map .anhui{top:273px;left:462px;width:59px;height:71px}
.contact_map .anhui span{top:30px;left:16px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .anhui{background:url(../images/map/anhui.png)}
.contact_map .jiangxi{top:339px;left:452px;width:58px;height:83px}
.contact_map .jiangxi span{top:30px;left:11px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .jiangxi{background:url(../images/map/jiangxi.png)}
.contact_map .zhejiang{top:331px;left:505px;width:46px;height:44px}
.contact_map .zhejiang span{top:10px;left:11px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .zhejiang{background:url(../images/map/zhejiang.png)}
.contact_map .fujian{top:364px;left:485px;width:52px;height:67px}
.contact_map .fujian span{top:23px;left:11px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .fujian{background:url(../images/map/fujian.png)}
.contact_map .taiwan{top:403px;left:540px;width:20px;height:48px}
.contact_map .taiwan span{top:12px;left:0;width:30px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .taiwan{background:url(../images/map/taiwan.png)}
.contact_map .hainan{bottom:0;left:390px;width:31px;height:25px}
.contact_map .hainan span{top:-20px;left:0;color:#db2232;font-weight:700}
.contact_map .china-map li.current .hainan{background:url(../images/map/hainan.png)}
.contact_map .hebei{top:158px;left:437px;width:67px;height:96px}
.contact_map .hebei span{top:51px;left:10px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .hebei{background:url(../images/map/hebei.png)}
.contact_map .beijing{top:182px;left:455px;width:23px;height:24px}
.contact_map .beijing span{top:0;left:0;width:30px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .beijing{background:url(../images/map/beijing.png)}
.contact_map .tianjin{top:193px;left:471px;width:14px;height:22px}
.contact_map .tianjin span{top:4px;left:0;width:30px;color:#db2232;font-weight:700}
.contact_map .china-map li.current .tianjin{background:url(../images/map/tianjin.png)}







/* ====================  手机  ==================== */
@media screen and (max-width:1700px){
.contact .contact_r{ background-position:200px center !important}
}
@media screen and (max-width:1600px){
.contact .contact_r{ background-position:150px center !important}
}
@media screen and (max-width:1530px){
.contact .contact_r{ background-position:100px center !important}
}
@media screen and (max-width:1400px){
.contact .contact_r{ background-position:60px center !important}
}
@media screen and (max-width:1360px){
.contact .contact_r{ background-position:0 center !important}
.header .header_h .langs_nav .mainlevel{ margin-right:45px}
.top_banner{ overflow: hidden; height:600px; margin-top:80px; }
}
@media screen and (max-width:1280px){
.contact .contact_r{  background:none !important; width:94%; padding:0 3%;}
}

@media screen and (max-width:1200px){
.warp{ width:100%; position:relative; max-width:1050px; margin:0 auto;}

.top_banner{ height:480px; }
.top_banner .flexslider{ height:480px; }
.top_banner .slides{ height:480px;}
.top_banner .slides li{ background-size:140% !important}
.top_banner .slides li img{ width:140%; margin-left:-20%}

.index_service{ height:537px}

.index_pro{ padding:10px 0 30px 0;}
.index_pro_list{ height:510px;}
.index_pro_list li.item1{ width:485px; height:300px; left:0px; top:0}
.index_pro_list li.item2{ width:235px; height:195px; left:0; bottom:0}
.index_pro_list li.item3{ width:235px; height:195px; left:250px; bottom:0}
.index_pro_list li.item4{ width:296px; height:265px; left:500px; top:0}
.index_pro_list li.item5{ width:296px; height:250px; left:500px; bottom:0}
.index_pro_list li.item6{ width:240px; height:246px; top:0; right:0}
.index_pro_list li.item7{ width:240px; height:250px; right:0; bottom:0}

.header .header_h .langs_nav .mainlevel{ margin-right:32px}
.foot .foot_nav .item{ margin-right:25px}
.foot .foot_nav .item_r{ margin-left:40px}
.foot .foot_erwm{width:160px;}
.foot .foot_erwm img{ float:left; width:100%}


}

@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){
.header{ padding:0 10px;}
.header .logo img{ height:100%}
.header .langs .langs_l{ display:none;}
.header .langs .langs_r{ margin-right:40px}
.cl_nav{ position:absolute; float:right; top:14px; right:40px; display:block; z-index:100; background:url(../images/t_tcimg.png) right center no-repeat; background-size:26px 19px; width:26px; height:28px; margin-top:12px; cursor:pointer;}
.langs_wx{ display:none}
.langs_l{ display:none;}
.langs_r{ margin-right:60px;}
.allnav_left{position:fixed;height:100% !important;background:#fff;z-index:100;width:60%;padding:0 10px; max-width:320px;left:-500px;top:0; z-index:10}
.allnav_left .warp{ margin-top:60px}
.allnav_left li{ float:left; width:100% !important; height:auto !important; line-height:50px; border:none !important;}
.allnav_left li .n_list{ height:50px !important; line-height:50px !important; color:#666; border-bottom:1px solid #ddd}
.allnav_left li dl{ display:none !important;}
.langs_nav{ padding-top:50px;}
.theclose{overflow:hidden; display:block; position:absolute; right:0; top:0; padding:15px; text-align:center; background:#eee; cursor:pointer;}
.bk_gray{background:#000;opacity:0.5;filter:alpha(opacity=50);position:fixed;width:100%;height:100%;z-index:5;display:none;top:0}
img { -webkit-touch-callout: none;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none; 
pointer-events: none; 
}	
.top_banner{ height:280px;}
.top_banner .flexslider{ height:280px;}
.top_banner .slides{ height:280px;}
.top_banner .slides li{ height:280px; background-size:145% 100% !important}
.top_banner .flex-direction-nav{ display:none;}
.top_banner .flex-control-nav{position:absolute;bottom:15px; left:48%;z-index:2; text-align:center; background:rgba(0,0,0,0.5); filter:alpha(opacity=50); padding:0 10px 10px 10px;border-radius:20px; }
.top_banner .flex-control-nav li{display:inline-block;width:10px; margin:0 5px; *display:inline;zoom:1; cursor:pointer}
.top_banner .flex-control-nav a{display:inline-block;width:10px; vertical-align:bottom;height:10px;line-height:100px; text-align:center; color:#fff; overflow:hidden; background:#fff; cursor:pointer;border-radius:50%; }

.index_pro_lists li{ width:46%; padding:15px 2%;}
.about_contents li{ width:46%; padding:15px 2%;}

.ho_about .ho_about_list{ width:96%; padding:0 2%;}
.ho_about .ho_about_list li{ width:48%; height:200px; margin-bottom:10px;}
.ho_about .ho_about_list li:nth-child(5){ width:98%;}
.ho_about .ho_about_list li .m{ height:100%;}
.ho_about .ho_about_list li p img{ max-width:100%; max-height:100%; margin-top:-50px;}
.ho_about .ho_about_list li span{ font-size:1.3em}

.ho_service{ padding:10px 0 50px 0}
.ho_service .warp{ float:left; width:96%; padding:0 2%;}
.ho_service .ho_news{ width:100%;}
.ho_service .ho_news .ho_news_li li .n_l{ width:100%;}
.ho_service .ho_news .ho_news_li li .n_r{ width:100%;}
.ho_service .ho_news .ho_news_li li .n_r h2{ padding-top:6px;}
.ho_service .ho_hez{ width:100%;}
.ho_service .ho_hez li{ float:left; width:33%; height:auto !important;}
.ho_service .ho_hez li p{ width:100%; height:auto}
.ho_service .ho_hez li img{ width:100% !important; height:auto !important;}


.con_banner{ height:180px; padding: 0 2%; background-size:auto 180px !important; background-position:-100px center !important}
.con_banner .b_title{ line-height: 40px; font-size:22px; color:#fff; text-align:right; padding-top: 60px;text-shadow:#333 2px 2px 5px;}
.con_banner .b_title i{ color:#fff;text-shadow:#333 2px 2px 5px;}
.con_banner .b_titles{ line-height: 40px; font-size:14px; color:#fff; text-align:right;text-shadow:#333 2px 2px 5px;}

.solutions .so_list .so_list_img{ width: 100%; height: auto}
.solutions .so_list .so_list_img img{ height: auto}
.solutions .so_list .so_list_wz{ width: 95%}

.contact_c{ overflow:hidden; padding:20px 3% 50px 3% !important;}
.contact_c .contact_l{ float:left; width:100% !important;}
.contact_c .contact_l #map{ height:200px !important;}
.contact_c .contact_r{ float:right; width:100% !important; padding-top:10px !important; line-height:28px !important; color:#666; font-size:13px}
.contact_c .contact_r img{ max-width:100%}
.contact_c .contact_r .m_co{ font-size:18px !important}

.con_nav{ width:96%; overflow:hidden; padding:0 2%; height:auto; padding-bottom:10px;}
.con_nav .row-head{ float:left; width:100%; height:60px; line-height:50px; border-bottom:1px solid #ddd;}
.con_nav .row-main{ float:left; width:100%}
.con_nav .row-main .list{}
.con_nav .row-main .list .item{ float:left; width:33.3%; height:40px; line-height:40px; text-align:center; }
.con_nav .list .item .aItem{ height:40px; line-height:50px}
.con_nav .row-main .list .item .aItem{ font-size:13px; overflow:hidden}

.con_nav_l{ padding:0 2%;}

.about{ float:left; width:100%; padding:10px 0}
.about .warp{ padding:0 2%; overflow:hidden; width:96%;}
.about .about_content{ width:100%; padding:0}
.about_content .c_title{ height:60px; line-height:50px; display:none;}
.about .about_content .about_content_l{ float:left; width:100%; padding:0;}
.about .about_content .about_content_r{ float:left; width:100%; padding:0}
.about_fzlc .warp{ padding:0 2%; overflow:hidden; width:96%;}
.about_fzlc .about_content{ width:100%;}
.about_fzlc .about_content .fzlc_content_l{ float:left; width:100%; padding:0;}
.about_fzlc .about_content .fzlc_content_r{ float:left; width:100%; padding:0}

.ho_news .ho_news_li li .n_l img{ height:auto;}

.contact{ width:100%; padding:30px 0 60px 0; }
.contact .warp{ padding:0 2%; overflow:hidden; width:96%;}
.contact .contact_l{ display:none;}
.contact .contact_r{ float:left; width:100%; padding:0; background:none !important; height:auto;}


.productlist{ overflow:hidden; background:#f5f5f5; padding:10px 0}
.productlist ul{ float:left; margin-left:-2%}
.productlist li{ float:left; width:48%; background:#efefef; position:relative; overflow:hidden; margin-left:2%; margin-bottom:30px; padding-bottom:100px;}
.productlist li .proimg{ float:left; width:100%; position:relative}
.productlist li .proimg img{ float:left; width:100%}
.productlist li .protit{ position:absolute; width:100%; left:0; bottom:0; background:#fff;}
.productlist li .protit span{ float:left; width:80%; padding:0 10%; height:50px; line-height:50px; text-align:center; font-size:14px; color:#222}
.productlist li .protit dl{ overflow:hidden; float:left; width:90%; height:50px; line-height:50px; text-align:center; margin-left:5%; color:#666; text-align:center; border-top:1px dashed #ddd;}
.productlist li .protit dd{ height:0px; overflow:hidden; float:left; width:90%; text-align:center; margin-left:5%; text-align:center;transition: all .25s ease;}
.productlist li:hover .protit dd{ height:100px;}
.productlist li .protit dd a{ border:1px solid #db2232; border-radius:20px; padding:5px 15px; margin-top:10px; display:inline-table;}
.productlist li .protit dd a.ax{ color:#db2232}
.productlist li .protit dd a.xq{ margin-left:0; background:#db2232; color:#fff}

.product_desc .product_desc_r h2{ padding-top:10px}
.product_desc .product_desc_r h5{ float:left; width:100%; padding-top:20px}
.product_desc .product_desc_r h5 a{ float:left; margin-bottom:10px}


.index_pro{ overflow:hidden; padding:0 2% 30px 2%;}
.index_pro_bitle{ overflow:hidden; padding:10px 0}
.index_pro_bitle h2{ float:left; width:100%; line-height:40px; font-size:24px; color:#333}
.index_pro_bitle span{ float:right; width:100%;}
.index_pro_bitle span a{ float:left; width:33.3%; overflow:hidden; line-height:35px; margin-left:0; color:#666; font-size:12px}
.index_pro_bitle span a:hover{ color:#db2232}
.index_pro_list{ float:left; overflow:hidden; width:100%; height:auto !important; position:relative !important}
.index_pro_list li{ float:left !important; width:50% !important; height:auto !important; background:#fff; position:relative !important; overflow:hidden; left:0 !important}
.index_pro_list li:nth-child(7){ display: none;}
.index_pro_list li .inproimg{ float:left; width:100%; height:auto !important; position:relative !important}
.index_pro_list li .inproimg a{ float:left; width:100%}
.index_pro_list li .inproimg p{ float:left; width:100%; height:auto;}
.index_pro_list li .inproimg p img{ float:left; width:100%; margin-top:-5%;}
.index_pro_list li .inproimg span{ float:left; width:80%; padding:0 10%; overflow:hidden; position:relative !important; left:0; bottom:10px; height:40px; line-height:40px; text-align:center; font-size:13px !important; color:#333; transition: all .25s ease;}
.index_pro_list li .inprotit{ display:none;}
.index_pro_list li:hover .inproimg span{ bottom:-200%}
.index_pro_list li:hover .inprotit{ background:rgba(0,0,0,0.5); filter:alpha(opacity=50);}
.index_pro_list li:hover .inprotit p{ top:20%;}
.index_pro_list li:hover .inprotit span{ bottom:50px;}
.index_pro_list li:hover .inprotit dd{ bottom:10px;}



.index_service{ overflow:hidden; height:auto !important; background:none; padding-top:0}
.index_service li{ float:left; width:100%; background:#fff; position:relative}
.index_service li.rcss{ margin-left:0}
.index_service li p{ float:left; width:100%}
.index_service li p img{ float:left; width:100%}
.index_service li span{ float:left; width:100%; text-align:center; font-size:24px; font-weight:bold; line-height:30px; padding-top:10px !important; color:#db2232;}
.index_service li i{ float:left; width:100%; line-height:30px; text-align:center}
.index_service li i:before{ display:none}
.index_service li dd{ float:left; width:96%; padding:10px 2%; height:auto !important; font-size:14px; color:#666; line-height:26px; text-align:center;}
.index_service li a{ float:left; width:96%; padding:0 2%; height:50px; line-height:50px; font-size:18px; color:#db2232; border-top: 1px #e7e7e7 dashed;}
.index_service li a:after{ content:"→"; float:right}



.contact .contact_r .c_r_kf{ float:left; width:100%; overflow:hidden; height:auto; margin-bottom:10px}
.contact .contact_r .c_r_kf span{ height:120px; line-height:120px;}

.map_kf{ display:none}
.contact{ display:block}
.contact_map{ display:none}

.feek{ padding:30px 0}
.feek .con_t_nav{ padding:0 2%}
.feek .con_t_nav .c_n_c a{ border-bottom:1px solid #db2232; margin-bottom:-1px;}
.feek .submit{ float:left; padding:0 2%; width:96%; margin-top:20px}
.feek .submit .s_l{ float:left; width:100%;}
.feek .submit .s_l .su_l{ float:left; width:100%}
.feek .submit .s_l .su_l input{ float:left; width:100%}
.feek .submit .s_r{ float:left; width:100%;}
.feek .submit .s_r .su_r{ float:left; width:100%;}
.feek .submit .s_r .su_r textarea{ float:left; width:94%;}
.feek .submit .su_b{ float:left; width:100%;}
.feek .submit .su_b input{ float:left; width:100%;}


.honor{ height:auto; padding-bottom:30px;}
.honor .warp{ padding:0 2%; width:96%;}
.honor .honor_nav{ float:left; width:100%; line-height:45px;}
.honor .honor_nav a{ float:left; width:33%; padding:0; margin:0 0 -1px -1px; text-align:center;}
.honor .honor_list{ width:100%; padding-top:40px}
.honor .honor_list li{ width:22%; margin-left:1%}

.zhaop_none{ display:none}

.news{ padding:20px 0 50px 0;}
.news .news_list{ float:left; padding:0 2%; width:96%; margin-top:0}
.news .news_list .news_list_l{ float:left; width:100%;}
.news .news_list .news_list_l li{ padding:10px 0; margin-bottom:10px}
.news .news_list .news_list_l li .news_list_l_l{ float:left; width:100%;}
.news .news_list .news_list_l li .news_list_l_l a{ float: left; width: 100%;}
.news .news_list .news_list_l li .news_list_l_r{ float:left; width:100%;}
.news .news_list .news_list_l li .news_list_l_r h2{ padding-top:10px}
.news .news_list .news_list_r{ display:none;}

.p_item .p_item_com{ width:60%}
.p_item .p_item_com h2{ font-size:1.4em}
.p_item .p_item_com h3{ font-size:1.1em}
.p_item .p_item_com h4{ text-align:center}
.p_item .p_item_com h4 img{ max-width:100%}
.p_item .p_item_com span{ float:left; width:100%; line-height:30px; text-align:justify; margin:20px 0;}

.product .p_item{ background-size:100% 40% !important; height:100% !important; background-position:center top !important;}
.p_item .p_item_com{ width:90%; height:47%; left:0; top:40%!important; background:#db2232; padding:5%;}
.p_item .p_item_com h4 img{ height:75px}
.p_item .p_item_com h2{ color:#fff; line-height:40px;}
.p_item .p_item_com h3{ line-height:30px;}
.p_item .p_item_com span{ display:none;}

.product_desc{ float:left; width:100%; padding-bottom:30px; padding-top:20px}
.product_desc .warp{ float:left; width:96%; padding:0 2%;}
.product_desc .product_desc_l{ float:left; width:100%;}
.product_desc .product_desc_l .flex-direction-nav li a.flex-prev{left:10px;background:url(../images/arrows.png) -8px center no-repeat #db2232;}
.product_desc .product_desc_l .flex-direction-nav li a.flex-next{right:10px;background:url(../images/arrows.png) -60px center no-repeat #db2232;}
.product_desc .product_desc_r{ float:left; width:100%;}

.product_desc .product_desc_z{ width:100%; padding-top:0}
.product_desc .product_desc_z a{ width:48%; float:left; height:35px; line-height:35px; font-size:14px}

.product_tab{ width:100%}
.product_tab .tab-menu li{ width:19.5%; padding:10px 0; font-size:14px; height:65px}
.product_tab .tab-menu li.active{ height:65px;}
.product_tab .tab-menu li i{ font-size:25px; line-height:40px}
.product_tab .tab-content .tab-content_c .tab-con_left{ display:none;}
.product_tab .tab-content .tab-content_c .tab-con_right{ width:96%; padding:0 2%}


.show_list_llover{ top:0; left:0; margin:0; width:96%; height:98%; padding:2%; overflow-y:auto;}
.show_list_llover a{ right:5px; top:5px; }
.show_list_llover .show_l_closede{ width:100%; margin:0 auto; padding:60px 0 0 0;}
.show_list_llover .show_l_closede li{ width:100%; margin-left:0; margin-bottom:10px;}

.con_banner_p{ height:auto; padding-bottom:10px;}
.con_banner_p h4{ margin-top:15px;}
.con_banner_p span{ line-height:20px; text-align:justify;}

.brand{ float:left; width:100%;}
.brand .brand_item{ float:left; width:96%; padding:0 2%}
.brand .brand_item .brand_about_l{ width:100%;}
.brand .brand_item .brand_about_l img{ float:left; width:50%}
.brand .brand_item .brand_about_r{ width:100%;}
.brand .brand_item .brand_about_r .movie{ width:100%;}
.brand .brand_item .brand_about_c .movie{ width:100%;}
.brand .brand_item .hotPic2 .JQ-slide-content{ position:absolute; margin-left:-10px; width:100% !important;}
.brand .brand_item .hotPic2 .imgList li { float:left; width:45%; height:260px; margin:0 0 0 10px; border:1px solid #f5f5f5; text-align:center;}
.brand_item_pro{ padding-bottom:50px;}
.brand_item_pro ul{ margin-left:-1%}
.brand .brand_item .brand_item_pro ul{ margin-left:-1.5%}
.brand .brand_item .brand_item_pro li{ float:left; width:48%; margin-left:1.5%;}

.zp_jobName tr td{ font-size:12px}


.map{ padding:0 0 100px 0; height:auto}
.map .map_list{ padding:0 3%}
.map .map_list li a{ margin-right:20px;}






.foot{ float:left; width:100%; overflow:hidden; padding:10px 0 30px 0}
.foot .warp{ padding:0 2%; width:96%;}
.foot .foot_nav{ float:left; width:100%;}
.foot .foot_nav .item{ float:left; width:33%; padding:0; margin:0; text-align:center; }
.foot .foot_nav .item:nth-child(5){ margin-top:-75px}
.foot .foot_nav .item_r{ width:100%; text-align:center;}
.foot .foot_nav .item_r span{ float:left; width:100%; text-align:center; padding:15px 0;}
.foot .foot_nav .item_r span a{ float:none; display:inline-block}
.foot .foot_nav .item li a{ font-size:13px;}
.foot .foot_erwm{ float:left; width:100%; text-align:center}
.footen{ width:100%;}
.footen .warp{ width:96%; padding:0 2%;}
.footen .footen_l{ width:100%; padding:10px 0 0 0; line-height:30px; text-align:center}
.footen .footen_r{ width:100%; text-align:center}
.footen .footen_r a{ margin-left:0; margin-right:10px}
.foot .foot_erwm img{ width:150px; float:none}
.footen .footen_l{ font-size:12px}
.footen .footen_r{ line-height:30px; font-size:12px}
.footen .footen_r a{ font-size:12px}

}