@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

body{min-width: 1200px; width: 100%;}

/**/
.banner{ height:600px; width:100%; position:relative; z-index:1; }
.banner .bd{ height:600px; overflow:hidden;}
.banner .bd a{ display:block; background:url(../img/index/banner.jpg) no-repeat center 0;height:600px; overflow:hidden;}
.banner .bantil{ width:132px; height:15px; position:absolute; bottom:20px;left:46%; z-index:8;}
.banner .bantil li{ width:15px; height:15px; float:left; display:inline; margin:0 12px;background:#fff; border-radius: 15px;}
.banner .bantil li.cur{background:#da2329;}
/**/
.seach{ height:64px; overflow: hidden; line-height: 64px; border-bottom: 1px solid #dadae1; margin-bottom: 55px;}
.seach p{ width:750px; float: left;line-height:64px; color: #c3c3c3;}
.seach b{ font-weight: bold; color: #333; font-size: 14px;}
.seach p a{ display:inline-block;color:#333; font-size: 14px; padding: 0 15px;}
.seach p a:hover{color: #da2329;}
.seach .s_inp01{ display: inline-block; float: right;height:46px;width: 422px; margin-top:9px;background:url(../img/index/s_s.gif) no-repeat;}
.seach .inp01{ width:339px;outline:none; font:14px "Microsoft Yahei"; color:#817f96; overflow:hidden; height:44px;border:0; background: none; line-height: 44px; padding: 0 10px;}
.seach .inp02{ width:59px; height:46px; border:0; cursor:pointer; background: none;}
/**/
.hot{height:355px; overflow: hidden;background:url(../img/index/bg1.jpg) no-repeat center 8px;}
.hot h3{ text-align: center; font-size: 30px; color: #333; line-height: 105%; height: 71px;}
.hot h3 i{color: #da2329;}
.hot ul{ overflow: hidden;}
.hot ul li{ float: left; width: 245px; margin-right: 74px; text-align: center; color: #2c333d; font-size: 14px;}.hot ul li.nom{ margin-right:-1px;}
.hot ul li i{ font-weight: bold; color: #fff; padding-top:20px; display: block; font-size: 16px;  height: 102px;}
.hot ul li i span{ display: block;padding-bottom: 7px;}
.hot ul li.cur i{background:url(../img/index/bg.png) no-repeat center 0;}
.hot ul li.bg2{ margin-right: 74px; margin-left: -1px;}
    /**/
.pro{ height:1110px;}
.pro h2{ text-align: center; font-size: 30px; color: #333;background:url(../img/index/p_h2.gif) no-repeat center 12px; line-height: 108%; margin-bottom: 37px;}
.pro h2 i{ color: #da2329;}
.pro_l{ width: 250px;background:url(../img/index/bg.jpg) no-repeat; height:903px;}
.pro_l h3{ text-align: center; height: 59px; line-height: 59px; color: #fff; font-size: 20px; margin-bottom: 1px;}
.pro_l h4{ height: 45px; line-height: 45px; text-align: center;}
.pro_l h4 a{ color: #333; font-weight: normal; font-size: 16px; display: block;}
.pro_l ul{ overflow: hidden; margin-bottom: -2px;}
.pro_l ul li{ float: left; height: 49px; line-height: 48px; width:99px; padding-left: 20px;}
.pro_l ul li a{ font-size: 14px; color: #333; display: block;}
.pro_l ul li a:hover{ color: #da2329; border-bottom: 1px solid #7f0000; text-decoration: none;}
.pro_l em{ display: block; padding-top: 25px; height: 110px;background:url(../img/index/p_tel.gif) no-repeat center 80px #dc3036; color: #fff; font-size: 14px; text-align: center;}
.pro_l em i{ display: block; font-size: 27px; font-family: Arial; padding-top: 2px;}

.pro_r{ width: 930px; float: right; position: relative;}
.po_menu{ position: absolute; right: -10px; top: 30px;z-index: 9;}
.po_menu ul li{ display: block; height: 97px; line-height: 97px; width: 163px;}
.po_menu ul li a{ display: block; font-size: 16px; color: #fff;background:url(../img/index/pn1.png) no-repeat; padding-left: 50px;}
.po_menu ul li.cur a{background:url(../img/index/pn2.png) no-repeat; }
.p_nn{ overflow: hidden;}
.p_nn dl{ height: 637px;}
.p_nn dl dt img{ width: 930px; height: 522px;}
.p_nn dl dt{ width: 930px; height: 522px; overflow: hidden;}
.p_nn dl dd p{ overflow: hidden; padding-top: 31px;}
.p_nn dl dd p span{ display: inline-block; float: left; padding-left: 25px; width: 628px; font-size: 14px; color: #333; line-height: 25px;}
.p_nn dl dd p i{ display: inline-block; float: right; padding-top: 7px; text-align: center;}
.p_nn dl dd p i a{ width: 114px; height: 37px; line-height: 37px; border-radius: 37px; color: #fff; font-size: 14px; background: #da2329; display: block;}
.pro_r3a ul{ overflow: hidden;}
.pro_r3a ul li{ float: left; width: 300px; font-size: 0; position: relative; margin-right: 15px; height: 226px; overflow: hidden;}
.pro_r3a ul li img{ width: 300px;}
.pro_r3a ul li.nom{ margin-right: 0;}
.pro_r3a ul li span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; text-align: center;background:url(../img/index/span.png) repeat;}
.pro_r3a ul li span a{ font-size: 14px; color: #333;}

.p_bot{ overflow: hidden; height: 62px; line-height: 62px;background:url(../img/index/p_bot.gif) no-repeat;}
.p_bot h3{ float: left; width: 250px; text-align: center; color: #fff; font-size: 20px;}
.p_bot h3 a{ color: #fff;}
.p_bot p{ float: right; width: 930px;}
.p_bot p a{ color: #333; font-size: 16px; font-weight: bold; width:94px; height: 62px; line-height: 62px; display: inline-block; float: left; margin-right: 6px; padding-left: 56px;}
.p_bot p a.bg6{ margin-right: 0;}
.p_bot p a:hover{background:url(../img/index/p_bot2.jpg) no-repeat -270px 0;}
.p_bot p a.bg2:hover{background:url(../img/index/p_bot2.jpg) no-repeat -426px 0;}
.p_bot p a.bg3:hover{background:url(../img/index/p_bot2.jpg) no-repeat -582px 0;}
.p_bot p a.bg4:hover{background:url(../img/index/p_bot2.jpg) no-repeat -738px 0;}
.p_bot p a.bg5:hover{background:url(../img/index/p_bot2.jpg) no-repeat -894px 0;}
.p_bot p a.bg6:hover{background:url(../img/index/p_bot2.jpg) no-repeat right 0;}
    /**/
.ttc{background:url(../img/index/tt.jpg) no-repeat center 0; overflow: hidden; height: 170px;}
.ttc p{ float: left; padding: 72px 0 0 136px; font-size: 26px; color: #333; font-weight: bold;}
.ttc p i{ color: #d60c18;}
.ttc em{ display: block; float: right; width: 360px; margin-top: 56px; font-size: 14px; color: #333;}
.ttc em i{ display: inline-block; float: left; width: 200px;}
.ttc em i span{ color: #d60c18; font-family: "Agency FB"; display: block; font-size: 38px; font-weight: bold;}
.ttc em a{ display: block; margin-top: 19px; width: 110px; height: 36px; line-height: 36px; border-radius: 36px; background: #fff; font-size: 14px; color: #333; background: #fff; float: left; text-align: center;}
    /**/
.ys2{background:url(../img/index/ys.gif) no-repeat center 0; height:892px; overflow: hidden;}
.ys2 h3{ text-align: center; color: #fff; font-size: 30px; padding: 92px 145px 0; height:160px;}
.ys2 h3 span{ display: block; font-weight: normal; color: #c1c2c4; font-size: 14px; line-height: 25px; padding-top: 15px;}
.ys2 ul{ overflow: hidden;}
.ys2 ul li{ float: left; width: 367px; overflow: hidden; margin-right: 48px; position: relative; height: 580px;}
.ys2 ul li.nom{ margin-right: 0;}
.ys2 ul li img{ width: 367px; height: 518px; border: 1px solid #424851;}
.ys2 ul li em{ font-size: 0;}
.ys2 ul li em i{ display: block; font-size: 16px; color: #333; height: 60px; line-height: 60px; text-align: center; border-bottom: 1px solid #db2e34; font-weight: bold;}
.ys2 ul li.cur em{ background: #db2e34; position: absolute; left: 0; top:290px; width:357px; font-size: 16px; color: #fff; line-height: 36px; padding-left: 10px; height: 290px; overflow: hidden; letter-spacing: -1px;}
.ys2 ul li.cur em i{ color: #fff; text-align: left; font-size: 18px;background:url(../img/index/y_lin.jpg) no-repeat 128px 11px; margin-top: 57px; line-height: 110%; margin-bottom:18px; height:22px;}
.ys2 ul li.cur em span{ display: block;white-space:nowrap;}
    /**/
.yz{ height:370px; background: #f6f6f6; margin-bottom: 59px; padding-top: 55px;}
.yz h2{ text-align: center; font-size: 30px; color: #333;background:url(../img/index/yz_h.gif) no-repeat center 12px; line-height: 108%;height: 81px;}
.yz h2 i{ color: #da2329;}
.yz ul li{ float: left; width: 226px; margin-right: 17px; position: relative; padding-top: 46px;}
.yz ul li.bg5{ margin-right: 0;}
.yz ul li strong{ display: block; position: absolute; left: 0; top: 0; text-align: center; padding-top: 113px; width: 100%; color: #2c333d; font-size: 18px; font-weight: bold;background:url(../img/index/yz1.png) no-repeat center 12px;}
.yz ul li span{ display: block; background: #fff;height: 93px; color: #2c333d; font-size: 14px; line-height: 24px; padding:105px 23px 0; text-align: center;}
.yz ul li.bg2 strong{background:url(../img/index/yz2.png) no-repeat center 12px;}
.yz ul li.bg3 strong{background:url(../img/index/yz3.png) no-repeat center 12px;}
.yz ul li.bg4 strong{background:url(../img/index/yz4.png) no-repeat center 12px;}
.yz ul li.bg5 strong{background:url(../img/index/yz5.png) no-repeat center 12px;}
.yz ul li.cur strong{background:url(../img/index/yz11.png) no-repeat center 12px;}
.yz ul li.cur span{ box-shadow: 0  0 2px #eaeaea;}
.yz ul li.bg2.cur strong{background:url(../img/index/yz21.png) no-repeat center 12px;}
.yz ul li.bg3.cur strong{background:url(../img/index/yz31.png) no-repeat center 12px;}
.yz ul li.bg4.cur strong{background:url(../img/index/yz41.png) no-repeat center 12px;}
.yz ul li.bg5.cur strong{background:url(../img/index/yz51.png) no-repeat center 12px;}
    /**/
.lca{ height: 410px;background:url(../img/index/lc.jpg) no-repeat center bottom;}
.lca h2{ text-align: center; font-size: 30px; color: #333;height:102px; padding-top:2px;}
.lca h2 i{ color: #da2329;}
.lca ul{ overflow: hidden; padding-left:200px;}
.lca ul li{ float: left; width: 340px;font-size: 14px; color: #333; line-height: 25px; text-align: center; margin-right:-11px;}
.lca ul li span{ display: block;}
.lca ul li i{ display: block; height: 57px; line-height: 57px; font-size: 20px; font-weight: bold; color:#fff;background:url(../img/index/cur1.png) no-repeat center 0;}
.lca ul li strong{ display: block; line-height: 48px; margin-top: 15px;}
.lca ul li.cur i{background:url(../img/index/cur2.png) no-repeat center 0;}
    /**/
.rk{background:url(../img/index/tt2.jpg) no-repeat center bottom; height: 260px; overflow: hidden; margin-bottom: 59px;}
.rk p{ float: left; padding:47px 0 0 57px; color: #fff; font-size: 14px;}
.rk p i{ font-weight: bold; font-size: 24px; display: block; height: 74px;}
.rk p strong{ font-weight: normal; padding-left: 45px; display: inline-block; float: left; padding-top:3px;}
.rk p span{ display: inline-block; float: left; font-family: "Agency FB"; font-size: 30px; line-height: 110%; margin-top: -5px;}
.rk p em{ display: block; clear: both; padding-top: 23px;}
.rk p em a{ display: inline-block; width: 110px; height: 40px; line-height: 40px; border-radius:8px; color: #fff; font-size: 14px; background: #da2329; text-align: center;}
.rk ul{ overflow: hidden; float: right; width: 578px; padding-top: 30px;}
.rk ul li{ float: left; font-size: 0; width: 155px; margin: 0 29px 21px 0; height: 86px; overflow: hidden;}
.rk ul li img{padding: 6px 0 0 6px; border-radius: 35px;}
    /**/
.newss{ height: 728px; overflow: hidden;background:url(../img/index/n_bb.gif) no-repeat center bottom;}
.newss h2{ text-align: center; height: 66px; font-size: 30px; color: #333;}
.n_menu{ height: 103px;}
.n_menu ul{ overflow: hidden; padding-left: 295px;}
.n_menu ul li{ float: left; margin-right: 32px;}
.n_menu ul li a{ display: inline-block; width: 182px; height: 51px; line-height: 51px; text-align: center; border-radius: 51px; font-size: 18px; color: #fff; background: #2c333d;}
.n_menu ul li.cur a{ background: #da2329;}
.n_om{ overflow: hidden;}
.n_om dl{ float: left; width: 556px; overflow: hidden;}
.n_om dl dt{ width: 556px; height: 312px; overflow: hidden; margin-bottom: 20px;}
.n_om dl dd{ overflow: hidden;}
.n_om dl dd h3{ overflow: hidden; height: 48px;}
.n_om dl dd h3 i{ font-weight: normal; float: left; width: 70px; text-align: right; font-size: 12px; color:#676767;}
.n_om dl dd h3 i span{ display: block; font-size: 24px;}
.n_om dl dd h3 em{ display: inline-block; float: right; width: 427px;}
.n_om dl dd h3 em a{ font-size: 14px; color: #333; font-weight: bold; height: 23px; line-height: 23px;}
.n_om dl dd p{ padding: 0 0 0 130px; color: #424242; font-size: 14px; line-height: 25px; height: 90px;}
.n_om dl dd h4{ display: block; padding: 0 0 0 130px;  font-weight: normal;}
.n_om dl dd h4 a{ display: block; width: 155px; padding-top: 15px; color: #101010; font-size: 14px; text-transform: uppercase;}
.n_om ul{ width: 530px; float: right;}
.n_om ul li{ overflow: hidden; padding-top: 43px; height:131px;}
.n_om ul li i{ display: inline-block; float: left; width:70px; font-size: 12px; color: #676767; text-align: right;}
.n_om ul li i span{ display: block;display: block; font-size: 24px;}
.n_om ul li em{ display: inline-block; float: right; width: 410px; color: #424242; font-size: 14px; line-height: 25px;}
.n_om ul li em a{ display: block; font-weight: bold; font-size: 14px; color: #333; margin-bottom: 15px;}
.n_om ul li.cur i,.n_om ul li.cur em,.n_om ul li.cur em a{ color: #da2329;}
    /**/
.abo{background:url(../img/index/a_bg.jpg) no-repeat center 0; height:680px; overflow: hidden; margin-bottom:39px;}
.abo h3{ text-align: center; padding-top:175px; line-height: 29px; margin-bottom: 10px;}
.abo h3 a{ font-size: 18px; color: #333;}
.abo p{ font-size: 14px; color: #333; line-height: 25px; text-align: center; height: 157px; margin:0 190px;}
.abo p span{ display: block;}
.abo_menu{ overflow: hidden;}
.abo_menu ul{ overflow: hidden; padding-left: 460px; height: 98px;}
.abo_menu ul li{ float: left; padding-right: 20px;}
.abo_menu ul li a{ display: inline-block; width: 130px; height: 48px; line-height: 48px; background:#2c333d; border-radius: 12px; color:#fff; text-align: center; font-size: 14px;}
.abo_menu ul li.cur a{ background: #d60c18; text-decoration: none;}
.abo_on{ overflow: hidden;}
.abo_on ul{ overflow: hidden; font-size: 0;}
.abo_on ul li{ float: left; margin-left: 15px; width: 280px; height: 158px; overflow: hidden;}
.abo_on ul li img{width: 280px; height: 158px; }
/**/
.link{ height:85px;overflow:hidden;}
.link p{ overflow:hidden; font:14px "Microsoft Yahei"; line-height:22px; width:1116px; float: right;}
.link p a{ display:inline-block; padding:0 27px; color:#2c333d;}
.link i{ display: inline-block; float: left; width:82px; line-height: 22px;}
.link i span{ color: #2c333d; font-size: 16px; text-transform: uppercase;}
.link i strong{ display: block; font-weight: normal; color: #d60c18; font-size: 16px;}
/**/

/**/
.xg{animation-duration: 1s;animation-name:fadeInUp;}
.xg2  .pro_r {
    animation-duration: 1.15s;
    animation-name: fadeInRight;
}
.xg2  .pro_l {
    animation-duration: 1.15s;
    animation-name: fadeInLeft;
}
.xg4 {
    animation-duration: 1.15s;
    animation-name: pulse;
}
.xg33 {
    animation-duration: 1.15s;
    animation-name: fadeInUp;
}
.xg35 {
    animation-duration: 1.15s;
    animation-name: shake;
}
/**/
img:hover{	transform: scale(1.1);
    transition: all 0.5s ease 0s;}