@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {color:#333;font-size:12px;font-family:"微软雅黑" ;position: relative;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal;font-weight:normal;}
a{color:#000;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none;}
a{blr:expression(this.onFocus=this.blur())}
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal;}
input, textarea, select, button {font:12px "微软雅黑";;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
.clear{ clear: both;}
/*pccss reset 结束*/
.company_li a{
    display: block;
    color: #aaa;
    /* text-indent: 35px; */
    line-height: 20px;
}
/*头部start*/
.head{ width: 100%; margin: 0 auto}
.hea_01{ background: #1e1e1e; height: 40px; line-height: 40px;}
.hea_01_con{ width: 1200px; margin: 0 auto; color: #c2c2c2; position: relative;}
.hea_01_con>div{ position: absolute; right: 0; top: 0; font-size: 13px; color: #b5b5b5;}
.hea_01_con>div img.ew_ico{ vertical-align: middle; width: 24px; height: 24px;}
.hea_01_con>div font{ margin-right: 30px; cursor: pointer;}
.hea_01_con>div  span i{ color: #da251c; font-size: 16px; font-weight: bold;}
img.ew_big{ display: none; position: absolute; width: 99px; height: 99px;    left: 0;top: 40px;}
.hea_02{padding: 20px 0; width: 1200px; margin: 0 auto;}
.hea_02 a.logo{ display: block; float: left; width: 398px; margin-right: 102px;}
.hea_02 a.logo img{ display: block; width: 398px; height: 54px;}
.hea_02 ul{ float: left; width: 700px;}
.hea_02 ul li{ float: left; line-height: 30px; width: 60px; text-align: center; font-size: 15px; margin: 0 20px; padding-bottom: 20px;}
.hea_02 ul li a{ color: #4e4e4e;}
.hea_02 ul li.active{ background: url(../img/nav_ico.png) no-repeat center bottom;}
.hea_02 ul li.active a ,.hea_02 ul li:hover a{ color: #e5372c;}
.hea_02 ul li:hover{background: url(../img/nav_ico.png) no-repeat center bottom;}
.cq_ban{ width: 100%; position: relative; overflow: hidden;}
.cq_bd li{position: relative;  width: 100%; overflow:hidden; }
.cq_bd li a{display:block;width:100%;position:relative;}
.cq_bd li img{ width: 1920px;  position: relative; left: 50%; margin-left: -960px; display: block; text-align: center;overflow: hidden;}
/*.cq_bd{ position:relative; z-index:0;max-width:1920px;   }
.cq_bd li{ zoom:1; overflow:hidden; vertical-align:middle;width:100%; position:relative;}
.cq_bd img{position:relative; display:block;left:50%;margin-left:-960px;width:1920px;}*/


.cq_hd{ width: 100%;position: absolute; z-index: 1;bottom: 0; left: 0;height: 30px;line-height: 30px;text-align: center;}
.cq_hd li{ text-align: center; display: inline-block; margin: 0 5px; background: url(../img/dot_in.png) no-repeat; width: 13px; height: 13px; }
.cq_ban a.prev ,.cq_ban a.next{ top: 50%; position: absolute; width: 37px; height: 74px;}
.cq_ban a.prev{ background: url(../img/btn-left.png) no-repeat; left: 0;}
.cq_ban a.next{ background: url(../img/btn-right.png) no-repeat; right: 0;}
.cq_ban .abtn{width: 1200px;margin: 0 auto;text-align: center; position: absolute;left: 50%;margin-left: -600px;top: 40%;}
.cq_hd li.on{ background: url(../img/dot_on.png) no-repeat; width: 40px; height: 13px;}
.find_div{ background: #f1f1f1; width: 100%;}
.find_con{ width: 1200px; margin: 0 auto; padding: 15px 0;}
.find_con>div{ position: relative; float: left; background: #fff;width: 220px;height: 30px; border-radius: 30px; border: #ececec 1px solid;}
.find_con>div img{ position: absolute; right: 14px; top:7px;}
.find_con>div input{font-size: 13px; width: 200px; border-radius: 30px; color: #a9a9a9; height: 29px; line-height: 30px; text-indent: 12px; border: none; margin-left: 10px; }
.find_con p{font-size: 13px; float: left; margin-left: 30px; line-height: 30px;}
.find_con span{ color: #6a6a6a; }
.find_con p a{ color:#979797 ; margin: 0 10px;}
.find_con p a:hover{ color: #da251c;}
.about_div{ padding: 60px 0; width: 1200px; margin: 0 auto;}
.about_div h1 ,.news_div h1 ,.about_box h1,.ab3_div h1 ,.about_box5 h1 { color: #333; font-size: 30px; text-align: center;}
.about_div h1 i ,.news_div h1 i ,.about_box  h1 i ,.ab3_div h1 i ,.about_box5 h1 i{ margin-top: 5px; display: block; color: #555; font-size: 14px; font-family: arial;}
.about_div p ,.about_box p{ margin-top: 30px;  font-size: 14px; line-height: 180%; color: #828282;}
.about_div p a ,.about_box p a{ color: #da251c;}
.about_div  img { display: block; margin: 20px auto 0; max-width: 1200px; min-width: 1081px; height: 182px;}
.num_pic{ display: inline-block;width: 972px; margin: 0 55px; overflow: hidden;}
.num_a{ display: block; float: left; margin-top: 30px;}
.num_a.num_no{ margin-top:16px;}
.wrapper{ width: 100%; margin: 40px 0;}
.counter {float: left;width: 220px;text-align: center;margin: 0 40px;}
.count-title {position: relative;font-size: 110px;color: #da251c;font-weight: normal;margin-top: 10px;margin-bottom: 0;text-align: center;}
.count-text { font-size: 15px;  color: #5b5b5b;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.count-title:after{content: '';height: 1px;background: #d6d6d6;width: 72px;position: absolute;top: 77px;left: 220px;}
h2.count-title.last:after{ display: none;}
.scope_div{ background-size: 100% 100%; background: url(../img/cq_bg1.jpg) no-repeat; padding: 100px 0 0;}
.scope_div h1{color: #fff; font-size: 30px; text-align: center;}
.scope_div h1 i{ color: #aeaeae; font-size: 14px; margin-top: 5px; display: block;font-family: arial;}
.scope_tab{ width: 1200px; margin: 0 auto;}
.scope_hd{ margin: 40px 0; display: inline-block; text-align: center; width: 100%;}
.scope_hd li{ cursor: pointer; display:inline-block;border-radius: 25px; margin: 0 20px; line-height: 25px; width:90px;font-size: 14px; color: #fff;}
.scope_hd li.on{ background: #da251c;}
.scope_div .scope_bd{ width: 100%;padding-bottom: 60px;}
.scope_div .scope_bd dl{ width: 285px; cursor: pointer; float: left; margin: 0 7px 30px;  }
.scope_div .scope_bd dt ,.scope_bd dt img.cq_img{width: 285px; height: 155px;}
.scope_div .scope_bd dt{ position: relative;}
.scope_div .scope_bd dt a{ display: none; position: absolute; top: 0; left: 0; background: url(../img/pic_bg.png) repeat; width: 100%;}
.scope_div .scope_bd dt a img{ display: block; width: 33px; height: 33px; margin: 61px auto;}
.scope_div .scope_bd dd{ position: relative; padding: 10px 0; font-size: 14px; border-bottom: #fff 1px solid;}
.scope_div .scope_bd dd a{ color: #fff; display: block; }
.scope_div .scope_bd dd img.more_ico{ position: absolute; right: 10px; top:15px;}
.scope_div .scope_bd dd img.more_ico1{ display: none;position: absolute; right: 6px; top:8px; }
.scope_div .scope_bd dl:hover dd img.more_ico{ display: none;}
.scope_div .scope_bd dl:hover dt a{ display: block;}
.scope_div .scope_bd dl:hover dd{ border-bottom: #fff 1px solid;}
.scope_div .scope_bd dl:hover dd a{ color: #fff;}
.scope_div .scope_bd dl:hover dd img.more_ico1{ display: block;}
a.see_more{ display:block; border-radius: 30px; margin: 42px auto 0; width: 150px; text-align: center; font-size: 13px; color: #7e7e7e; background: #e8e8e8; line-height: 30px;}
a.see_more:hover{ color: #fff; background: #bc3831;transition: background linear 1s;
    -moz-transition:background linear 1s;
    -webkit-transition: background linear 1s;
    -o-transition: background linear 1s;}
.news_div{padding: 0 0 60px;}
.news_div .scope_hd li{ color: #454545;}
.news_div .scope_hd li.on{ color: #fff;}
.news_li a.li_a{display: block;width: 570px;height: 160px;float: left;margin: 0 15px 40px;}
.news_li a.li_a img{    max-width: none;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block; float: left;height: 160px; width: 170px;}
.news_li a.li_a:hover img {opacity: 0.4;-webkit-transform: scale3d(0.8,0.8,1);transform: scale3d(0.8,0.8,1);}
.news_li a.li_a p{ float: left; margin-left: 30px; width: 370px;}
.news_li a.li_a p> font ,.news_li a.li_a p> span ,.news_li a.li_a p> em{ line-height: 180%; display: block;}
.news_li a.li_a p> font{ color: #7b7b7b; font-size: 14px;}
.news_li a.li_a p> span { font-size: 16px; color: #333; margin: 15px 0; width: 100%; overflow: hidden;white-space:nowrap; text-overflow: ellipsis;}
.news_li a.li_a p> em{ font-size: 13px; color: #929292; height:75px; overflow: hidden;}
.news_li a.li_a:hover span{ text-decoration: underline;}
.news_li a.li_a p> font i{ display: inline-block; width: 32px;  border-bottom: #b5b5b5 1px solid; margin-right: 10px;}
.news_li a.li_a:hover font i{ width: 90px; text-align: right; -moz-transition: width 1s; -webkit-transition: width 1s; -o-transition: width 1s; }
.foot{ background: #1e1e1e; width: 100%;}
.f1{margin: 0 auto; width: 1200px; padding: 10px 0;}
.f1 span{ color: #ccc; line-height: 50px; font-size: 14px; display: block; float: left;}
.f1_bd{ float: left;margin-left: 20px;}
.f1 ul li{ width: 124px; height: 51px; margin: 0 15px; }
.f2{ border-top:#303030 1px solid; padding: 30px 0;}
.f2_con{ width: 1200px; margin: 0 auto;}
.f2_con p{ color: #aaa; line-height: 180%; margin-top: 20px;}
.f2_one ,.f2_two { float: left;}
.f2_one{ padding-right: 60px;}
.f2_two { padding:0 60px; position: relative;}
.f2_two:after{ content: ''; width: 1px; height: 80px; position: absolute; left: 0; top:25px; background: #333333;}
.f2_two:before{ content: ''; width: 1px; height: 80px; position: absolute; right: 0; top:25px; background: #333333;}
.f2_two li{ color: #aaa;  margin-bottom: 10px;}
.f2_two li.num{ font-size: 36px;}
.f2_two img{ vertical-align: middle; margin-left: 10px;}
.f2_two li a{color: #aaa;}
.f2_three{ float: left; padding-left: 60px;}
.f2_three i{ display: block; text-align: center; line-height: 30px; color: #ccc;}
.f2_three span img{ width: 99px; height: 99px; display: block;}
.f2_three span{ margin-left: 20px;}
.return_top{ position: fixed; right: 20px; bottom: 50px;
}
.return_top img{ width: 50px; height: 50px;animation: fadeInUp 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
    -ms-animation: fadeInUp 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
    -moz-animation: fadeInUp 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
    -webkit-animation: fadeInUp 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
    -o-animation: fadeInUp 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;}
/*企业资讯列表start*/
.zx_ban{ width: 100%;  overflow: hidden;}
.zx_ban img{ display: block; width: 100%; margin: 0 auto;}
.zx_div{ width: 100%;}
.zx_hd{ width: 100%; background: #f4f4f4;}
.zx_hd ul{ width: 1200px; margin: 0 auto; padding-bottom: 10px; text-align: center;  line-height: 50px;}
.zx_hd ul li{ cursor: pointer; display: inline-block; font-size: 18px; color:  #da261d; margin: 0 20px;}
.zx_hd ul li a{color: #515151;}
.zx_hd ul li.on{ background: url(../img/zx_ico.png) no-repeat center bottom; }
.zx_hd ul li.on a{color: #da261d;}
.zx_bd{ margin: 20px auto 0; width: 1200px;}
.zx_list{ padding: 20px 0; border-bottom: #dcdcdc 1px dashed;}
.zx_list span,.zx_list span img{ display: block; width: 210px; height: 120px;}
.zx_list span{ float: left;}
.zx_list>div{float: left;width: 950px;}
.zx_list>div font{ position: relative; display: block; margin-left: 30px; width: 145px; font-size: 24px; color: #999; background: url(../img/zx_more.png) no-repeat left bottom; padding-bottom: 30px;}
.zx_list>div font:after{ content: ''; background: #bfbfbf; width: 45px; height: 1px; position: absolute; top:15px; right: 0;}
.zx_list>div p.zx_p{float: left;width: 710px;margin-left: 25px;}
.zx_list>div p.zx_p em{ display: block;}
p.zx_p1 {width: 180px;float: left;overflow: hidden;}

.zx_em1{color: #666;font-size: 16px;font-weight: bold;font-family: "新宋体";height: 31px;line-height: 31px;}
.zx_em2{ color: #888787; font-size: 12px; margin-top: 10px; line-height: 180%; font-family: "宋体";}
.zx_p a{ display: block;}
.zx_list.active .zx_em1{ color: #e60012;}
.zx_list.active>div font{ position: relative; display: block;/* float: left;*/  font-size: 24px; color: #333; background: url(../img/zx_more1.jpg) no-repeat left bottom; padding-bottom: 45px;}
.zx_list:hover>div font{  margin-left: 20px; -moz-transition: margin-left 0.5s; -webkit-transition: margin-left 0.5s; -o-transition: margin-left 0.5s;}
.zx_list:hover>div font:after{width: 55px ;-moz-transition:  0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; content: ''; background: #bfbfbf;  height: 1px; position: absolute; top:15px; right: 0;}
/*.zx_list:hover>div{-moz-transition: margin-left 0.5s; -webkit-transition: margin-left 0.5s;  -o-transition: margin-left 0.5s;  margin-left: 20px; }
*/
.page{ text-align: center; padding: 60px 0; clear: both; }
.page a{ display: inline-block;  color: #575757; font-size: 20px;vertical-align: middle; margin: 0 10px;}
.page a.fys_dq,.page a:hover{ color: #e60012;}
/*企业资讯列表start*/
.zx_div_det{ width: 1200px; margin: 0 auto 40px;}
.miao_p{ width: 1200px; text-align: right; height: 30px; line-height: 30px; font-size: 12px; color: #989898;margin:0 auto;}
.miao_p a{ color: #989898; margin: 0 3px;}
.miao_p a.posi_a ,.miao_p a:hover{ cursor: pointer; color: #e60012;}
.txt_con1{ margin: 40px auto 0; width: 1084px;}
.txt_con1 h1{ font-size: 22px; color: #393939; text-align: center;}
.txt_con1 span{ display: block; color: #a4a4a4; font-size: 12px; text-align: center; margin-top:10px; padding-bottom: 30px; border-bottom: #b5b5b5 1px solid;}
.txt_con1 p{ margin-top: 10px; color: #919191; font-size: 14px; line-height: 220%;}
.txt_con1 img{ display: block; margin: 30px 0 20px;}
.txt_con2{  margin: 30px auto 0;width: 1084px;}
.txt_con2 .art_01 {color: #919191; font-size: 14px; font-family: "新宋体"; position: relative;}
.art_01 .bdsharebuttonbox{ position: absolute; right: 0; top:0;}
.txt_con2 .art_01 a{color: #e60012;}
.art_02{font-size: 14px; font-family: "新宋体"; margin: 20px 0; }
.art_02 a{ display: inline-block; width: 400px; line-height: 30px;color: #6f6e6e; border-radius: 30px; border: #d2d2d2 1px solid; text-align: center;}
.art_02 a i{ color: #A4A4A4;}
.a_01{ float: left;}
.a_02{ float: right;}
.art_02 a:hover{color: #e60012;}
ul.art_03{ text-align: center;border-top: #e6e6e6 1px solid;padding-top: 20px;}
.art_03 p{  color: #3c3c3c; text-align: left; margin-bottom: 10px; font-weight: bold; font-size: 14px;}
.art_03 li{ display: inline-block; width:33%;  height: 25px; line-height: 25px;}
.art_03 li a{ color: #818181;}
.art_03 li a:hover{ color: #e60012;}
/*招商条件start*/
.cavas_box{ width: 1200px; margin: 20px auto 80px;}
.cavas_box >div{ width: 100%; margin-top: 30px;}
.cavas_box >div h1{ padding:30px 0 20px;  border-bottom: #dcdcdc 1px solid;}
.cavas_box p{ font-size: 14px; line-height: 180%; color: #515151;}
.cav_02_con{ margin-top: 20px; height: 218px; overflow: hidden;}
.cav_02_con p{ float: left; line-height: 228%;}
.cav_02_con img{ display: block; float: right; width: 377px; height: 218px;}
.cavas_div03 >div img{ display: block; float: left; width: 695px; height: 377px;}
.cav_03_con{ margin-top: 20px;}
.cav_form{ float: left; width: 465px; margin-left: 40px;}
.cav_form p{ font-size: 24px; color: #464646; margin-bottom: 10px;}
.cav_form div{ background: #f3f3f3; padding-left: 20px; font-size: 15px; color: #a1a1a1; margin-bottom: 10px;}
.nam1{ height: 40px; line-height: 40px;}
.nam1 input{ width: 360px; background: none; margin-left: 10px; height: 40px; vertical-align: top; border: none;}
.nam2 textarea{width: 360px; height: 120px;vertical-align: top;margin-left: 10px; background: none; border: none;}
.cav_form div.nam2{ padding-top: 10px; }
.cav_03_con a{ margin-top: 51px; display: block; text-align: center; line-height: 40px; color: #df280d; font-size: 20px;  border: #df280d 1px solid;}
.cav_03_con a:hover{ background: #df280d;-moz-transition: background 0.5s; -webkit-transition: background 0.5s;  -o-transition: background 0.5s; color: #fff;}
.zx_type{ width: 1200px; margin: 30px auto 0;}
.type_hd li{ color: #5a5a5a; font-size: 16px; cursor: pointer; display: inline-block; width: 120px; line-height: 30px; border: #b9b8b8 1px solid; text-align: center; margin-right: 10px;}
.type_hd li.on{ background: #e60012; border: #e60012 1px solid; color: #fff;}
.type_bd{ margin-top: 20px; width: 100%;}
/*.type_bd > div p{ margin-right: 22px; margin-top: 20px; width: 378px; height: 378px; float: left; position: relative; overflow: hidden;}
.type_bd > div p a{ display: block; position: absolute; left: -378px; top:0; background: #e60012; color: #fff; width: 100%;}
.type_bd > div p a span{ position:absolute; left: 20px; top:20px; font-size: 16px;  padding-bottom: 10px; border-bottom: #fff 2px solid;}
.type_bd > div p a font{ display: block; padding: 164px 0; text-align: center; font-size: 20px; font-weight: bold;}
.type_bd > div p a font em{ display: block; font-size: 14px; font-weight: normal; margin-top: 5px;}
.type_bd > div p a img{ display: block; position: absolute; bottom: 30px; right: 30px;}
.type_bd > div p.last_p{ margin-right: 0;}*/

.da-thumbs{list-style:none;height:118px;position:relative;margin:0 0 25px 0;padding:0}
.da-thumbs li{float:left;background:#fff;position:relative;}
.da-thumbs li a, .da-thumbs li a>img{display:block;position:relative; width:100%;}
.da-thumbs li a{color:#fff;overflow:hidden}
.da-thumbs li a div{position:absolute;background:url(../images/case-bg.png);width:100%;height:100%;text-align:center;background: #e60012;}
.da-thumbs li a span{ position:absolute; left: 20px; top:20px; font-size: 16px;  padding-bottom: 10px; border-bottom: #fff 2px solid;}
.da-thumbs li a font{display: block;padding: 164px 0 0 0;text-align: center;font-size: 20px;font-weight: bold;}
.da-thumbs li a font em{ display: block; font-size: 14px; font-weight: normal; margin-top: 5px;}
.da-thumbs li.subscribe{border:none;width:76px;height:101px;margin-right:0;background:#0d9572;padding:8px}
.da-thumbs li.subscribe h2{font-size:33px;line-height:36px;margin:0;text-align:center;}
.da-thumbs li.subscribe h2 span{font-size:16px;float:right;margin-right:5px;line-height:30px}
.da-thumbs li.subscribe img{clear:right;float:right;margin:7px 5px 0 0px;}

.js_div ul li{ float:left; margin-bottom:35px;display:inline; margin-right: 7px; margin-left: 8px;width: 32%;}
.js_div ul{ margin-left:15px;}

/*品牌展示列表详情start*/
.pro_con{ width: 100%; margin: 0 auto;}
.pro_intro{ background: #fafafa; padding: 20px 0; margin-top: 10px;}
.pro_intro div{ width: 1200px; margin: 0 auto;}
.pro_intro div a{ display: block; width: 580px; height: 458px; float: left;}
.pro_intro p{float: left;width: 570px;padding: 100px 0; margin-left: 35px; overflow: hidden;}
.pro_intro p img{ display: block; width: 241px; height: 47px;}
.pro_intro p span{ display: block; margin-top: 10px;}
.d_n1{ color: #e60012; font-size: 50px;}
.d_n2{ font-size: 28px; color: #232323;}
.d_n3{ color: #232323; font-size: 21px;}
.deta_para{ margin: 20px auto 0; width: 1200px;}
.deta_para h3{ font-size: 20px; color: #e60012; padding-bottom: 10px; border-bottom: #dedede 1px solid;}
.deta_para ul{ margin-top: 20px; width: 25%; float: left;}
.deta_para ul li{ color: #414141; font-size: 14px; margin-bottom: 20px;}
.deta_para img{ margin-bottom: 20px; max-width: 1200px;}
div.art_03{ padding-top: 20px;border-top: #e6e6e6 1px solid;}
.art_03 a{ display: block;  width: 378px; height: 378px; float: left; margin-right: 33px;}
.art_03 a img{width:100%;height:100%;}

.art_03 a.pro_last{ margin-right: 0;}
/*发展规模start*/
.gm_box{ width: 1200px; margin: 30px auto;}
.gm_box h2{ border-bottom: #e4e4e4 1px solid; width:100%; margin-bottom: 30px; position: relative; }
.gm_box h2 i{ display: block;font-size: 20px; color: #fff; background: #e60012; width: 120px; line-height: 30px; text-align: center;}
.gn_div1 p{ font-size: 14px; color: #414141; line-height: 180%;}
.gn_div1 p>em{ font-size: 23px; font-weight: bold;}
.gn_div1  img{ display: block; margin: 20px auto; max-width: 1200px; /*width: 789px;*/ min-height:590px}
.gn_div2 p{overflow: hidden; width: 383px; height: 201px; position: relative; float: left;  margin-right: 25px;}
.gn_div2 p.last{ margin-right: 0;;}
.gn_div2 p img.o_img{display: block;width: 383px;height: 201px;/* margin-bottom: 10px; */}
.gn_div2 p a{ display:block;color: #fff;padding: 60px 0;position: absolute;top:0;left: -383px;background: url(../img/black_bg.png) repeat;width: 115px;font-size: 18px;/* margin-top: 0px; */text-align: center;width: 100%;}
.gn_div2 p a>img{display: block;/* margin-bottom: 10px; */width: 55px;height: 47px;margin: 0 auto 10px;}
.gn_div3{ margin: 30px auto 0; width: 1200px;}
.gn_div3 h2 a{ position: absolute; right: 10px; top:0; display: block; line-height: 30px; font-size: 14px;color: #484848; font-family: "宋体";}
.gn_div3 dl{ float: left;  margin-right: 80px; margin-bottom: 30px;}
.gn_div3 dl.dl_02{ margin-right: 0;}
.gn_div3 dl dt{ width: 315px; height: 202px; float: left;}
.gn_div3 dl dt a,.gn_div3 dl dt img{width: 315px; height: 202px; display: block;}
.gn_div3 dd{ float: left; margin-left: 20px; width: 225px;}
.gn_div3 dd p{ padding:10px 0;border-bottom: #dcdcdc 1px dashed; line-height: 180%;font-size: 14px; color: #666;}
.gn_div3 dd p.gn_last{ border-bottom: none;}
.gn_div3 dd p i{ color: #333; }
.zx_div .gn_div3 dd p i{ color: #e60012; }
/*经典工程详细start*/
.process_box{ width: 100%;}
.process_box h1{ color: #e60012; font-size: 24px; width: 120px; text-align: center; margin: 20px auto; padding-bottom: 5px; border-bottom: #e60012 2px solid;}
.process_box p{ font-size: 14px;  color: #5e5e5e; margin: 20px 0; line-height: 180%;}
/*终端展示列表start*/
.zd_show{ width: 100%; margin: 40px 0;}
.zd_show>div{ width: 1200px; margin: 30px auto 0; background: #f3f3f3; height: 303px;}
.zd_show>div a{ display: block; height: 303px; width: 100%;}
.zd_show>div img.zd_img{ width: 576px; height: 303px; display: block; float: left;}
.zd_show>div font{ display: block;  width:424px; float: left; padding:65px 100px;}
.zd_show>div font img ,.zd_show>div i,.zd_show>div em{ display: block;}
.zd_show>div font img{  margin: 0 auto 10px;}
.zd_show>div i{ text-align: center; color: #e60012; font-size: 24px;}
.zd_show>div em{ margin-top: 10px; line-height: 180%; font-size: 14px; color: #979797;}
/*终端展示start*/
.zd_div{ width: 100%; margin-top:20px;}
.zd_hd li{ cursor: pointer; display: inline-block; text-align: center; width: 120px; line-height: 30px; background: #dddddd; height: 30px; font-size: 18px; color: #5d5d5d;}
.zd_hd li.on{ color: #fff; font-weight: bold; background: #e60012;}
.zd_bd{ margin-top: 30px;}
.zd_type ul li{ cursor: pointer; display: inline-block; color: #4a4a4a; font-size: 16px; padding-bottom: 10px; margin-right: 50px;}
.zd_type ul li.on{ color: #e60012; border-bottom: #e60012 2px solid;}
.pic_con>div p{ float: left; width: 730px;}
.zd_type_con{}
.pic1 p img{ display: block; float: left; margin:20px 10px 0 0; width: 355px; height: 237px;}
img.con_im{ display: block; float: left; width: 466px; height: 494px; margin-top: 20px;}
.pic_txt{ font-size: 14px; margin: 20px 0; line-height: 180%;}
.pic2 img{ width: 592px; height: 332px;}
/*市场布局start*/
.market_div{ margin: 30px auto; width: 1200px;}
.market_div h2{ font-size: 26px; font-weight: bold; color: #414141; text-align: center; margin-bottom: 20px;}
.market_div p{ font-size: 14px; line-height: 180%;}
.market_div img{ display: block; max-width: 1200px; margin: 20px auto; width: 789px; height: 590px;}
/*董事长寄语start*/
.comp_box{ width: 100%; margin: 30px auto 0;}
.comp_box p.title{ text-align: center; padding-bottom: 30px; border-bottom: #ccc 1px solid;}
p.title font{ position: relative; width: 350px; display: block; font-size: 38px; color: #e60012; padding-bottom: 20px; margin:0 auto 20px;}
p.title font:after{ content: '';  background:#e60012;width: 180px; height: 2px; position: absolute; bottom: 0; left: 85px;}
p.title span{ display: block; font-size: 26px; color: #333;}
.intro_box{ width: 1140px; padding: 0 30px; margin: 50px auto 80px ;}
.intro_box img.b_pic{ display: block; width: 333px; height: 453px; float: left;}
.c_text{ float: left; margin-left: 40px;width: 767px;}
.c_text h1{ font-size: 30px; color: #333; margin-top: 30px;}
.c_text h1 i{ letter-spacing: 1px; display: block; font-size: 16px; font-family: arial; color: #ccc; margin-top: 10px;}
.c_text span{ display: block; margin: 40px 0; height: 34px;line-height: 34px; font-size: 22px; color: #e60012;}
.c_text span img{ width: 304px; height: 34px; vertical-align: middle; margin-right: 10px;}
.c_text p{ line-height: 220%; color: #4a4a4a; font-size: 16px;}
/*发展历程start*/
.c_deve{ width: 1200px; margin: 50px auto 0; position: relative;}
.c_deve_bd li{ width: 271px; padding: 0 10px;}
.c_deve a{width: 15px; height: 28px; display: block; top:30%; position: absolute;}
.c_deve a.prev{ background: url(../img/prev_ico.png) no-repeat; left:0; }
.c_deve a.next{ background: url(../img/next_ico.png) no-repeat; right:0; }
.c_deve_bd{ width: 1170px; margin: 0 auto;}
.c_deve_bd p{ padding-top: 20px; margin-top: 50px; position: relative;}
.c_deve_bd p:after{ content: ''; width: 291px; height: 2px; background: #df280d; position: absolute; top:0; left: -7px;}
.c_deve_bd p:before{ content: ''; background: url(../img/posi_ico.png) no-repeat; width: 21px; height: 31px; position: absolute; top:-35px; left: 130px;}
.c_deve_bd font{ display: block; font-size: 30px; color: #333; width: 200px; margin: 0 auto; text-align: left;}
.c_deve_bd em{ display: block; font-size: 14px; color: #555; width: 200px; margin: 5px auto 0; }
.c_deve_02{ margin: 80px auto 60px; width: 1200px;}
.c_deve_02 h3{ padding-bottom: 10px; border-bottom: #d1d1d1 1px solid; font-size: 24px; color: #df280d;}
.c_deve_02 ul{ display: inline-block; width: 100%; margin-top: 20px; float: left;}
.c_deve_02 ul li{ width: 50%; font-size: 13px; color: #494949; line-height: 30px; float: left}
.c_deve_02 ul li p{ padding-left:56px;}
/*关于我们频道start*/
.about_box{padding: 60px 50px; width:1100px; margin: 0 auto;}
.ab_more{
    width: 140px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #7e7e7e;
    background: #e8e8e8;
    display: block;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 40px;
    transition: all 0.5s;}
.ab_more:hover{
    color: #fff;
    background: #7e7e7e;}
.about_box2{ background: #2b2b2b; padding: 50px 0;}
.ab2_div{ width: 1200px; margin: 0 auto;}
.about_box2 h1{ color: #fff; font-size: 30px; text-align: center;}
.about_box2 h1 i{ display: block; font-family: arial;    font-size: 16px; margin-top: 5px;}
.con_inro{ width:1100px; margin: 30px auto 0;}
.con_inro img{ width: 343px; height: 333px; float: left; display: block;}
.con_inro >div{ float: left; margin-left: 50px; }
.con_p1{ font-size: 48px; color: #e60012; padding-bottom: 10px; margin-bottom: 10px; border-bottom: #545454 1px solid;}
.con_p1 i{ display: block; font-family: arial; color: #787878; font-size: 26px; margin-top: 5px;}
.con_p2{ font-size: 14px; color: #acacac; line-height: 30px;}
.con_inro .ab_more{ margin: 50px 0 30px;}
.about_box3{ padding: 50px 0;}
.ab3_div{ width: 1200px; margin: 0 auto;}
.intro_list a{ display: block; margin-top: 40px; width: 100%; height: 91px; overflow: hidden;}
.intro_list span{ display: block; width: 257px; text-align: center; font-size: 16px; color: #333; float: left; }
.intro_list span img{ margin-bottom: 10px; width: 257px; height: 60px;}
.intro_list font{ position: relative; float: left; margin-left: 40px; width:900px; font-size: 13px; line-height: 200%;}
.intro_list i{ display: block; font-family: "宋体"; color: #df280d; position: absolute; right: 0; bottom: 0;}
.about_box4{ padding: 20px 0; background: #f7f7f7;}
.about_box4 .intro_box{ margin: 30px auto;}
.about_box5{ padding: 40px 0; }
.ab5_div{width: 1200px; margin:40px auto 0; }
.ab5_div a.ab5_a{ display: block; width: 250px; height: 353px; margin: 0 25px 30px; float: left;}
/*品牌故事详细start*/
/*.ab_more:hover{background: url(../img/ab_more1.png) center right 20px no-repeat;margin: 50px auto 0; text-indent: 20px; display: block; width: 220px; border: #e8e8e8 2px solid; height: 40px; line-height: 40px; font-size: 16px; color: #e8e8e8;}*/
/*品牌故事详细start*/
.intro_box1{ width: 1200px; margin: 40px auto ; line-height: 300%; font-size: 13px; color: #494949;}
.intro_box1 .in_name{ font-size: 24px; color: #df280d;}
.in_con{ padding-left: 280px;}
.intro_box1 img{ display: block; margin: 30px auto; max-width: 1200px; height: 302px;}
.intro_box1 h2{ color: #df280d; font-size: 24px; width: 200px; padding-bottom: 20px; border-bottom: #d1d1d1 1px solid; margin: 20px auto; text-align: center;}
.pnp_txt{ margin: 50px 0;}
.pnp_txt p{ display:block; float: left; background: #e60012; color: #fff; line-height: 180%;}
.pnp_t1 ,.pnp_t2{padding: 20px; }
.pnp_t3{ padding: 8.5px 10px;}
.pnp_t2{ margin: 0 131px;}
.pnp_txt>p font{ display: inline-block; width: 65px;}
/*企业介绍详细start*/
.intro_box2{ width: 1100px; padding: 0 50px; margin: 0 auto;}
.intro_box2 img{ max-width: 1200px; margin:30px auto;}
.intro_box2 p{ text-indent: 20px; line-height: 180%; font-size: 14px; color: #555; margin: 10px 0;}
/*联系我们start*/
.contact_box{ width: 1200px; margin: 30px auto 0;}
.contact_box ul{ margin-bottom: 40px;}
.contact_box ul li{ cursor: pointer; width: 200px; text-align:center; float: left; margin: 0 50px; }
.contact_box span{ margin: 0 auto; display: block; width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; background: #eaeaea; }
.contact_box li span img{ display: block; margin: 0 auto;}
.li_01 img{ width: 50px; height: 48px; padding: 25px 0;}
.li_02 img{ width: 33px; height: 44px; padding: 24px 0;}
.li_03 img{ width: 59px; height: 40px; padding: 28px 0;}
.li_04 img{ width: 58px; height: 46px; padding: 24px 0;}
.cb_p1{ color: #8a8a8a; font-size: 16px; margin: 6px 0;}
.cb_p2{ color: #515151; font-size: 20px;}
.contact_box  span img.img_02 ,.contact_box ul li:hover img.img_01{ display: none;}
.contact_box ul li:hover img.img_02{ display: block;}
.contact_box ul li:hover span{ background: #df280d;}
.contact_box2{ width: 100%; padding-top: 30px; border-top:#f2f2f2 1px solid;}
.con_b2{ width: 1200px; margin: 0 auto;}
.con_b2 p.con_name{ margin:20px auto; font-size: 32px; color: #262626; width: 400px; position: relative; padding-bottom: 20px;}
.con_b2 p.con_name:after{ content: ''; width: 130px; height: 2px; background: #df280d; position: absolute; bottom: 0; left:125px}
.con_ad{ float: inline-start; font-size: 14px; color: #696969; line-height: 180%; width: 31%; margin: 0 1% 20px 1%;}
.contact_box2 .map{ width: 1200px; margin: 30px auto 40px; height: 517px; overflow: hidden;}
/*2017113*/
.gn_pic{ position: relative;  width: 789px; height: 590px; margin: 0 auto;}
.gn_pic a{ display: block;position: absolute;}
a.gn_a1{top: 263px;left: 98px;}
a.gn_a2{ top:387px; left: 157px;}
a.gn_a3{top: 334px;left: 252px;}
a.gn_a4{top: 263px;left: 295px;}
a.gn_a5{ top: 238px; left: 420px;}
a.gn_a6{top: 135px;right: 57px;}
a.gn_a7{ top: 196px;right: 110px;}
a.gn_a8{top: 240px;right: 143px;}
a.gn_a9{top: 265px;right: 229px;}
a.gn_a10{top: 280px;right: 214px;}
a.gn_a11 {top: 299px;right: 247px;}
a.gn_a12{top: 305px;right: 292px;}
a.gn_a13{top: 323px;right: 213px;}
a.gn_a14{top: 358px;right: 192px;}
a.gn_a15{top: 357px;right: 264px;}
a.gn_a16{top: 313px;right: 368px;}
a.gn_a17{top: 364px;right: 331px;}
a.gn_a18 {
    top: 412px;
    right: 266px;
}
a.gn_a19 {
    top: 403px;
    right: 416px;
}
a.gn_a20 {
    top: 425px;
    right: 347px;
}
a.gn_a21 {
    bottom: 81px;
    right: 425px;
}
a.gn_a22 {
    top: 471px;
    right: 347px;
}
a.gn_a23 {
    bottom: 73px;
    right: 330px;
}
a.gn_a24 {
    bottom: 112px;
    right: 278px;
    width: 50px;
    height: 30px;
}
a.gn_a25 {
    bottom: 9px;
    right: 314px;
}
a.gn_a26 {
    bottom: 63px;
    right: 248px;
}
a.gn_a27 {
    bottom: 60px;
    right: 167px;
}
a.gn_a28{ bottom: 92px; right: 208px;}
a.gn_a29{bottom: 122px; right:231px ; }
a.gn_a30{bottom: 145px;right: 177px;}
a.gn_a31{bottom: 170px;right: 162px;}
a.gn_a32{bottom: 176px;right: 212px;}




/*2017.4.7*/
/* 本例子css */
.zx_type .txtScroll-left{ width:1200px;  position:relative;     margin-bottom: 60px;   }
.zx_type .txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;  width:35px; height:10px; float:left; margin-left:15px; margin-top:15px;  overflow:hidden; cursor:pointer; background:url("../img/zlan.png") no-repeat;}
.zx_type .txtScroll-left .hd .next{ background:url(../img/ylan.png)no-repeat; float: right;margin-right:15px; margin-top:15px;margin-left:0; }
.zx_type .txtScroll-left .hd .prev:hover{background:url(../img/zlan2.png) no-repeat;}
.zx_type .txtScroll-left .hd .next:hover{background:url(../img/ylan2.png)no-repeat; }
.zx_type .txtScroll-left .hd .prevStop{ background-position:-60px 0; }
.zx_type .txtScroll-left .hd .nextStop{ background-position:-60px -50px; }
.zx_type .txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.zx_type .txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../img/zlan.png") no-repeat; }
.zx_type .txtScroll-left .hd ul li.on{ background-position:0 0; }
.zx_type .txtScroll-left .bd{ width:1200px; overflow:hidden;    }
.zx_type .txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.zx_type .txtScroll-left .bd ul li{width:137px;float:left; height:42px; line-height:40px;margin-right: 20px;  }
.zx_type .txtScroll-left .bd ul li a{
    width: 135px;
    height: 40px;
    line-height: 40px;
    display: block;border:1px solid #d7d7d7;text-align:center;}
/*.zx_type .txtScroll-left .bd ul li a:hover{background-color:#4f4f4f;color: #fff;}*/

.zx_type .txtScroll-left .bd ul li span{
    color: #999;
    vertical-align: middle;
    margin-bottom: 2px;margin-right:6px;  }
.zx_type .txtScroll-left .hd{
    width: 125px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #d7d7d7;}
.zx_type .txtScroll-left li .dbn{display:none;}
.zx_type .txtScroll-left li .dbb{display: block;}
.zx_type .txtScroll-left li.active a img.dbk{display:none;}
.zx_type .txtScroll-left li.active a img.dno{display:block;}
/*2017.4.7*/
/*2017.4.10*/

.company_li div{display: none;transition:all 1s;}
.company_li:hover div{display: block;}

.hea_01_con p{font-size:10px;}







/*2017.4.18*/

#wrap {width: 1200px;padding-top: 60px;padding-bottom: 100px;/* margin:800px auto -25px auto; */text-align: left;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;background: url(../img/idx_bj1.png) 162px 36px no-repeat;}
section {display: inline-block;clear: left;position: relative;width: 295px;/* border-bottom: 1px #C4C4C4 solid; */text-align: center;/* float: left; */font-size:15px;}
h1.jumbo {font-size: 80px;color: #da251c;float: left;margin: 0 50px;font-weight: 100;width: 200px;text-align: center;height: 150px;line-height: 120px;padding-top: 60px;background:url(../img/idx_szbj.png) no-repeat;}
@media all and (max-width: 1021px) {

    h1.jumbo {
        font-size:5em;
    }
}
.jumbo600{position: relative;}
.jumbo600:before{content:"";width:18px;height:18px;background:url(../img/jumbo600.png)no-repeat;position: absolute;right: 25px;  top: 70px;}
@media all and (max-width: 480px) {

    #wrap {
        padding:0 15px;
    }
    h1.jumbo {
        font-size:2em;
    }
}
.idx_h2>h2{
    color: #333;
    font-size: 30px;
    text-align: center;
}
.idx_h2>h2 i{margin-top: 5px;
    display: block;
    color: #555;
    font-size: 14px;
    font-family: arial;}
.idx_h2{margin-top:80px;}
section span{color:#5b5b5b;font-size:15px;}

/*2017.4.10*/
.idx_h4 .slideBox{ width:1200px; height:400px; overflow:hidden; position:relative; }
.idx_h4 .slideBox .hd{ height:400px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1;width: 550px;padding: 0 15px;background:#f8f8f8; }
.idx_h4 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.idx_h4 .slideBox .hd ul li{   width:550px; height:400px; display: none;}
.idx_h4 .slideBox .hd ul li.on{  display: block;}
.idx_h4 .slideBox .hd ul li>a{
    width: 140px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #7e7e7e;
    background: #e8e8e8;
    display: block;
    text-align: center;
    border-radius:20px;
    margin-top:15px;
    margin-bottom: 54px;
    transition:all 0.5s;
}
.idx_h4 .slideBox .hd ul li>a:hover{
    color: #fff;
    background: #7e7e7e;}
.idx_h4 .slideBox .bd{
    position: relative;
    height: 400px;
    z-index: 0;
    width: 620px;  }
.idx_h4 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.idx_h4 .slideBox .bd img{
    width: 620px;
    height: 400px;
    display: block;  }
.idx_h4 .slideBox .hd ul li strong{
    color: #434343;
    font-size: 24px;
    line-height: 60px;
    display: block;
    height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.idx_h4 .slideBox .hd ul li p{
    line-height: 30px;
    color: #434343;
    font-size: 13px;
    width: 550px;
    height: 120px;
    overflow: hidden;}
.slideBox .hd ul li i span{
    display: inline-block;
    width: 178px;
    height: 120px;
    margin-right: 5px;}
.idx_h4 .slideBox .hd ul li i span img{
    height: 100%;
    width: 100%;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.idx_h4 .slideBox .prev,
.idx_h4 .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:29px; height:53px; background:url(../img/idx_h4e.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.idx_h4  .slideBox .next{ left:auto; right:3%; background:url(../img/idx_h4f.png) no-repeat; }
.idx_h4 .slideBox .prev:hover,
.idx_h4 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.idx_h4 .slideBox .prevStop{ display:none;  }
.idx_h4 .slideBox .nextStop{ display:none;  }
.idx_h4{width:1200px;margin: 0 auto;}
.idx_h4>a{
    width: 140px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #7e7e7e;
    background: #e8e8e8;
    display: block;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 40px;
    transition: all 0.5s;}
.idx_h4>a:hover{color: #fff;
    background: #7e7e7e;}
.idx_h4n{
    margin-top: 70px;
    margin-bottom: 50px;
    display: block;}
.idx_h4n h1{
    font-size: 30px;
    color: #333333;
    text-align: center;}
.idx_h4n span{
    font-size: 14px;
    color: #a4a4a4;
    text-align: center;
    display: block;}



/*2017.4.10end*/
/*20171.5start*/
.company_li { margin-top:20px; position: relative;
    width: 165px;
    border: #333 1px solid;

    text-align: center;
}
.company_li a {
    color: #aaa;
    display: block;
    height: 20px;
    line-height: 20px;
}
.c_one_a{/* margin: 0 8px 0 15px; */padding-right: 21px;background:url(../img/foo_ico.png) no-repeat center right;background-position-x: 150px;}
.company_li>div{    top: 20px; background: #fff; display:none;position: absolute;width: 166px;}
.company_li>div a{ line-height:20px; color: #333;}
.company_li>div a:hover{ color: #da251c;}
.company_li:hover div{display: block!important;}


/*2017.5.18*/
.infoList .active{
    background: #4f4f4f;
}
.infoList .active a{color:#fff;}