@charset "utf-8";.db{display:block}
.tc{text-align:center}
.tr{text-align:right}
.pr{position:relative}
.pa{position:absolute}
.dn{display:none}
.oh{overflow:hidden}
.ohw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fl{float:left}
.fr{float:right}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_pp{height:680px;padding-top:76px}
.g_pp dl{height:403px;margin-bottom:36px}
.g_pp dt{float:left;width:600px}
.g_pp dt img{transition:all .3s linear 0s;width:600px;height:403px;display:block}
.g_pp dd{float:left;width:600px;height:403px;background:url(../images/vidd.jpg) no-repeat;padding:67px 68px 0 40px;box-sizing:border-box}
.g_pp h3{font-size:26px;font-weight:400;color:#333;height:148px}
.g_pp h3 i{display:block}
.g_pp p{font-size:16px;line-height:25px;color:#7c7c7c;margin-bottom:15px}
.ppmore{display:block}
.ibrand-num{z-index:300;margin-left:28px}
.ibrand-num li{float:left;position:relative;width:310px;height:202px}
.ibrand-num li em{display:inline-block;font-size:58px;color:#333;font-weight:700}
.ibrand-num li span{display:block;font-size:18px;color:#333;text-align:left}
.ibrand-num li i{font-size:16px;text-align:center;margin-left:8px;color:#333;display:inline-block;font-style:normal;border:1px solid #333;width:20px;height:20px;line-height:20px}
.ibrand-num li b{display:block;width:54px;height:54px;background:#333;border-radius:50%;margin-top:23px}
.ibrand-num li:nth-child(2){width:336px}
.ibrand-num li:nth-child(3){width:278px}
.ibrand-num li:nth-child(4){width:240px}
.ibrand-num li:hover b{background:#dc4f45}
.ibrand-num li:hover em{color:#dc4f45}
.g_jz{background:url(../images/jgbg.jpg) no-repeat center top;height:932px;padding-top:66px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_jz h2{height:184px;text-align:center;font-size:26px;color:#333;font-weight:400}
.g_jz h2 i{display:block}
.g_jz dl{float:left;width:299px;height:490px;position:relative}
.g_jz dl:nth-child(2){margin-top:89px}
.g_jz dl:nth-child(4){margin-top:89px}
.g_jz dt{width:300px;height:490px;overflow:hidden}
.g_jz dt img{width:300px;height:490px;display:block}
.g_jz dd{position:absolute;left:0;top:0;width:300px;height:490px;background:rgba(0,0,0,.5)}
.g_jz .moren{margin:112px 0 0 40px;width:220px;position:absolute;left:0;top:0}
.g_jz .moren b{display:block;font-size:100px;color:#faf7f0;font-weight:400;line-height:100px;}
.g_jz .moren h3{padding-top:55px;font-size:30px;font-weight:700;color:#fff;position:relative}
.g_jz .moren h3 em{display:block;font-size:14px;color:rgba(255,255,255,.5);font-weight:400}
.g_jz .moren h3:before{content:"";position:absolute;width:1px;height:32px;background:#fff;left:6px;top:6px}
.g_jz dl:nth-child(1) .moren h3{height:112px;padding-top:0}
.g_jz dl:nth-child(1) .moren h3:before{background:0 0}
.g_jz dl:nth-child(1) .moren b{position:relative}
.g_jz dl:nth-child(1) .moren b:before{content:"";position:absolute;width:1px;height:32px;background:#fff;left:15px;top:-26px}
.g_jz dl:nth-child(3) .moren h3{height:112px;padding-top:0}
.g_jz dl:nth-child(3) .moren h3:before{background:0 0}
.g_jz dl:nth-child(3) .moren b{position:relative}
.g_jz dl:nth-child(3) .moren b:before{content:"";position:absolute;width:1px;height:32px;background:#fff;left:15px;top:-26px}
.g_jz .hover{background:rgba(220,79,69,.5);height:490px;padding:108px 0 0 37px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:300px;display:none;position:absolute;left:0;top:0}
.g_jz .hover h4{height:44px;line-height:44px;font-size:30px;font-weight:700;color:#fff;margin-bottom:18px}
.g_jz .hover p{width:236px;height:241px;font-size:16px;line-height:30px;color:#fff}
.g_jz .hover b{font-size:100px;color:#333;font-weight:400;position:relative;padding-top:50px}
.g_jz .hover b::before{content:"";position:absolute;width:1px;height:32px;background:#fff;left:15px;top:26px}
.g_jz dl:hover .hover{display:block}
.g_jz dl:hover .moren{display:none}
.g_pro{background:url(../images/cpbg.jpg) no-repeat center top;height:2019px;padding-top:70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_pro h2 a{height:154px;text-align:center;font-size:26px;color:#fff;font-weight:400;display:block}
.g_pro h2 i{display:block}
.g_pro .m_fl{height:538px;margin-bottom:55px}
.g_pro .flimg{float:left;width:538px;overflow: hidden;}
.g_pro .flimg img{width:538px;height:538px;display:block;transition: all 0.3s linear 0s;}
.g_pro .flimg:hover img{transform: scale(1.1);}
.g_pro .flc{float:left;width:662px;background:#fff;padding:35px 0 0 47px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;height:538px}
.g_pro h3 a{display:block;height:86px;border-bottom:1px solid #e2e2e3;width:560px;font-size:40px;color:#333;font-weight:400;margin-bottom:18px}
.g_pro h3 em{display:block;font-size:16px;color:#8c8c8c;text-transform:uppercase}
.g_pro h3 b{position:absolute;right:50px;top:-5px;background:url(../images/cpno.png) no-repeat;width:82px;height:116px;padding-top:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:40px;color:#fff;font-weight:400;text-align:center}
.g_pro .fllst{height:30px;line-height:30px;margin-bottom:15px}
.g_pro .fllst li{float:left;padding-right:30px;font-size:16px;color:#8c8c8c}
.g_pro .fllst li a{color:#8c8c8c}


.cplst dl{float:left;width:166px;margin-right:30px}
.cplst dl:nth-child(3){margin-right:0}
.cplst dt{width:166px;height:166px;overflow:hidden}
.cplst dt img{width:166px;height:166px;display:block;transition: all 0.3s linear 0s;}
.cplst dt:hover img{transform: scale(1.1);}


.cplst dd{border:1px solid #d9d9d9;padding:9px 15px 0;height:140px}
.cplst h4 a{display:block;height:40px;line-height:40px;border-bottom:1px dashed #e2e2e4;font-size:16px;font-weight:700;color:#333;margin-bottom:11px}
.cplst h4 a:hover{color:#dc4f45;}
.cplst p{font-size:14px;color:#888;line-height:24px;margin-bottom:10px}
.cplst span a{display:block;font-size:14px;color:#dc4f45;font-weight:700}
.m_fl2 h3 b{right:540px}
.m_fl2 h3{text-align:right}
.g_fltj{margin:65px 0 68px 0}
.g_fltj h2{float:left;background:url(../images/fltit.jpg) no-repeat;width:168px;height:173px;padding-top:56px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:26px;font-weight:700;color:#fff}
.g_fltj h2 a{color:#fff}
.g_fltj h2 em{display:block;font-size:16px;color:rgba(255,255,255,.15);text-transform:uppercase;font-weight:400}
.m_fltj{float:left;width:1032px;height:173px;border:1px solid #d9d9d9;border-left:none;padding:6px 16px 0 22px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.m_fltj dl{height:54px;line-height:54px;border-bottom:1px dashed #dedbd7}
.m_fltj dt{float:left;padding-left:15px;width:98px;font-size:15px;color:#444b54;font-weight:700;line-height:54px}
.m_fltj dt a{color:#444b54}
.m_fltj dd{float:left;width:878px}
.m_fltj p{float:left;width:785px}
.m_fltj p a{display:block;float:left;font-size:15px;color:#444b54;padding:0 22px 0 0;line-height:54px}
.m_fltj span a{display:block;float:left;width:85px;font-size:15px;color:#444b54}
.m_fltj dl:nth-child(3){border-bottom:none}
.m_fltj dl p a:hover,.m_fltj dl span a:hover{color:#d65340}
.g_ys{background:url(../images/ysbg.jpg) no-repeat center 142px;height:826px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.g_ys h2{height:142px;text-align:center;font-size:26px;color:#333;font-weight:400;display:block}
.g_ys h2 i{display:block}
.g_ys dt{float:right;width:960px;margin-right:-360px}
.g_ys dd{float:left;width:600px;padding:120px 0 0 0;width:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_ys h3{height:200px;font-size:30px;color:#fff;font-weight:400}
.g_ys h3 b{font-size:72px;color:#fff;font-weight:400;display:block}
.g_ys h3 em{font-size:30px;color:#fff;display:block;font-weight:700}
.g_ys p{font-size:16px;color:rgba(255,255,255,.8);line-height:26px}
.g_ys .yshd{position:absolute;left:0;top:616px;width:1200px;height:155px;background:#fff}
.g_ys .yshd li{float:left;width:300px;padding-right:0;margin-right:0;padding:33px 0 0 0;text-align:center;font-size:22px;color:#313131;height:155px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #eee}
.g_ys .yshd li:before{background:0 0}
.g_ys .yshd li i{background:0 0;display:block;width:65px;margin:0 auto;height:65px;overflow:hidden}
.g_ys .yshd .on{background:#333;color:#fff;font-weight:700;border-right:1px solid #333;}
.g_ys .yshd .on i img{margin-left:-65px}

.case{background:url(../images/jzbg.jpg) no-repeat center;height:854px;padding-top: 66px;box-sizing: border-box;}
.case h2 a{height: 146px;font-size: 26px;color:#333333;font-weight: normal;display: block;text-align: center;}
.case h2 i{display: block;}

.case .case_con{float:left}
.case dl{float:left;width:1008px;height:567px;position: relative;z-index: 15;}
.case dt{width:1008px;height:567px;}
.case dt img{width:1008px;height:567px;display: block;border-radius: 15px;}
.case dd{position: absolute;left:0;bottom:0;width:1008px;height: 140px;padding:25px 40px 0;box-sizing: border-box;background: rgba(0,0,0,.5);border-radius:0 0 15px 15px;}
.case dd h4 a{display: block;height: 36px;line-height: 36px;font-size: 20px;color: #fff;font-weight: bold;}
.case dd p{font-size: 16px;line-height: 26px;color: #fff;width:720px;}
.case dd .more{font-size: 20px;color:#fff;background:url(../images/anbtn.png) no-repeat;width:150px;height: 46px;line-height: 46px;position: absolute;right:40px;top:56px;}

.case .case_r{position: absolute;right:6px;top:0; height:567px;width:198px;}
.case .case_r li{width:198px;height:141px;position:relative}
.case .case_r li img{width:192px;height:141px;}
.case .case_r .on:before{content:"";position: absolute;background:url(../images/anhover.png) no-repeat;width:198px;height: 140px;right:0;top:0;z-index: 1525;}
.case .prev{position:absolute;right:-63px;top:0;width:65px;height:65px;background:url(../images/shang_03.jpg) no-repeat;z-index:10}
.case .next{position:absolute;right:-63px;top:50px;width:65px;height:65px;background:url(../images/xia_03.png) no-repeat;z-index:10}


/*新闻资讯*/
.news_bj{ height:855px; padding-top:65px; background:url(../images/newbg.jpg) no-repeat center 0; overflow: hidden;box-sizing: border-box;}
.news_bj h2 a{height: 146px;font-size: 26px;color:#333333;font-weight: normal;display: block;text-align: center;}
.news_bj h2 i{display: block;}

.newhd{height: 60px;line-height: 60px;margin-bottom: 20px;}
.newhd li{float: left;width:200px;line-height: 60px;font-size: 22px;color:#353535;text-align: center;border-right:1px solid #ededed;}
.newhd li a{color:#353535;}
.newhd .on{background: #dc4f45;}
.newhd .on a{color:#fff;font-weight: bold;}

.dy{width:762px;}
.dydt{ height:200px;padding-bottom: 45px;border-bottom: 1px dotted #cccccc;margin-left: 22px; margin-bottom: 26px; }
.dydt dt{ width:356px; height:200px; overflow:hidden;float: left;}
.dydt dt img{ display:block; width:356px; height:200px;}
.dydt dd{float: right;width:350px;padding-top:15px;}
.dydt dd h4 a{position: relative;height: 42px;line-height:42px; overflow: hidden; display: block;font-size: 22px;font-weight: normal;color: #303030;margin-bottom: 6px;}
.dydt dd h4 a:hover{color: #dc4f45;}
.dydt dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#6f6f6f; height:72px; overflow:hidden;margin-bottom: 15px;}
.dydt dd span a{display: block;width:140px;height:42px;line-height: 42px;background: #dc4f45;font-size: 15px;color:#fff;text-align: center;}
.moren{margin-left:22px; height: 36px;line-height: 36px;}
.moren span{font-size: 15px;color: #666666;}
.moren a{font-size: 15px;color: #666666;display: block;padding-left: 32px;line-height: 42px;position: relative;}
.moren a:before{content:"";position: absolute;width:7px;height:7px;background: #d0d0d0;border-radius: 50%;left:10px;top:20px;}
.moren a:hover{color:#dc4f45;}
.newr{width: 350px;margin-right: 16px;padding-top: 12px;}
.newr h3{height: 52px;line-height: 52px;font-size: 22px;font-weight: bold;color: #333333;}
.newr h3 a{color: #333333;}
.newr h3 em{font-size: 14px;text-transform: uppercase;font-weight: normal;display: inline-block;padding-left: 10px;color: #999999;}
.faq dl{ height:130px;border-bottom: 1px dotted #cccccc;margin-bottom: 20px;}
.faq dt{height: 32px;line-height: 32px;padding-left: 36px;font-size: 18px;color: #333333;background:url(../images/wen.jpg) no-repeat 0 6px;}
.faq dt a{color: #333;}
.faq dt a:hover{color: #dc4f45;}
.faq dd{padding-left: 36px;}
.faq dd p{font-size: 14px;line-height: 24px;color: #8b8b8b;height: 72px;overflow: hidden;}
.faq ul{margin-top: 11px;}
.faq li{position: relative; line-height:32px; height:32px; overflow:hidden; color:#333333;font-size: 14px;padding-left: 36px;}
.faq li a{color: #333333}
.faq li a:hover{color: #dc4f45}
.faq li:before{content: "";position: absolute;width: 7px;height: 7px;background: #d0d0d0;border-radius: 50%;left:9px;top:13px;}

.g_zj{background:url(../images/abbg.jpg) no-repeat center top;height: 660px;padding-top: 118px;box-sizing: border-box;}
.g_zj h2{height: 230px;}
.g_zj h3{height: 40px;line-height: 40px;padding-left: 346px;font-size: 26px;color:#fff;font-weight: normal;margin-bottom: 52px;}
.g_zj p{padding:0 96px;font-size: 16px;line-height: 26px;color:rgba(255,255,255,.8);text-align: center;}

.help_cut{height:300px;padding-top: 40px;}
.help_nav{height:52px;margin-bottom:28px;margin-left:262px}
.help_nav li{height:52px;font-size:16px;color:#555555;float:left;padding:0 54px;position:relative;text-align: center;}
.help_nav li:before{content:"";position:absolute;width:1px;height:38px;background:#dfdfdf;right:0;top:4px}
.help_nav li a{color:#555555}
.help_nav li em{display: block;font-size: 12px;color:#d3d3d3;}
.help_nav li:nth-child(3):before{background: none;}
.help_nav .cur a{color: #dc4f45;font-weight: bold;}
.help_nav .cur em{font-weight: normal;}


.m_help{height:330px;width:1200px;position:relative}
.xc{width:1200px;overflow:hidden}
.xc li{width:284px;position:relative;margin-right:16px;float:left}
.xc li img{display:block;width:284px;height:160px}
.xc li em{height:50px;font:16px "Microsoft YaHei";line-height:50px;color:#858585;overflow:hidden;text-align:center;display:block}
.xc li a{text-decoration:none}
.xc li.nones{margin-right:0}
.xc li img{-webkit-transition:1s;-moz-transition:1s;transition:1s}
.xc li img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01)}
.next1,.prev1{position:absolute;width:24px;height:36px}
.prev1{left:-36px;top:66px;background:url(../images/ljt.jpg) no-repeat}
.next1{right:-30px;top:66px;background:url(../images/rjt.jpg) no-repeat right 0}


.g_link{;text-align: center;height: 36px;background:#333333;position: relative;margin-top: -10px;}
.link_c{width:500px;margin:0 auto;}
.link_c li{float: left;padding: 0 10px;color:#fff;font-size: 12px;}
.link_c a{color:#fff;}










@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}
@keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}
html{font-size:10px;-webkit-text-size-adjust:none}
@media screen and (min-width:1200px){html{font-size:15px}
}
@media screen and (min-width:1280px){html{font-size:16px}
}
@media screen and (min-width:1366px){html{font-size:17px}
}
@media screen and (min-width:1440px){html{font-size:18px}
}
@media screen and (min-width:1600px){html{font-size:20px}
}
@media screen and (min-width:1920px){html{font-size:24px}
}
