@charset "utf-8";

:hover{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

/*图片放大公用类*/
.picfd img
{
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
  -ms-transition:0.5s ease;
}
.picfd:hover img{

     transform:scale(1.1);
     -webkit-transform:scale(1.1);
     -moz-transform:scale(1.1);
     -o-transform:scale(1.1);
     -ms-transform:scale(1.1);
}

.container{ width:1200px; margin-right:auto; margin-left:auto; }
img { max-width:100%; }

/* 头部 */
.header{ width: 100%; height: 100px; }
.logo{ margin-top: 29px; }
.search{ width: 26px; margin-top: 42px; margin-left: 24px; position: relative; }
.search .btn1{ width: 26px; height: 20px; line-height: 20px; text-align: center; background: url(../images/pic1.png) no-repeat right center; border: 0px; }
.search .wbk1{ color: #000; width: 263px; height: 32px; line-height: 32px; padding: 0 10px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 5px; position: absolute; top: -7px; right: 26px; z-index: 2; display: none;
    -webkit-transition:all 0s ease;
    -moz-transition:all 0s ease;
    -o-transition:all 0s ease;
    transition:all 0s ease;
}
.tel{ width: 26px; margin-top: 42px; position: relative; }
.tel1{ width: 20px; padding-left: 6px; }
.tel2{ font-weight: bold; color: #333; min-width: 124px; height: 32px; line-height: 32px; padding: 0 17px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 5px; position: absolute; top: -7px; right: 26px; z-index: 2; display: none;
    -webkit-transition:all 0s ease;
    -moz-transition:all 0s ease;
    -o-transition:all 0s ease;
    transition:all 0s ease;
}
.nav{ margin-right: 10px; }
.nav ul{}
.nav ul li{ margin: 0 26px; }
.nav ul li a{ font-size: 16px; font-weight: bold; color: #444; height: 97px; line-height: 97px; padding: 0 14px; border-top: 3px solid #fff; display: block; }
.nav ul li a:hover,.nav ul li a.xz{ border-top: 3px solid #004fa3; }

/* BANNER */
.banner{ width:100%; height:650px; position:relative; }
.banner .flexslider{ position:relative;height:650px;}
.banner .slides{ position:relative;z-index:1;}
.banner .slides li{height:650px;}
.banner .slides li a{height:650px; display:block;}

.banner .flex-control-nav{ width:100%; height:2px; text-align:center; position:absolute;bottom:44px;left:0px;z-index:2;}
.banner .flex-control-nav li{display:inline-block;width:50px;height:2px;margin:0 6px; *display:inline;zoom:1;}
.banner .flex-control-nav a{display:inline-block;width:50px;height:2px; background:url(../images/pic5.png) no-repeat;overflow:hidden; cursor:pointer; position: relative;}
.banner .flex-control-nav .flex-active{ background:url(../images/pic5.png) no-repeat;}

.banner .flex-control-nav a:before{width:0;height:2px; background-color:#fff; position:absolute; top:0px; left:0px; content:'';}
.banner .flex-control-nav li:first-child a:before{width:0px;}
.banner .flex-control-nav a.flex-active:before{
    animation:mywidth1 5s linear;
    -moz-animation:mywidth1 5s linear; /* Firefox */
    -webkit-animation:mywidth1 5s linear; /* Safari and Chrome */
    -o-animation:mywidth1 5s linear; /* Opera */
}
@keyframes mywidth1
{
from {width:0px;}
to {width:100%;}
}

@-moz-keyframes mywidth1 /* Firefox */
{
from {width:0px;}
to {width:100%;}
}

@-webkit-keyframes mywidth1 /* Safari 和 Chrome */
{
from {width:0px;}
to {width:100%;}
}

@-o-keyframes mywidth1 /* Opera */
{
from {width:0px;}
to {width:100%;}
}

.banner .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;margin-top:-30px;}
.banner .flex-direction-nav li a{display:block;width:32px;height:60px;overflow:hidden;cursor:pointer;position:absolute;}
.banner .flex-direction-nav li a.flex-prev{background:url(../images/pic3.png) no-repeat;}
/*.banner .flex-direction-nav li a.flex-prev:hover{background:url(../images/pic3h.png) no-repeat;}*/
.banner .flex-direction-nav li a.flex-next{background:url(../images/pic4.png) no-repeat;}
/*.banner .flex-direction-nav li a.flex-next:hover{background:url(../images/pic4h.png) no-repeat;}*/

/* 首页 */
.main{ width:100%; overflow: hidden; }

.main1{ width:100%; padding:40px 0; }
.main1_l{ width:657px; }
.main1_l .pic{ width:262px; height: 193px; overflow: hidden; }
.main1_l .pic img{ width:262px; height: 193px; }
.main1_l .title{ width:370px; }
.main1_l .title1{ font-size: 16px; font-weight: bold; color: #333; width:100%; height: 31px; line-height: 100%; margin-top: 22px; background:url(../images/pic7.png) no-repeat left bottom; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main1_l .title2{ font-size: 12px; color: #666; width:100%; height: 66px; line-height: 22px; margin-top: 22px; overflow: hidden; }
.main1_l .title3{ width:100%; margin-top: 22px; }
.main1_l:hover .title1{ color: #004fa3; }
.main1_r{ width:475px; margin-top: 6px; position: relative; }
.main1_r .title{ font-size: 0px; width:100%; height: 45px; border-bottom:1px solid #eee; }
.main1_r .title1{ font-size:16px; font-weight: bold; color:#333; margin-right:36px; display:inline-block; *display:inline; *zoom:1; }
.main1_r .title1 a{ color:#333; height:45px; line-height:45px; padding: 0 1px; border-bottom:1px solid #eee; display:block; overflow:hidden; }
.main1_r .title1:hover a{ border-bottom:1px solid #004fa3; }
.main1_r .title1.xz a{ border-bottom:1px solid #004fa3; }
.main1_r .title_nr { width:100%; margin-top:0px; }
.main1_r .title_nr1{ width:100%; display:none; }
.main1_r .title_nr1 .nr1{ width:475px; }
.main1_r .title_nr1 .nr1 ul{ font-size: 12px; color: #666; width:475px; line-height: 28px; margin: 9px 0 -9px; }
.main1_r .title_nr1 .nr1 ul li{ width:475px; }
.main1_r .title_nr1 .nr1 ul li p{ color: #666; width:73px; }
.main1_r .title_nr1 .nr1 ul li span{ color: #666; width:402px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main1_r .title_nr1 .nr1 ul li span:hover{ color: #004fa3; }
.main1_r .more{ font-size: 12px; color: #666; line-height: 100%; position: absolute; top: 20px; right: 10px; }
.main1_r .more a{ color: #666; }
.main1_r .more a:hover{ color: #004fa3; }

.main2{ width:100%; background-color: #fafafa; }
.main2 ul{ width:1200px; }
.main2 ul li{ width:400px; height: 172px; overflow: hidden; }
.main2 ul li img{ width:400px; height: 172px; }

/* 底部 */
.footer{ font-size: 14px; font-weight: bold; width: 100%; line-height: 26px; margin-top: 40px; padding: 25px 0; background-color: #f0f0f0; }
.footer1{ color: #666; }
.footer1 a{ color: #666; }
.footer1 a:hover{ color: #004fa3; }
.footer2{ color: #666; }

/* 内页Banner */
.qy_banner{ width: 100%; height: 400px; }
.qy_banner a{ width: 100%; height: 400px; display: block; }

/* 内页公用 */
.qy_main{ width: 100%; }
.qy_main1{ width: 100%; height: 86px; border-bottom: 1px solid #eee; }
.qy_main1_l{}
.qy_main1_l a{ font-size: 14px; font-weight: bold; color: #666; height: 84px; line-height: 86px; margin-right: 40px; padding: 0 7px; border-bottom: 2px solid #fff; display: block; }
.qy_main1_l a:hover,.qy_main1_l a.xz{ border-bottom: 2px solid #004fa3; }
.qy_main1_r{ font-size: 14px; font-weight: bold; color: #999; height: 86px; line-height: 86px; }
.qy_main1_r img{ margin: 0 34px; }
.qy_main1_r a{ color: #999; }
.qy_main1_r a:hover,.qy_main1_r a.xz{ color: #004fa3; }

/* 关于百荣 */
.gy_main{ width: 100%; }

.gy_main1{ width: 1200px; margin-top: 44px; padding-bottom: 22px; background:url(../images/pic13.png) no-repeat left bottom; }
.gy_main1 .nr1{ font-size: 48px; font-weight: bold; color: #333; width: 100%; line-height: 100%; text-transform: uppercase; filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; }
.gy_main1 .nr2{ font-size: 24px; color: #333; width: 100%; line-height: 100%; margin-top: -16px; }

.gy_main2{ color: #444; width: 1200px; line-height: 30px; margin-top: 20px; }

.gy_main3{ width: 1200px; margin-top: 50px; }
.gy_main3 .pic{ width: 384px; overflow: hidden; }
.gy_main3 .pic img{ width: 100%; }
.gy_main3 .title{ width: 766px; }
.gy_main3 .title1{ font-size: 24px; color: #333; width: 100%; line-height: 100%; margin-top: 40px; padding-bottom: 20px; background:url(../images/pic13.png) no-repeat left bottom; }
.gy_main3 .title1 span.style1{ font-size: 14px; margin-left: 20px; }
.gy_main3 .title2{ color: #333; width: 100%; line-height: 30px; margin-top: 20px; }

.gy_main4{ width: 1200px; margin-top: 40px; overflow: hidden; }
.gy_main4 img{ width: 100%; }

.gy_main5{ width: 1200px; margin-top: 50px; background-color: #f5f5f5; }
.gy_main5 .pic{ width: 716px; overflow: hidden; }
.gy_main5 .pic img{ width: 100%; }
.gy_main5 .title{ width: 404px; padding: 40px; }
.gy_main5 .title1{ font-size: 28px; font-weight: bold; color: #000; height: 44px; line-height: 100%; margin-bottom: 8px; padding: 0 8px; background:url(../images/pic19.png) no-repeat 8px bottom; }
.gy_main5 .title2{ font-size: 16px; color: #333; width: 404px; line-height: 34px; padding: 24px 8px; border-bottom: 2px dashed #e2e2e2; }
.gy_main5 .title3{ width: 404px; padding: 0 8px; }
.gy_main5 .title3 ul{ margin: 0 -42px; }
.gy_main5 .title3 ul li{ width: 128px; text-align: center; margin: 32px 42px 0; }
.gy_main5 .title3 ul li p{ width: 126px; height: 126px; border: 1px solid #dfdfdf; }
.gy_main5 .title3 ul li p img{ width: 126px; height: 126px; }
.gy_main5 .title3 ul li span{ color: #333; width: 128px; line-height: 22px; margin-top: 10px; display: block; }

.gy_main6{ font-size: 32px; color: #000; width: 1200px; line-height: 100%; margin-top: 50px; }

.gy_main7{ width: 1200px; margin-top: 42px; }
.gy_main7_l{ width: 640px; min-height: 580px; position: relative; }
.gy_main7_l1{ font-size: 18px; font-weight: bold; color: #fff; width: 640px; background-color: #004fa3; }
.gy_main7_l1 p{ width: 213px; height: 61px; line-height: 61px; text-align: center; background:url(../images/pic30.png) no-repeat left center; }
.gy_main7_l1 p:first-child{ background: none; }
.gy_main7_l1 p.style1{ width: 165px; text-align: left; padding-left: 48px; }
.gy_main7_l2{ width: 640px; }
.gy_main7_l2_nr{ width: 640px; }
.gy_main7_l2_nr.xz{ background-color: #fafafa; }
.gy_main7_l2_nr1{ font-size: 14px; color: #616161; width: 640px; border-bottom: 1px solid #f1f1f1; cursor: pointer; }
.gy_main7_l2_nr1 p{ width: 213px; height: 59px; line-height: 59px; text-align: center; }
.gy_main7_l2_nr1 p.style1{ width: 165px; text-align: left; padding-left: 48px; }
.gy_main7_l2_nr2{ width: 492px; line-height: 37px; padding: 76px 34px 16px; background-color: #fafafa; position: absolute; top: 0px; right: -560px; bottom: 0px; left: auto; display: none; }
.gy_main7_l2_nr2 .nr1{ font-size: 16px; color: #333; width: 100%; }
.gy_main7_l2_nr2 .nr2{ font-size: 14px; color: #666; width: 100%; }
.gy_main7_l3{ width: 640px; margin-top: 40px; }
.gy_main7_l4{ width: 640px; margin-top: 40px; }
.gy_main7_l4 .nr1{ font-size: 16px; color: #004fa3; width: 482px; height: 50px; line-height: 50px; padding: 0 10px 0 48px; background-color: #fafafa; }
.gy_main7_l4 .nr1 img{ vertical-align: middle; margin-right: 8px; }

/* 新闻中心 */
.xwzx_main{ width: 100%; }

.xwzx_main1{ width: 1200px; margin-top: 50px; }
.xwzx_main1 .pic{ width:580px; height: 320px; overflow: hidden; }
.xwzx_main1 .pic img{ width:580px; height: 320px; }
.xwzx_main1 .title{ width:556px; margin-right: 24px; }
.xwzx_main1 .title1{ font-size: 24px; font-weight: bold; color: #333; width:100%; height: 66px; line-height: 100%; margin-top: 56px; background:url(../images/pic22.png) no-repeat left bottom; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xwzx_main1 .title2{ font-size: 12px; color: #666; width:100%; height: 66px; line-height: 22px; margin-top: 34px; overflow: hidden; }
.xwzx_main1 .title3{ font-size: 12px; color: #999; width:100%; line-height: 26px; margin-top: 30px; }
.xwzx_main1 .title3 img{ margin-right: 10px; }
.xwzx_main1:hover .title1{ color: #004fa3; }
.xwzx_main1:hover .title3{ color: #004fa3; }

.xwzx_main2{ width: 1200px; margin-top: 20px; overflow: hidden; }
.xwzx_main2 ul{ width: 1230px; }
.xwzx_main2 ul li{ width: 380px; margin: 30px 30px 0 0; }
.xwzx_main2 ul li a{ width: 320px; padding: 30px 30px 24px; background-color: #f6f6f8; display: block; }
.xwzx_main2 ul li .title1{ font-size: 16px; font-weight: bold; color: #333; width: 100%; line-height: 17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xwzx_main2 ul li .title2{ font-size: 12px; color: #969696; width: 100%; height: 42px; line-height: 21px; margin-top: 14px; overflow: hidden; }
.xwzx_main2 ul li .title3{ font-size: 12px; color: #969696; width: 100%; line-height: 100%; margin-top: 50px; }
.xwzx_main2 ul li a:hover{ background-color: #004fa3; }
.xwzx_main2 ul li a:hover .title1{ color: #fff; }
.xwzx_main2 ul li a:hover .title2{ color: #fff; }
.xwzx_main2 ul li a:hover .title3{ color: #fff; }

.xwzx_main3{ width: 1200px; margin-top: 45px; }
.xwzx_main3 .nr1{ font-size: 24px; font-weight: bold; color: #333; width: 100%; padding-bottom: 20px; background:url(../images/pic22.png) no-repeat left bottom; }
.xwzx_main3 .nr2{ font-size: 14px; color: #666; width: 100%; line-height: 16px; margin-top: 22px; }
.xwzx_main3 .nr2 img{ margin-right: 10px; }

.xwzx_main4{ font-size: 14px; color: #666; width: 1200px; line-height: 30px; margin-top: 30px; }

.xwzx_main5{ font-size: 12px; color: #666; width: 100%; line-height: 32px; margin-top: 20px; }
.xwzx_main5 p{ width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xwzx_main5 a{ color: #666; }
.xwzx_main5 a:hover{ color: #004fa3; }

/* 分页 */
.pages{ font-size:0px; width:100%; text-align:center; margin-top:40px; }
.pages a{ font-size:14px; color:#999; height:34px; line-height:34px; text-align:center; margin:0 5px; padding: 0 17px; background-color:#fff; border: 1px solid #e7e8e9; display:inline-block; *display:inline; *zoom:1; }
.pages a:hover,.pages a.xz{ color: #fff; background-color:#004fa3; border:1px solid #004fa3; }
.pages strong{ font-weight:normal; color:#333; margin:0 2px; }

/* 分页2 */
.pages2{ font-size:0px; width:100%; margin-top:40px; }
.pages2 a{ font-size:14px; color:#004fa3; width: 50px; height:30px; line-height:30px; text-align:center; margin:0 10px; display:inline-block; *display:inline; *zoom:1; float: left; }
.pages2 a:hover,.pages2 a.xz{ color: #fff; background-color:#004fa3; background-color: #e9e9e9; }
.pages2 a.other{ width: 12px; }
.pages2 a.other img{ vertical-align: middle; }
.pages2 a.other1{ margin: 0 40px 0 0; }
.pages2 a.other2{ margin: 0 0 0 40px; }
.pages2 strong{ font-weight:normal; color:#333; margin:0 2px; }

/* 下属公司 */
.xsgs_main{ width: 100%; }

.xsgs_main1{ width: 1200px; margin-top: 20px; }
.xsgs_main1 ul{ width: 1200px; }
.xsgs_main1 ul li{ width: 1200px; margin-top: 30px; }
.xsgs_main1 ul li a{ padding: 30px 48px 18px 62px; background-color: #e5e5e5; display: block; }
.xsgs_main1 ul li .title1{ font-size: 16px; font-weight: bold; color: #333; width: 100%; height: 31px; line-height: 100%; background:url(../images/pic26.png) no-repeat left bottom; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xsgs_main1 ul li .title2{ font-size: 12px; color: #666; width: 100%; height: 48px; line-height: 24px; margin-top: 14px; overflow: hidden; }
.xsgs_main1 ul li a:hover{ padding: 30px 78px 18px 32px; background:#004fa3 url(../images/pic27.png) no-repeat 1144px center; }
.xsgs_main1 ul li a:hover .title1{ color: #fff; background:url(../images/pic26h.png) no-repeat left bottom; }
.xsgs_main1 ul li a:hover .title2{ color: #fff; }

/* 企业文化 */
.qywh_main{ width: 100%; }

.qywh_main1{ width: 1200px; margin-top: 20px; }
.qywh_main1 ul{ width: 1200px; }
.qywh_main1 ul li{ width: 1200px; margin-top: 30px; position: relative; }
.qywh_main1 ul li .pic{ width: 1200px; height: 360px; overflow: hidden; }
.qywh_main1 ul li .pic img{ width: 1200px; height: 360px; }
.qywh_main1 ul li .title{ padding: 0 76px; position: absolute; top: 74px; left: 0px; }
.qywh_main1 ul li .title1{ font-size: 34px; color: #fff; }
.qywh_main1 ul li .title1 span.style1{ color: #cb0000; }
.qywh_main1 ul li .title2{ font-size: 26px; color: #fff; }
.qywh_main1 ul li .title3{ font-size: 16px; color: #fff; margin-top: 14px; }

/* 社会责任 */
.shzr_main{ width: 100%; }

.shzr_main1{ width: 100%; margin-top: 14px; }
.shzr_main1 ul{ width: 100%; }
.shzr_main1 ul li{ width: 100%; }
.shzr_main1 ul li a{ width: 100%; display: block; }
.shzr_main1 ul li .container{ padding: 36px 0; border-bottom: 1px solid #eaeaea; }
.shzr_main1 ul li .pic{ width: 100px; height: 98px; text-align: center; background-color: #c9c9c9; }
.shzr_main1 ul li .pic1{ font-family: "Arial"; font-size: 40px; font-weight: bold; color: #fff; width: 100%; height: 61px; line-height: 61px; background:url(../images/pic28.png) no-repeat center bottom; }
.shzr_main1 ul li .pic2{ font-size: 14px; color: #fff; width: 100%; line-height: 100%; margin-top: 7px; }
.shzr_main1 ul li .title{ width: 1078px; }
.shzr_main1 ul li .title1{ font-size: 20px; color: #464545; width: 100%; height: 38px; line-height: 100%; margin-top: 8px; background:url(../images/pic29.png) no-repeat left bottom; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shzr_main1 ul li .title2{ font-size: 12px; color: #666; width: 100%; height: 40px; line-height: 20px; margin-top: 10px; overflow: hidden; }
.shzr_main1 ul li a:hover{ background-color: #fafafa; }
.shzr_main1 ul li a:hover .pic{ background-color: #004fa3; }