body { margin: 0 auto; color: #525252; font-size: 14px; background: #fff url(../images/20180608174212_845180355.jpg) no-repeat top center; min-width: 1200px; font-family: "Microsoft YaHei"; }
div, ul, li, span, p, img, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; list-style: none; border: 0px; }
.clear { clear: both; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.frame img { border: 1px solid #ccc; padding: 2px; background-color: #fff; }
.frame a:hover img { border: 1px solid #e00; padding: 2px; background-color: #fff; }
a { color: #525252; text-decoration: none; font-family: "Microsoft YaHei"; font-size: 14px; }
a:hover { text-decoration: none; color: #e00; font-family: "Microsoft YaHei"; font-size: 14px; }
#head, #nav, #search, #products, #feature, #case, #process, #advantage, #company, #news, #footer, .all { width: 1200px; height: auto; margin: 0 auto; }
/*抬头*/
.top { height: 59px; line-height: 59px; color: #727272; min-width: 1200px; }
.top a { color: #727272; text-decoration: none; font-family: "Microsoft YaHei"; font-size: 14px; }
.top a:hover { text-decoration: none; color: #e00; font-family: "Microsoft YaHei"; font-size: 14px; }
.top_w1 { padding-right: 91px; }
.top_w2 { padding-right: 31px; }
.logo { width: 128px; padding-top: 38px; }
.line { width: 1px; padding: 0 22px; }
.name { padding-top: 35px; font-size: 35px; color: #222; line-height: 42px; }
.name strong span { color: #0175c4; font-size: 35px; }
.name span { font-size: 20px; }
.hotline { width: 269px; padding-top: 34px; }
/*导航*/
#nav_all { width: 100%; background-color: #0175c4; height: 45px; line-height: 45px; }
#nav > ul > li { position: relative; display: inline-block; width: 120px; height: 45px; line-height: 45px; float: left; text-align: center; font-family: "Microsoft YaHei"; }
#nav li a { color: #fff; display: block; font-size: 17px; font-weight: bold; font-family: "Microsoft YaHei"; text-decoration: none; }
#nav li a:hover { display: block; color: #fff; text-decoration: none; font-size: 17px; font-weight: bold; background-color: #014d82; font-family: "Microsoft YaHei"; }
#nav .nav > a { display: block; color: #fff; font-size: 17px; font-weight: bold; background-color: #8992f5; font-family: "Microsoft YaHei"; }
#nav ul .no { background: none; }
#nav1 ul { display: none; position: absolute; width: 120px; height: 90px; background-color: #0175c4; text-align: center; font-family: "Microsoft YaHei"; z-index: 10; }
#nav1 ul li { width: 120px; height: 45px; line-height: 45px; }
#nav1:hover ul { display: block; }
#nav2 ul { display: none; position: absolute; width: 120px; height: 180px; background-color: #0175c4; text-align: center; font-family: "Microsoft YaHei"; z-index: 10; }
#nav2 ul li { width: 120px; height: 45px; line-height: 45px; }
#nav2:hover ul { display: block; }
#nav3 ul { display: none; position: absolute; width: 120px; height: 180px; background-color: #0175c4; text-align: center; font-family: "Microsoft YaHei"; z-index: 10; }
#nav3 ul li { width: 120px; height: 45px; line-height: 45px; }
#nav3:hover ul { display: block; }
#nav4 ul { display: none; position: absolute; width: 120px; height: 180px; background-color: #0175c4; text-align: center; font-family: "Microsoft YaHei"; z-index: 10; }
#nav4 ul li { width: 120px; height: 45px; line-height: 45px; }
#nav4:hover ul { display: block; }
#nav5 ul { display: none; position: absolute; width: 120px; height: 180px; background-color: #0175c4; text-align: center; font-family: "Microsoft YaHei"; z-index: 10; }
#nav5 ul li { width: 120px; height: 45px; line-height: 45px; }
#nav5:hover ul { display: block; }
#nav6 ul { display: none; position: absolute; width: 120px; height: 360px; background-color: #0175c4; text-align: center; font-family: "Microsoft YaHei"; z-index: 10; }
#nav6 ul li { width: 120px; height: 45px; line-height: 45px; }
#nav6:hover ul { display: block; }
#nav7 ul { display: none; position: absolute; width: 120px; height: 180px; background-color: #0175c4; text-align: center; font-family: "Microsoft YaHei"; z-index: 10; }
#nav7 ul li { width: 120px; height: 45px; line-height: 45px; }
#nav7:hover ul { display: block; }
#nav8 ul { display: none; position: absolute; width: 120px; height: 180px; background-color: #0175c4; text-align: center; font-family: "Microsoft YaHei"; z-index: 10; }
#nav8 ul li { width: 120px; height: 45px; line-height: 45px; }
#nav8:hover ul { display: block; }
#nav9 ul { display: none; position: absolute; width: 120px; height: 180px; background-color: #0175c4; text-align: center; font-family: "Microsoft YaHei"; z-index: 10; }
#nav9 ul li { width: 120px; height: 45px; line-height: 45px; }
#nav9:hover ul { display: block; }
#nav10 ul { display: none; position: absolute; width: 120px; height: 180px; background-color: #0175c4; text-align: center; font-family: "Microsoft YaHei"; z-index: 10; }
#nav10 ul li { width: 120px; height: 45px; line-height: 45px; }
#nav10:hover ul { display: block; }
/*幻灯片*/
#flash_bg { width: 100%; margin: 1px auto; min-width: 1200px; }
.focus { width: 100%; height: 550px; overflow: hidden; position: relative;text-align:center; }
.focus ul { height: 550px; position: absolute; }
.focus ul li { float: left; width: 100%; height: 550px; overflow: hidden; position: relative; background: #fff; }
.focus ul li div { position: absolute; overflow: hidden; }
.focus .btnBg { position: absolute; width: 100%; height: 20px; left: 0; bottom: 0; background: #fff; display: none; }
.focus .btn { position: absolute; width: 780px; height: 23px; padding: 0px 10px 0px 10px; right: 305px; bottom: 6px; text-align: right; }
.focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 25px; height: 24px; line-height: 24px; text-align: center; _font-size: 0; margin-left: 5px; cursor: pointer; background: #fff; }
.focus .btn span.on { background: #0175c4 !important; color: #fff; }
.focus .preNext { width: 45px; height: 100px; position: absolute; top: 205px; background: url(../images/20180608181546_1622285237.png) no-repeat 0 0; cursor: pointer; }
.focus .pre { left: 0; }
.focus .next { right: 0; background-position: right top; }
/*搜索*/
#sea_all { width: 100%; height: 44px; background-color: #f7f7f7; }
.search_l { width: 930px; text-align: left; line-height: 44px; color: #727272; }
.search_l span { color: #0175c4; font-weight: bold; }
.search_l a { color: #727272; text-decoration: none; }
.search_l a:hover { color: #e00; }
.search_r { width: 230px; }
.sea_bg { width: 184px; height: 44px; background: url(../images/20180608182334_1227273141.jpg) no-repeat; }
.button { width: 46px; padding-top: 10px; }
/*主营*/
.main_pro { position: relative; margin: 0 auto 30px; width: 1270px; font-family: "Microsoft YaHei"; overflow: hidden; }
.main_prodcution { margin: 0 auto; width: 1270px; }
.main_tbg { margin: 0 auto; width: 1200px; background: url(../images/20180608182726_1496960964.jpg) no-repeat; height: 103px; margin-top: 30px; text-align: center; }
.main_en { font-family: Arial, Helvetica, sans-serif; color: #aaa; font-size: 12px; text-transform: uppercase; padding-top: 8px; }
.main_t1 { font-size: 33px; font-weight: bold; color: #0175c4; padding-top: 1px; }
.main_t2 { font-size: 14px; color: #333; padding-top: 5px; }
.main_button { position: absolute; cursor: pointer; top: 20px; width: 25px; height: 351px; }
#main_left { padding-right: 10px; left: 0; background: url(../images/20180710145359_1109810710.jpg) no-repeat left 125px; }
#main_right { right: 0; background: url(../images/20180710145359_664121999.jpg) no-repeat left 125px; }
.main_container { margin: 0 auto; width: 1200px; overflow: hidden; }
.main_container .main_title { display: block; padding-top: 17px; width: 100%; color: #fff; font-size: 25px; font-weight: bold; text-decoration: none; }
.main_p { padding-top: 226px; line-height: 28px; color: #525252; }
.main_one { float: left; width: 380px; height: 351px; text-align: center; background: url(../images/20180710145359_1510597721.jpg) no-repeat; padding-right: 30px; }
.main_two { float: left; width: 380px; height: 351px; text-align: center; background: url(../images/20180710145359_602138769.jpg) no-repeat; padding-right: 30px; }
.main_three { float: left; width: 380px; height: 351px; text-align: center; background: url(../images/20180710145400_543587199.jpg) no-repeat; padding-right: 30px; }
.main_four { float: left; width: 380px; height: 351px; text-align: center; background: url(../images/20180710145400_499148834.jpg) no-repeat; padding-right: 30px; }
#main { width: 1610px; height: auto; margin: 0 auto; }
/*.main_tbg{background:url(../images/20180608182726_1496960964.jpg) no-repeat; height:103px; margin-top:30px; text-align:center;}
.main_en{font-family:Arial, Helvetica, sans-serif; color:#aaa; font-size:12px; text-transform:uppercase; padding-top:8px;}
.main_t1{font-size:33px; font-weight:bold; color:#0175c4; padding-top:1px;}
.main_t2{font-size:14px; color:#333; padding-top:5px;}*/
.main_bg { background: url(../images/20180627142409_659000833.jpg) no-repeat; height: 351px; margin-top: 30px; margin-bottom: 40px; }
.main_con { width: 380px; text-align: center; }
.main_title { color: #fff; font-size: 25px; font-weight: bold; padding-top: 17px; }
.main_title a { color: #fff; font-size: 25px; font-weight: bold; text-decoration: none; font-family: "Microsoft YaHei"; }
.main_title a:hover { color: #fff; font-size: 25px; font-weight: bold; text-decoration: underline; font-family: "Microsoft YaHei"; }
.main_words { line-height: 28px; padding-top: 226px; }
/*产品*/
#pro_abg1 { background: url(../images/20180627142726_1634047338.jpg) no-repeat center; height: 882px; }
.box_l { width: 240px; }
.l_tbg { background: url(../images/20180627143125_903299274.jpg) no-repeat; height: 132px; text-align: center; color: #fff; }
.l_title { font-size: 30px; font-weight: bold; padding-top: 34px; }
.list { line-height: 40px; }
.list a { font-size: 14px; background: url(../images/20180608185213_1377039622.jpg) no-repeat; display: block; height: 40px; width: 240px; padding-left: 69px; overflow: hidden; }
.list a:hover { font-size: 14px; background: url(../images/20180627143146_980288135.jpg) no-repeat; display: block; height: 40px; color: #fff; width: 240px; padding-left: 69px; overflow: hidden; }
.box_r { width: 930px; }
.r_tbg { background: url(../images/20180619113010_249906592.png) repeat-x; height: 56px; }
.r_tl { background: url(../images/20180627143245_913815395.jpg) no-repeat; width: 40px; height: 56px; }
.r_tc { background: url(../images/20180627143308_914608117.jpg) repeat-x; height: 56px; }
.r_title { font-size: 20px; color: #222; font-weight: bold; padding: 18px 5px 0 9px; }
.r_tr { padding-top: 28px; font-size: 14px; }
.r_tr a { color: #525252; text-decoration: none; font-family: "Microsoft YaHei"; font-size: 14px; }
.r_tr a:hover { text-decoration: none; color: #e00; font-family: "Microsoft YaHei"; font-size: 14px; }
.pro_right { width: 930px; margin-top: 30px; }
.pro_right_bj { width: 930px; height: auto; box-sizing: border-box; }
.pro_right_bj table td { padding-bottom: 20px; }
.pro_right_bj table tr:last-child td { padding-bottom: 0; }
.pro_right_bj table td > a { width: 284px; padding: 4px 2px 1px 2px; border: 1px solid #ccc; background-color: #fff; display: block; height: 213px; overflow: hidden; position: relative; }
.pro_right_bj table td:hover > a::after, .pro_right_bj table td:hover > a::before { content: " "; display: block; position: absolute; height: 211px; width: 282px; padding: 2px; top: 0; left: 0; border: 1px solid #e00; z-index: 10; -webkit-animation: clipAni 2s infinite linear; animation: clipAni 2s infinite linear; }
.pro_right_bj table td:hover > a::before { -webkit-animation-delay: -1s; animation-delay: -1s; -ms-animation-delay: -1s; }
@-webkit-keyframes clipAni {
    0%,100% { clip: rect(0px,288px,217px,215px); }
    25% { clip: rect(0px,288px,3px,0px); }
    50% { clip: rect(0px,3px,217px,0px); }
    75% { clip: rect(218px,288px,217px,0px); }
}
@keyframes clipAni {
    0%,100% { clip: rect(0px,288px,217px,215px); }
    25% { clip: rect(0px,288px,3px,0px); }
    50% { clip: rect(0px,3px,217px,0px); }
    75% { clip: rect(218px,288px,217px,0px); }
}
@-ms-keyframes clipAni {
    0%,100% { clip: rect(0px,288px,217px,215px); }
    25% { clip: rect(0px,288px,3px,0px); }
    50% { clip: rect(0px,3px,217px,0px); }
    75% { clip: rect(218px,288px,217px,0px); }
}
.pro_right_bj table td > span { width: 290px; height: 30px; display: block; margin-top: -10px; }
.pro_right_bj table td > span a { width: inherit; height: inherit; display: inherit; background: #0175c4; color: #fff; font-size: 14px; line-height: 30px; }
.pro_right_bj table td:hover > span a { background: #e00; color: #fff; }
#pro_abg { background: url(../images/20180627143426_2138687558.jpg) no-repeat center; color: #fff; height: 347px; }
.pro_w1 { font-size: 33px; font-weight: bold; padding: 103px 0 0 80px; }
.pro_w2 { font-size: 18px; padding: 13px 0 0 80px; }
.pro_w3 { font-size: 17px; padding: 33px 0 0 140px; }
.pro_w4 { font-size: 24px; padding-top: 29px; }
/*特色*/
#fea_abg { background: url(../images/20180627143815_496554906.jpg) no-repeat center; height: 999px; }
.fea_jg { height: 43px; }
.fea_tbg { width: 185px; height: 164px; background: url(../images/20180627143535_621869282.png) no-repeat; margin-left: 508px; z-index: 88; }
.fea_title { color: #0175c4; font-size: 31px; font-weight: bold; z-index: 99; position: absolute; padding-left: 538px; padding-top: 30px; }
.fea_timg { z-index: 99; position: absolute; padding-left: 469px; padding-top: 77px; }
.fea_twords { color: #222; font-size: 14px; z-index: 99; position: absolute; padding-left: 488px; padding-top: 100px; }
.fea_words { font-size: 16px; color: #222; line-height: 30px; }
.fea_w1 { padding: 31px 0 0 49px; }
.fea_w2 { padding: 145px 0 0 32px; }
.fea_w3 { padding: 115px 0 0 30px; }
.fea_w4 { padding: 109px 0 0 128px; }
.fea_w5 { padding: 31px 33px 0 0; }
.fea_w6 { padding: 117px 16px 0 0; }
.fea_w7 { padding: 144px 9px 0 0; }
.fea_w8 { padding: 108px 124px 0 0; }
.fea_more { font-size: 18px; color: #fff; }
.fea_more a { color: #fff; text-decoration: none; font-family: "Microsoft YaHei"; font-size: 18px; }
.fea_more a:hover { text-decoration: underline; color: #fff; font-family: "Microsoft YaHei"; font-size: 18px; }
/* css3 让一个图片不断翻转示例代码 */
#Play { margin: 53px 0 0 366px; /* background:color url x y repeat 图片来自百度图片，按需要更换 */ background: url("../images/20180609102315_1635211873.png") center no-repeat; /* background-size:auto auto || cover 代表以宽或高填满元素背景 */ background-size: cover; /* 随便设置宽高值，测试 */ width: 462px; height: 462px; /* 设置默认样式，开启3d硬件加速 */ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */ -webkit-animation: play 5s linear infinite; -moz-animation: play 5s linear infinite; animation: play 5s linear infinite; }
@-webkit-keyframes play {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes play {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}
@keyframes play {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*案例*/
#warehouse { width: 1200px; margin: 0 auto; background: #fff; margin-top: 14px; }
#warehouse > div > table > tbody > tr > td { }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td { margin: 0.7%; position: relative; overflow: hidden; padding: 10px !important; }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td > a { display: block; padding: 2px; border: 10px solid #e8e8e8; }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td br { display: none; }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td > a + a { display: block; width: 86%; position: absolute; bottom: 8%; left: 6.5%; transition: 0.6s all ease; background-position: center; height: 32px; line-height: 32px; background: rgba(0,0,0,.3); color: #fff; border: none; }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td:hover > a + a { height: 0; }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td > .pro_sgo { width: 89%; background: rgba(0,0,0,0.6); height: 84%; position: absolute; bottom: 8%; left: -100%; transition: 0.3s all ease-in-out; }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td > .pro_sgo a { display: block; color: #fff; font-size: 14px; font-weight: bold; padding-top: 25%; }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td > .pro_sgo p { height: 22px; line-height: 22px; border-radius: 10px; border: 1px solid #fff; transition: all 0.3s 0.3s; padding: 1px 15px; margin: 15px auto; display: block; font-size: 13px; color: #fff; font-weight: 100; width: 70px; text-align: center; position: relative; bottom: -200px; }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td:hover > .pro_sgo { left: 6%; }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td:hover > .pro_sgo p { left: 0; bottom: 0; }
#warehouse > div > table > tbody > tr > td > table > tbody > tr > td > a > img { width: 300px; height: auto; }
/*流程*/
#proc_abg { background: url(../images/20180627143915_1839733452.jpg) no-repeat center; height: 522px; margin-top: 3px; }
.proc_title { font-size: 30px; font-weight: bold; text-align: center; color: #fff; padding-top: 145px; }
.proc_en { font-size: 20px; text-align: center; color: #fff; text-transform: uppercase; }
.honor_l { margin: 0 auto; height: 423px; width: 1150px; }
.honor_l > div:first-child { width: 119px; height: 39px; margin: 0 auto; padding-top: 28px; text-align: center; }
.honor_l > div:first-child a { display: block; background: #0175c4; color: #fff; font-size: 18px; font-family: 'Microsoft Yahei'; line-height: 39px; border-radius: 10px; -moz-border-radius: 10px; }
.honor_l > div:first-child a:hover { background: #e00; }
.honor_l > div:nth-child(2) { width: 1006px; margin: 0 auto; margin-top: 30px; }
.honor_l > div:nth-child(2) > div { width: 115px; height: 78px; float: left; border: 1px dashed #a9a9a9; background: url() }
.honor_l > div:nth-child(2) > div p { font-size: 16px; font-family: 'Microsoft Yahei'; color: #333333; margin-top: 95px; text-align: center; }
.honor_l > div:nth-child(2) > div + div { margin-left: 10px; }
.honor_l > div:nth-child(2) > div:hover { border: 1px solid #575c99; color: #fff; -moz-box-shadow: 10px 8px 20px #ababab; box-shadow: 10px 8px 20px #ababab; -webkit-box-shadow: 10px 8px 20px #ababab; -webkit-transform: translate(0px,-10px); transform: translate(0px,-10px); -ms-transform: translate(0px,-10px); -o-transform: translate(0px,-10px); -moz-transform: translate(0px,-10px); -webkit-transition: all 0.5s; transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.honor_l > div:nth-child(2) > div:hover p { -webkit-transform: translate(0px,10px); transform: translate(0px,10px); -ms-transform: translate(0px,10px); -o-transform: translate(0px,10px); -moz-transform: translate(0px,10px); -webkit-transition: all 0.5s; transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; color: #575c99; }
.honor_l > div:nth-child(2) > div:first-child { background: url(../images/20180609113246_56797350.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(2) { background: url(../images/20180609113247_342154143.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(3) { background: url(../images/20180609113247_393310016.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(4) { background: url(../images/20180609113247_410063503.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(5) { background: url(../images/20180609113247_1841983320.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(6) { background: url(../images/20180609113247_478858667.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(7) { background: url(../images/20180609113247_1894983686.png) no-repeat; }
.honor_l > div:nth-child(2) > div:last-child { background: url(../images/20180609113247_66286101.png) no-repeat; }
.honor_l > div:nth-child(2) > div:first-child:hover { background: #575c99 url(../images/20180609113805_183430732.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(2):hover { background: #575c99 url(../images/20180609113805_525601305.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(3):hover { background: #575c99 url(../images/20180609113806_1971255742.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(4):hover { background: #575c99 url(../images/20180609113806_1803639611.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(5):hover { background: #575c99 url(../images/20180609113806_1260026259.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(6):hover { background: #575c99 url(../images/20180609113806_918168443.png) no-repeat; }
.honor_l > div:nth-child(2) > div:nth-child(7):hover { background: #575c99 url(../images/20180609113806_1799855847.png) no-repeat; }
.honor_l > div:nth-child(2) > div:last-child:hover { background: #575c99 url(../images/20180609113806_899774911.png) no-repeat; }
/*优势*/
.adv_tbg { background: url(../images/20180627144138_1476730846.jpg) no-repeat; height: 114px; text-align: center; margin-top: 50px; }
.adv_t1 { font-size: 40px; font-weight: bold; color: #0175c4; padding-top: 19px; }
.adv_t1 span { color: #e00; }
.adv_t2 { font-size: 16px; color: #222; font-weight: bold; padding-top: 8px; }
.adv_bg1 { background: url(../images/20180627144205_1843063234.jpg) no-repeat; height: 573px; margin-top: 50px; }
.adv_bg2 { background: url(../images/20180627144223_101944665.jpg) no-repeat; height: 579px; margin-bottom: 20px; }
.adv_title { font-size: 26px; font-weight: bold; color: #0175c4; }
.adv_words { font-size: 15px; line-height: 33px; }
.adv_w1 { padding: 97px 0 0 645px; }
.adv_w2 { padding: 86px 0 0 692px; }
.adv_w3 { padding: 101px 0 0 96px; }
.adv_w4 { padding: 93px 0 0 126px; }
.adv_w5 { padding: 18px 0 0 645px; }
.adv_w6 { padding: 18px 0 0 692px; }
.adv_w7 { padding: 18px 0 0 96px; width: 520px; }
.adv_w8 { padding: 18px 0 0 126px; width: 450px; }
#adv_abg { background: url(../images/20180627144248_819294062.jpg) no-repeat center; height: 180px; color: #fff; margin: 40px 0 20px 0; }
.adv_con { padding: 42px 0 0 513px; line-height: 48px; font-size: 22px; }
.adv_con span { font-weight: bold; font-size: 30px; }
/*简介*/
.com_l { width: 550px; }
.com_r { width: 602px; }
.com_title { font-size: 20px; color: #333; padding-top: 25px; }
.com_line { background: url(../images/20180609141458_379925506.jpg) no-repeat; height: 2px; margin: 24px 0 21px 0; }
.com_words { font-size: 13px; line-height: 30px; }
.com_words a { color: #525252; text-decoration: none; font-family: "Microsoft YaHei"; font-size: 13px; }
.com_words a:hover { text-decoration: none; color: #e00; font-family: "Microsoft YaHei"; font-size: 13px; }
/*新闻中心*/
.news_t { text-align: center; padding-bottom: 25px; color: #333; }
.news_t p { font-size: 38px; font-weight: bold; height: 56px; color: #0175c4 }
.news_t span { font-size: 14px; font-family: Arial; }
.news_t i { width: 56px; height: 2px; background-color: #0175c4; display: block; margin: 11px auto 0 auto; }
.newstil { font-size: 16px; line-height: 44px; width: 1200px; height: 44px; margin-bottom: 25px; }
.newstil li { float: left; width: 167px; height: 39px; border: 1px #c5c5c5 solid; border-radius: 30px; margin-left: 30px; }
.newstil li a { width: 167px; line-height: 39px; color: #333; display: block; font-size: 16px; text-align: center; }
.newstil li a:hover { color: #fff; width: 167px; height: 39px; background-color: #0175c4; border-radius: 30px; display: block; }
.news_div_item_month { float: left; margin-top: 5px; margin-left: 16px; }
.news_div_item_day { margin-top: 5px; }
.news_div_item_date { position: absolute; top: 88px; font-size: 18px; color: #fff; font-family: "Arial"; background-color: #0175c4; width: 74px; height: 55px; margin-left: 296px; }
.news_div_item_year { position: absolute; top: 27px; margin-left: 16px; font-size: 20px; }
.news_div_item { width: 370px; float: left; margin: 0 15px; }
.news_div_item_content { width: 370px; height: 157px; position: absolute; top: 219px; background-color: #f7f6f6; }
.news_div_item_pic a img { padding: 0px; width: 369px; height: 219px; }
.news_div_item_pic a:hover img { padding: 0px; width: 369px; height: 219px; }
.news_div_item_title { text-align: center; padding-top: 25px; }
.news_div_item_a { font-size: 15px !important; color: #232323; }
.news_div_item_a:hover { font-size: 15px; }
.news_div_item_body { width: 334px; height: 80px; line-height: 26px; padding-left: 24px; padding-top: 10px; overflow: hidden; }
.divdgweb_new_div_item_month { float: left; margin-top: 5px; margin-left: 16px; }
.divdgweb_new_div_item_day { margin-top: 5px; }
.divdgweb_new_div_item_date { position: absolute; top: 88px; font-size: 18px; color: #fff; font-family: "Arial"; background-color: #0175c4; width: 74px; height: 55px; margin-left: 296px; }
.divdgweb_new_div_item_year { position: absolute; top: 27px; margin-left: 16px; font-size: 20px; }
.divdgweb_new_div_item { width: 370px; float: left; margin: 0 15px; }
.divdgweb_new_div_item_content { width: 370px; height: 157px; position: absolute; top: 219px; background-color: #f7f6f6; }
.divdgweb_new_div_item_pic a img { padding: 0px; }
.divdgweb_new_div_item_pic a:hover img { padding: 0px; }
.divdgweb_new_div_item_title { text-align: center; padding-top: 25px; }
.divdgweb_new_div_item_a { font-size: 15px !important; color: #232323; }
.divdgweb_new_div_item_a:hover { font-size: 15px; }
.divdgweb_new_div_item_body { width: 334px; line-height: 26px; padding-left: 24px; padding-top: 10px; }
/*版权*/
.link_l { color: #e00; font-size: 18px; font-family: "Microsoft Yahei"; padding-top: 16px; padding-bottom: 13px; }
.link_xian { background: url(../images/20180609152128_1322309903.jpg) no-repeat; height: 1px; }
.link_con { padding-top: 6px; font-size: 14px; }
.link_con a { color: #525252; text-decoration: none; font-family: "Microsoft YaHei"; font-size: 14px; }
.link_con a:hover { text-decoration: none; color: #e00; font-family: "Microsoft YaHei"; font-size: 14px; }
#foot { background: #0175c4; width: 100%; margin-top: 30px; }
#foot_bg { border-bottom: 1px solid rgba(255,255,255,.5); height: 298px; padding-top: 59px; }
.foot { width: 1200px; margin: 0 auto; }
.foot > div:first-child { width: 266px; height: 256px; margin-left: 17px; }
.foot > div:first-child img { width: 120px; height: 120px; }
.foot > div:first-child > div { text-align: center; font: 14px/34px 'Microsoft Yahei'; color: #fff; width: 120px; float: left; }
.foot > div:first-child > div + div { margin-left: 25px; }
.foot > div:nth-child(2) { width: 261px; margin-left: 199px; }
.foot div.first { font: bold 25px/34px 'Microsoft Yahei'; color: #fff; position: relative; text-transform: uppercase; }
.foot div.first:after { content: ''; position: absolute; left: 0px; top: 46px; bottom: 0; right: auto; height: 2px; width: 40px; background-color: #fff; }
.foot > div:nth-child(2) > div + div { font: normal 14px/40px 'Microsoft Yahei'; color: #fff; margin-top: 22px; }
.foot > div:nth-child(2) > div + div span { font-size: 18px; font-weight: bold; }
.foot > div:last-child { width: 243px; margin-left: 199px; }
.foot > div:last-child > div:nth-child(2) { background: url(../images/20180619141334_1677649334.png) center left no-repeat; padding-left: 56px; font: 16px/16px 'Microsoft Yahei'; color: #fff; margin-top: 33px; height: 46px; }
.foot > div:last-child > div:nth-child(2) span { font-size: 24px; line-height: 42px; }
.foot > div:last-child > div + div + div { margin-top: 20px; }
.foot_nav { padding-left: 200px; }
.foot_nav ul li { width: 96px; height: 16px; line-height: 16px; border-right: 2px solid #fff; float: left; text-align: center; }
.foot_nav ul li a { color: #fff; font-size: 14px; }
.foot_nav ul li a:hover { color: #fff; text-decoration: underline; }
.foot_nav ul li:last-of-type { border-right: none; }
.foot_b { font: 14px/30px 'Microsoft Yahei'; color: #fff; text-align: center; padding: 20px 0px; }
.foot_b span { font-family: Arial; }
.foot_b a { font: 14px/30px 'Microsoft Yahei'; color: #fff; }
.foot_b a:hover { color: #fff; text-decoration: underline; }
/*内页公共*/
.strong_title { display: none; }
/*内页产品*/
.nei_product { margin: 20px auto; width: 90%; color: #525252; font: 14px/30px "Microsoft YaHei"; text-indent: 2em; }
.nei_product > strong { display: block; font-size: 16px; }
.nei_product > img { display: block; width: 800px; margin: 5px auto; }
/*新闻样式*/
.newStyle { margin: 0 auto; width: 90%; font: 14px/30px "Microsoft YaHei"; text-indent: 2em; text-align: left; }
/*面包屑*/
.mianbxContent { float: none !important; margin: 15px 0; height: 50px !important; line-height: 65px !important; font-size: 16px !important; text-align: left !important; background-color: #fff; width: 100% !important; text-indent: 3em; background: url(../images/20180627151725_1139281734.jpg) no-repeat 1px 12px; letter-spacing: 1px; border-bottom: 1px solid #eee; }
.mianbxContent > a { color: #525252; font-size: 17px; letter-spacing: 1.5px; }
.mianbxContent > a:hover { color: #e00; }
/*内页幻灯片*/
.xwdt { width: 100%; height: 350px; background: url(../images/20180619105601_1989964193.jpg) center no-repeat; }
.xyzx { width: 100%; height: 350px; background: url(../images/20180609151327_313433806.jpg) center no-repeat; }
.zxly { width: 100%; height: 350px; background: url(../images/20180609151328_138788197.jpg) center no-repeat; }
.lxwm { width: 100%; height: 350px; background: url(../images/20180609151327_585432726.jpg) center no-repeat; }
/*产品详情*/
.nei_production { margin: 0 auto; width: 95%; }
.nei_production img { margin: 0 auto; display: block; width: 600px; text-align: center; }
.nei_production strong { width: 100%; display: block; text-align: left; font: bold 15px/30px "Microsoft YaHei"; margin-bottom: 35px; border-bottom: 1px solid #C0C0C0; }
.show_c { overflow: hidden; height: 400px; }
.on { background: #000 !important; }
.on a { background: #000 !important; color: #fff !important; }
/*linkTagcs*/
.linkTagcs { width: 1200px; height: auto; }
.linkTagcs ul { margin: 0px; padding: 0px; list-style-type: none; }
.linkTagcs li { list-style: none; margin: 0px; padding-right: 8px; line-height: 30px; float: left; }
.linkTagcs li a { color: #525252; word-break: break-all; }
.linkTagcs li img { border: 0px; }
/*back-top*/
.back-top-container { display: block; position: fixed; right: 50px; bottom: 50px; cursor: pointer; z-index: 99999; }
.back-top { opacity: 0.8; width: 32px; height: 32px; z-index: 10000000; background: #0175c4 url(../images/20180623093502_596612365.png) center center no-repeat; }
.back-top:hover { opacity: 1; }
.back-top-text { margin-top: 3px; padding-left: 7.5px; width: 32px; border: 1px solid #000; border-radius: 5px; background: #fff; }
.back-top:hover { opacity: 1; }
.yb_conct { position: fixed; z-index: 9999999; top: 50px; right: -127px; cursor: pointer; transition: all .3s ease; }
.yb_conct a { color: #fff; text-decoration: none; }
.yb_conct a:hover { color: #ff0; }
.yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 1px; border-radius: 3px; transition: all .5s ease; overflow: hidden; }
.yb_bar .yb_top { background: #5795e3 url(../images/20180702205309_35522909.png) no-repeat 0 0; }
.yb_bar .yb_phone { background: #5795e3 url(../images/20180702205309_35522909.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ { text-indent: 0; background: #5795e3 url(../images/20180702205309_35522909.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { /*height:200px;*/ background: #5795e3 url(../images/20180702205309_35522909.png) no-repeat 0 -169px; }
.hd_qr { padding: 1px 29px 25px 29px; }
.yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; }
.backContainer { position: fixed; z-index: -1; background: url(../images/20180626155501_1044989807.jpg)no-repeat top center !important; }
/*pagination*/
div.pagination { display: table; margin: 1rem auto; border-radius: .2rem; padding: 0; font-family: "Microsoft YaHei",Verdana; font-size: 12px; }
div.pagination a, div.pagination span { display: block; float: left; margin: 2px 0 0 -1px; padding: 4px 12px; line-height: 20px; height: 20px; border: 1px solid #e1e1e1; background: #fff; color: #333; text-decoration: none; }
div.pagination span:first-child { border-left: 1px solid #e1e1e1; }
div.pagination a:hover { color: #666; background: #eee; }
div.pagination span.current { color: #fff; background: #0175c4; border-color: #0175c4; }
div.pagination span.disabled { color: #999; background: #fff; }