﻿.ad_img{ background-repeat:no-repeat; background-position:center center; background-size:auto 100%; height:240px;}
.ad_img .title{ padding-top:82px;}
.ad_img .title span{ background:#fff;}
.ad_img .news_data h2{ display:inline-block; padding-left: 30px; background: url(../images/news_data.png) no-repeat left center;}
.break a{ display:inline-block; padding:22px 12px 20px; line-height:20px; margin:0 20px; font-size:14px; border-bottom:2px solid #fff;}
.break a.act,.break a:hover{ color:#2b4487; border-bottom-color:#2b4487;}
.map{ height:400px;}
.bx_adimg{ height:400px;}
.bx_adimg .title{ padding-top: 161px;}

/**************发展历程**************/
.development .d_left{ width:22.08%; border-top:1px solid #2b4487;}
.development .d_right{ width:70%; border-top:1px solid #d9d9d9;}
.development .d_right li{ padding:16px 0 26px; border-bottom:1px dashed #cccccc; line-height:24px;}
.development .d_right li:last-child{ border-bottom:none;}
.development .d_right li .d_r_s1{ width:11%;}
.development .d_right li .d_r_s2{ width:89%;}
.development .d_right li .d_r_s2 img{ width:auto; max-width:100%; height:auto;}

/**************公司文化**************/
.culture h1 span{ display:inline-block; padding:0 45px; background:url(../images/radius.png) no-repeat left center;}
.culture h1 span:first-child,.culture h1 span.first{ background:none;}
.culture ul{ width:96.67%; margin:65px auto 0;}
.culture ul li{ width:50%; float:left;}
.culture ul li a{ display:block; width:90.7%; margin:0 auto 36px; border:1px solid #e5e5e5; height:248px;}
.culture ul li a span{ width:45.7%;}
.culture ul li .c_text{ width:54.3%; background:#fff;}

/**************荣誉资质**************/
.honor li{ width:33.33%; float:left;} 
.honor li a{ display:block; width:83%; margin:40px auto 0; border:4px solid #fff; background:#eeeeee; position:relative; height:252px;}
.honor li a span{ display:none; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/see_h.png) no-repeat center center rgba(0,0,0,0.4);}
.honor li a:hover{ border-color:#2b4487;}
.honor li a:hover span{ display:block;}

/**************宣传视频**************/
.video li{ width:33.33%; float:left;}
.video li a{ display:block; width:83%; margin:0 auto 40px; border:4px solid #fff; position:relative;}
.video li div{ border:4px solid #eeeeee; height:244px;}
.video li a span{ display:none; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/video_icon.png) no-repeat center center rgba(0,0,0,0.4);}
.video li a:hover,.video li a.act{ border-color: #2b4487;}
.video li a:hover span,.video li a.act span{ display:block;}

/**************新闻中心**************/
.np_pager .pager_a{ line-height: 80px;}
.p_goback{ width:80px; height:80px; background:url(../images/goback_a.png) no-repeat center center;}

/**************联系我们**************/
.con_us li{ width:25%; float:left;}
.con_us li span{ width:65px; height:65px; background-repeat: no-repeat;; background-position: center top;} 
.con_us li p{min-height: 72px; max-height: 72px; overflow: hidden;}
.con_us li span.icon01{ background-image:url(../images/con_01.jpg);} 
.con_us li span.icon02{ background-image:url(../images/con_02.jpg);} 
.con_us li span.icon03{ background-image:url(../images/con_03.jpg);} 
.con_us li span.icon04{ background-image:url(../images/con_04.jpg);} 
.con_tab table{ width:44%; margin:10px auto 40px;}
.con_tab table td{ width:46%; padding:10px 2%;}
.con_tab table td .inp{ font-size: 12px; color:#999; width:87.5%; padding:10px 6.25%; line-height: 16px; border:1px solid #c9c9c9; background: #f6f6f6;}
.con_tab table td select.inp{ width:100%; outline: none;}
.con_tab table td textarea{ height:130px; outline:none;}
.con_tab table td.two .inp{ padding-left: 3%; width:90.75%}
.con_tab table td .btn{ color:#999; line-height: 30px; margin:0 2%; display:inline-block; width:25%; border:1px solid #c9c9c9; background:#f6f6f6; padding:10px 0;}

/**************解决方案**************/
.plan li{ width:25%; margin-bottom:30px; float:left;}
.plan li .p-box{ width:90.67%; margin:0 auto;}
.plan li .p_img{ height:180px;}
.plan li .p_text{ background:#fff;}
.plan li .p-a{ width:70px; border:1px solid #cccccc; }
.plan li .p-box:hover .p_text,.plan li .p-box.act .p_text{ background:#2b4487; color:#fff;transition:background 0.8s;}
.plan li .p-box:hover .p-a,.plan li .p-box.act .p-a{ border-color: #fff; color:#fff;}

/**************产品中心**************/
.pro_center .p-left{ width:16.67%; border:1px solid #e1e1e1; background:#fff;}
.pro_center .p-left li{ position:relative;} 
.pro_center .p-left li .l-bg{ display:none; width:4px; height:40px; background:#ca2733; position:absolute; left:-4px; top:0;}
.pro_center .p-left li .p-nav{ display:none; margin:15px 10px 3px 25px; }
.pro_center .p-left li .p-nav a{ display:block; background:url(../images/p-nav_icon.png) no-repeat left center; padding-left: 12px; font-size: 14px; color:#8b8b8b; line-height: 22px; margin-bottom: 10px;}
.pro_center .p-left li .p-nav a:hover{ background-image: url(../images/p-nav_iconh.png); color:#2b4487;}
.pro_center .p-left li.act .l-bg,.pro_center .p-left li:hover .l-bg{ display:block;}
.pro_center .p-left li.act > a,.pro_center .p-left li:hover > a{ color:#fff; background:#2b4487;}
.pro_center .p-left li.act .p-nav{ display:block;}
.pro_center .p-right{ width:80%;}
.pro_center .p-right ul{ margin-left: -2.08%; }
.pro_center .p-right li{ width:31.25%; margin-left: 2.08%;}
.pro_center .p-right li .p-box{ width:100%;}
.pro_center .p-right li .p_img{ background:#fff;}
.p_line{ display: block;  width: 0%; height: 5px; background: #ca2733;transition:width 0.5s;}
.pro_center .p-right li.act .p_line,.pro_center .p-right li:hover .p_line{ width: 100%; transition:width 0.5s;}
.plan li .p-box:hover .p_line, .plan li .p-box.act .p_line{ width: 100%; transition:width 0.5s;}

/**************产品中心展开**************/
.pro_open .pro_c_box{ width:83.34%; margin:0 auto;}
.pro_open .pro_l{ width:52%; }
.pro_open .pro_r{ width:30%;}
.pro_open .pro_r .pro_p{ max-height: 168px; min-height: 168px;}
.pro_open .pro_r,.pro_open .pro_l{ height:320px; background:#fff;padding:40px 4%;}
.pro_buy{ width:78.95%; margin:15px auto; background:#2b4487;}
.pro_open .bdshare-button-style1-32 a{ width:16px; height:16px; background-size: 16px 1630px;}
.pro_open .bdshare-button-style1-32 .bds_qzone{ background-position: 0 -26px}
.pro_open .bdshare-button-style1-32 .bds_tsina{ background-position: 0 -52px}
.pro_open .bdshare-button-style1-32 .bds_tqq{ background-position: 0 -130px}
.pro_open .bdshare-button-style1-32 .bds_renren{ background-position: 0 -104px}
.pro_open .bdshare-button-style1-32 .bds_weixin{ background-position: 0 -806px}
.pro_open .bdshare-button-style1-32 .bds_count{ width:40px; height:18px; line-height: 18px; background-size: 80px 52px; background-position: 0 -34px;}
.pro_open .bdshare-button-style1-32 .bds_count:hover{ background-position: 0 -34px;}
.pro_open .pro_b{ background:#fff;}
.pro_open .pro_b table td{line-height: 20px; padding:3px 6px;}

/**************加入我们**************/
.join_gw .li{ width:25%; float:left; margin-bottom: 25px;}
.join_gw .li a{ display:block; width:89.34%; margin:0 auto;  border:8px solid #f6f6f6;}
.join_gw .li .j_d{ border:2px solid #fff; padding:9.3%; background-color:#fff;}
.join_gw .li .j_p,.join_gw li .j_text{ border-top:1px solid #d5d5d5;}
.join_gw .li .j_p b{ left:0; top:-5px; width:26px; height:9px; background: #d5d5d5;}
.join_gw .li a.act,.join_gw .li a:hover{ border-color: #7c8bb3;}
.join_gw .li.act .j_d,.join_gw .li:hover .j_d{ border-color: #2b4487;}


.bigImage{ position:fixed; top:100%; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0; z-index:9999;}
.bigImage .big_box{ width:450px; padding:40px 50px; margin:0 auto; background:#fff; float:none;}
// .bigImage .big_box{ width:48px; padding:5%; margin:0 auto; background:#fff; float:none;}
.bigImage .big_box.li a{ width:100%; border:none;}
.bigImage .big_box.li .j_d h1{ color:#2b4487; font-size: 22px; margin-bottom: 15px;}
.bigImage .big_box.li .j_d{ padding:0; border:none;}
.bigImage .big_box.li .j_d h2{ border-bottom: 1px solid #ebebeb;}
.bigImage .big_box.li .j_d h4{ border-top: 1px solid #ebebeb;}
.bigImage .mauto,.bigImage .bx-wrapper{ height:100%;}
.bigImage .bx-wrapper .bx-controls-direction a{ width: 78px; height: 78px; border:1px solid #e2e2e2; border-radius: 10px;  margin-top: -39px;}
.bigImage .bx-wrapper .bx-controls-direction a.bx-prev{ left: 0; background:url(../images/l_narr.png) no-repeat center center;}
.bigImage .bx-wrapper .bx-controls-direction a.bx-next{ right: 0;background:url(../images/r_narr.png) no-repeat center center;}
.bigImage .bx-wrapper .bx-controls-direction a.bx-prev:hover,.bigImage .bx-wrapper .bx-controls-direction a.bx-next:hover{background-color: #e95098; border-color:#e95098;}
.bigImage .bx-viewport,.bigImage .bxslider,.bigImage .bxslider li{ height: 100% !important;}
.bigImage .bx-wrapper{ background: none;}
.bigImage .bxslider li img{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; max-height: 100%; max-width: 100%; width: auto; height: auto;}
.bigImage .big_box.li .i-close{ display: block; width: 34px; height: 36px; position: absolute; right:-34px; top: 0; z-index: 99; background:url(../images/close.png) no-repeat center center #fff;}
.bigImage .big_box.li .i_btn{ width:34px; height:32px; position:absolute; top:50%; margin-top: -16px; background-repeat: no-repeat; background-position: center center; background-color: #6fba2c;}
.bigImage .big_box.li .i_pre{left:-34px; background-image: url(../images/po_prev.png);}
.bigImage .big_box.li .i_next{right:-34px; background-image: url(../images/po_next.png);}
.bigImage .big_box.li .i-close:hover{ background-color:#6fba2c;}
.bigImage .big_box.li .j_text{ height:240px;}

.pop_v{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.pop_v_close{ position:absolute; width: 34px; height: 36px; background:url(../images/close.png) no-repeat center center #fff; right: 10%; top: 15%; z-index: 88;}
.pop_v .pop_v_d{ position: absolute; left:0; top: 0; width: 100%; height:100%;background:  rgba(0,0,0,0.6);}

.company .c_right .c_r_img{ width:83.33%; height:354px; margin:0 auto; position:relative;}
.company .c_right .c_r_img span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/video_ico.png) no-repeat center center;}
.company .c_right .c_r_img:hover span{ background-image:url(../images/video_icoh.png)}
