@charset "utf-8";

/* CSS Document */



a:hover {text-decoration:none;}



h2.h2_title {text-align: center;height: 40px;background: url(../images/artline01.png) repeat-x left 84px;padding-top: 65px;font-weight: normal;}

h2.h2_title i {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 7px;height: 7px;background: url(../images/artty01.png) no-repeat center;}

h2.h2_title a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;line-height: 40px;font-size: 32px;color: #d01817;padding: 0 20px;background: #fff;line-height: 40px;}

h2.h2_title span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;line-height: 40px;font-size: 32px;color: #d01817;padding: 0 20px;background: #fff;line-height: 40px;}

p.p_title {font-size: 16px;color: #333;text-align: center;height: 24px;line-height: 24px;padding-bottom: 30px;}





/* banner部分 */

.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}

#flashs{ position:relative; height:550px; overflow:hidden;}

#flashs .bgitem{z-index:1;position:absolute; top:0; }

#flashs .btn{position: absolute;left: 0;bottom: 60px;width: 100%;text-align: center;z-index: 9999;}

#flashs .btn span {display: inline-block;*display: inline;*zoom: 1;width: 13px;height: 13px;background: url(../images/ty03.png) no-repeat center;margin-right: 25px;cursor: pointer;}

#flashs .btn span.cur {background: url(../images/ty04.png) no-repeat center;}



/*

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}

#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}

#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}

#flashs:hover .bot{display: block;}

*/

/**/

.product {background: #f4f4f4;padding-bottom: 40px;}

.product h2.h2_title a {background: #f4f4f4;}

.product p.p_title {font-weight: bold;}

.product .conleft {width: 270px;}

.product .conleft dl {padding-bottom: 15px;background: #fff;border: 1px solid #dddddd;border-radius: 0 0 5px 5px;}

.product .conleft dl:first-child {border-bottom: none;border-radius: 0;}

.product .conleft dl dt {height: 70px;line-height: 70px;width: 270px;position: relative;left: -1px;background: #d01817;font-size: 20px;text-indent: 30px;top: -1px;margin-bottom: 15px;border-radius: 5px 5px 0 0;}

.product .conleft dl dt a {display: block;color: #fff;height: 70px;background: url(../images/proicon02.png) no-repeat 220px center;}

.product .conleft dl:first-child dt a {display: block;color: #fff;height: 70px;background: url(../images/proicon01.png) no-repeat 220px center;}

.product .conleft dl dd {font-size: 14px;height: 44px;line-height: 44px;margin-left: 30px;padding-left: 20px;background: url(../images/ty01.png) no-repeat left center;position: relative;}

.product .conleft dl dd>a {color: #000;}

.product .conleft dl dd.cur ,.product .conleft dl dd:hover {background: url(../images/ty02.png) no-repeat left center;}

.product .conleft dl dd.cur>a ,.product .conleft dl dd:hover>a {color: #d01817;}



.product .conleft dl dd:hover ul {display: block;}



.product .conleft dl dd ul {display: none; position: absolute;left: 238px;top: 0;width: 200px;background: #fff;border: 1px solid #dddddd;border-left: none;z-index: 2;}

.product .conleft dl dd ul li {padding-left: 25px;background: url(../images/ty01.png) no-repeat 5px center;height: 44px;line-height: 44px;border-bottom: 1px solid #dddddd;}



.product .conleft dl dd ul li:hover {background: url(../images/ty02.png) no-repeat 5px center;}

.product .conleft dl dd ul li:hover a {color: #d01817;}







.product .conleft .left_tel {width: 270px;height: 110px;background: url(../images/f_bg.jpg) center;margin-top: 15px;border-radius: 5px;}

.product .conleft .left_tel .con_tel {padding: 32px 0 32px 70px;height: 46px; background: url(../images/pro_tel.png) no-repeat 22px center;color: #fff;}

.product .conleft .left_tel .con_tel .p1 {font-size: 13px;}

.product .conleft .left_tel .con_tel .p2 {font-size: 26px;}



.product .conright {width: 918px;position: relative;}

.product .conright .r_top {height: 388px;border: 1px solid #dddddd;border-radius: 5px;background: #fff;position: relative;overflow: hidden;}

.product .conright .r_top ul {position: relative;}

.product .conright .r_top ul li {float: left;width: 918px;}

.product .conright .r_top dl {position: relative;height: 388px;padding-left: 460px;}

.product .conright .r_top dl dt {width: 409px;border-right: 1px solid #dddddd;position: absolute;left: 0;top: 0;height: 353px;padding-top: 35px;}

.product .conright .r_top dl dt img {display: block;width:409px;height:337px;}

.product .conright .r_top dl dd.dd1 {font-size: 24px;padding-top: 50px;margin-bottom: 15px;}

.product .conright .r_top dl dd.dd1 a {color: #333;}

.product .conright .r_top dl dd.dd2 {font-size: 13px;color: #666;margin-bottom: 25px;line-height: 24px;padding-right: 80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}

.product .conright .r_top dl dd.dd3 {font-size: 13px;line-height: 24px;}



.product .conright .r_top dl dd.dd4 {height: 40px;position: absolute;width: 350px;left: 460px;top: 303px;}

.product .conright .r_top dl dd.dd4 a {float: left; width: 112px;height: 38px;border-radius: 20px;border: 1px solid #d7d7d7;line-height: 38px;text-align: center;font-size: 14px;margin-right: 20px;}



.product .conright .r_top dl dd.dd4 a:hover {background: #D01817;color: #fff;border-color: #D01817;}



.product .conright .r_top .pro_btnl {display: block;width: 31px;height: 31px;background: url(../images/jtl01.png) no-repeat center;position: absolute;left: 28px;top: 180px;cursor: pointer;}

.product .conright .r_top .pro_btnr {display: block;width: 31px;height: 31px;background: url(../images/jtr01.png) no-repeat center;position: absolute;right: 28px;top: 180px;cursor: pointer;}

.product .conright .r_top .pro_btnl:hover {background: url(../images/jtl02.png) no-repeat center;}

.product .conright .r_top .pro_btnr:hover {background: url(../images/jtr02.png) no-repeat center;}



.product .conright .prozt {display: block;width: 45px;height: 80px;background: url(../images/prozt.png) no-repeat center;position: absolute;right: 39px;top: -7px;z-index: 2;}



.product .conright .r_bot {margin-top: 10px;}

.product .conright .r_bot dl {float: left; border:1px solid #ddd;width: 298px;border-radius:5px;background: #fff;padding-bottom: 20px; margin:0 0 9px 9px;}

.product .conright .r_bot dl.bdnot {margin-left: 0;}

.product .conright .r_bot dl dt {height: 246px;}

.product .conright .r_bot dl dt img {display: block;}

.product .conright .r_bot dl dd.dd1 {font-size: 18px;text-align: center;height: 30px;line-height: 30px;margin-bottom: 5px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding: 0 15px;}

.product .conright .r_bot dl dd.dd1 a{color: #333;}

.product .conright .r_bot dl dd.dd2 {font-size: 13px;line-height: 20px;text-align: center;padding: 0 40px;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.product .conright .r_bot dl dd.dd3 a {display: block;width: 114px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;border: 1px solid #d7d7d7;border-radius:20px;margin: 0 auto;}



.product .conright .r_bot dl:hover dd.dd3 a {background: #D01817;color: #fff;border-color: #D01817;}







/**/

.xfys {height: 729px;padding-top: 277px;position: relative;background: url(../images/xfbg02.jpg) no-repeat center bottom;}

.xfproblem {height: 269px;background: url(../images/xfbg01.jpg) no-repeat center;position: absolute;top: 0px;left: 0;width: 100%;}

.xfproblem .container {padding-top: 30px;overflow: initial !important;}

.xfproblem dl {width: 158px;height: 158px;padding-right: 71px;background: url(../images/problembg.png) no-repeat left center;position: relative;}

.xfproblem dl.fl {margin-left: -64px;}

.xfproblem dl.fr {margin-right: -64px;}

.xfproblem dl:first-child {margin-left: 0;}

.xfproblem dl dt {padding-top: 50px;}

.xfproblem dl dt span {display: block;font-size: 18px;text-align: center;margin-bottom: 5px;color: #000;}

.xfproblem dl dt i {display: block;font-size: 18px;text-align: center;color: #000;}

.xfproblem dl dd {position: absolute;left: 0;bottom: 23px; width: 156px;text-align: center;font-size: 12px;color: #fff;}

.xfproblem img {float: left;margin-left: -64px;position: relative;left: 24px;top: 20px;}



.xfys h2.h2_title {background: url(../images/art02.png) no-repeat center bottom;}

.xfys .container {height: 570px;position: relative;overflow: hidden;}

.xfys .xfysImg {width: 627px;height: 520px;position: absolute;left: 295px;top: 1050px;}

.xfys .xfysImg img {display: block;}

.xfys .xfdl {width: 250px;position: absolute;height: 120px;overflow: hidden;}

.xfys .xfdl dt {font-size: 24px;color: #222222;margin-bottom: 10px;position: relative;top: 150px;}

.xfys .xfdl dt b {color: #d01817;}

.xfys .xfdl dd {font-size: 15px;color: #000;line-height: 20px;position: relative;top: 150px;}



.xfys .dl1 {left: 0;top: 110px;}

.xfys .dl2 {left: 0;top: 375px;}

.xfys .dl3 {right: 0;top: 110px;}

.xfys .dl4 {right: 0;top: 350px;}









/**/

/**/

.xflc {height: 209px;background: #f4f4f4;padding-top: 20px;}

.xflc h2.h2_title {padding-top: 0;background-position: left 19px;margin-bottom: 25px;}

.xflc h2.h2_title span {background: #f4f4f4;}



.xflc dl {width: 75px;padding-left: 85px;background: url(../images/lcbg.png) no-repeat 25px center;float: left;}

.xflc dl:first-child {background: none;}

.xflc dl dt {height: 60px;margin-bottom: 10px;}

.xflc dl dt img {display: block;margin: 0 auto;}

.xflc dl dd {font-size: 16px;font-weight: bold;text-align: center;color: #333;}



/**/

.khal {background: #d01817;padding-bottom: 50px;position: relative;}

.khal h2.h2_title {background-image: url(../images/artline02.png);}

.khal h2.h2_title i {background: url(../images/artty02.png) no-repeat center;}

.khal h2.h2_title a {background: #d01817;color: #fff;}

.khal p.p_title {color: #fff;}

.khal .container {position: relative;}

.khal .khalxl {display: block;width: 36px;height: 18px;position: absolute;left: 50%;margin-left: -18px;bottom: -68px;z-index: 2;background: url(../images/xl01.png) no-repeat center;}



.khal .khal_con {position: relative;}

.khal .khal_con .con_top {position: relative;overflow: hidden;}

.khal .khal_con .con_top ul {position: relative;}

.khal .khal_con .con_top ul li {float: left;width: 290px;margin-left: 12px;}

.khal .khal_con .con_top ul li:first-child {margin-left: 0;}

.khal .khal_con .con_top ul li i {display: block;width: 290px;height: 250px;overflow: hidden;}

.khal .khal_con .con_top ul li img {display: block;transition: all 0.5s;}

.khal .khal_con .con_top ul li p {height: 60px;line-height: 60px;text-align: center;font-size: 15px;color: #000;background: url(../images/khalbg.jpg);}



.khal .khal_con .con_top ul li:hover img {transform: scale(1.1);}



.khal .khal_con .khal_btnl {display: block;width: 54px;height: 59px;position: absolute;left: -80px;top: 130px;background: url(../images/jtl03.png) no-repeat center;cursor: pointer;}

.khal .khal_con .khal_btnr {display: block;width: 54px;height: 59px;position: absolute;right: -80px;top: 130px;background: url(../images/jtr03.png) no-repeat center;cursor: pointer;}





.khal .khal_con .khal_bot {height: 228px;background: url(../images/khalzxly.jpg) no-repeat center;margin-top: 10px;position: relative;box-shadow: 5px 35px 45px #a21312;}

.khal .khal_con .khal_bot .khal_info {width: 400px;height: 115px;position: absolute;right: 45px;top:75px;}

.khal .khal_con .khal_bot .khal_info .info_p {height: 45px;overflow: hidden;width: 266px;position: relative;border-bottom: 1px solid #fff;margin-bottom: 20px;}

.khal .khal_con .khal_bot .khal_info .info_p input {float: left;width: 220px;border: none;border: 1px solid #bcbcbc;border-right: none;height: 43px;line-height: 43px; font-size: 14px;color: #666;text-indent: 12px;background: none;}

.khal .khal_con .khal_bot .khal_info .info_p span {float: left;width: 44px;height: 43px;border: 1px solid #bcbcbc;border-left: none;}



.khal .khal_con .khal_bot .khal_info .p1 span {background: url(../images/khalicon01.png) no-repeat center;}

.khal .khal_con .khal_bot .khal_info .p2 span {background: url(../images/khalicon02.png) no-repeat center;}

.khal .khal_con .khal_bot .khal_info a.yydz {display: block;width: 110px;height: 110px;background: url(../images/khal02.png) no-repeat center;position: absolute;right: 0;top: 0;}

.khal .khal_con .khal_bot .khal_info input.yydz { border: none;display: block;width: 110px;height: 110px;background: url(../images/khal02.png) no-repeat center;position: absolute;right: 0;top: 0;}





/**/

.advantage {background: url(../images/advbg01.jpg) no-repeat center top;}

.advantage p.p_title {padding-bottom: 80px;}

.advantage .adv_con {height: 1607px;background: url(../images/adv01.png) no-repeat center top;position: relative;}

.advantage .adv_con .conbox {width: 450px;position: absolute;height: 290px;padding-left: 90px;}

.advantage .adv_con .conbox .box_top {height: 89px;}

.advantage .adv_con .conbox .box_top span {position: absolute;left: 0;top: 0;width: 78px;height: 87px; background: url(../images/adv02.png) no-repeat center;text-align: center;font-size: 14px;color: #fff;padding-top: 10px;}

.advantage .adv_con .conbox .box_top b {display: block;font-size: 24px;} 

.advantage .adv_con .conbox .box_top .box_p1 {height: 30px;line-height: 30px;font-size: 22px;font-weight: bold;color: #d01817;}

.advantage .adv_con .conbox .box_top .box_p2 {height: 30px;line-height: 30px;font-size: 18px;color: #000;}

.advantage .adv_con .conbox ul {padding-left: 15px;border-left: 1px solid #bdbdbd;height: 160px;}

.advantage .adv_con .conbox ul li {line-height: 20px; font-size: 14px;color: #000;position: relative;top: -12px;margin-bottom: 10px;}

.advantage .adv_con .conbox ul li i {display: block;width: 7px;height: 7px;background: url(../images/artty01.png) no-repeat center;position: absolute;left: -19px;top: 6px;}



.advantage .adv_con .conbox a.boxa {display: block;width: 145px;height: 60px;font-size: 13px;color: #000;text-align: center;background: url(../images/adv03.png) no-repeat center;line-height: 50px;position: relative;top: -25px;left: 18px;}

.advantage .adv_con .con1 a.boxa {background: url(../images/adv04.png) no-repeat center;}

.advantage .adv_con .con2 a.boxa {background: url(../images/adv04.png) no-repeat center;}

.advantage .adv_con .con3 a.boxa {background: url(../images/adv04.png) no-repeat center;}

.advantage .adv_con .con4 a.boxa {background: url(../images/adv04.png) no-repeat center;}

.advantage .adv_con .con1 {right: 0;top: 0;}

.advantage .adv_con .con2 {left: 0;top: 430px;}

.advantage .adv_con .con3 {right: 0;top: 827px;}

.advantage .adv_con .con4 {left: 0;top: 1257px;}

.advantage .adv_con .con1 a.boxa:hover{color:#d01817}

.advantage .adv_con .con2 a.boxa:hover{color:#d01817}

.advantage .adv_con .con3 a.boxa:hover{color:#d01817}

.advantage .adv_con .con4 a.boxa:hover{color:#d01817}



/**/

.about {padding-bottom: 65px;}

.about .container {background: url(../images/abobg.png) no-repeat 20px bottom;height:416px;}

.about .conleft {width: 540px;height: 350px;position: relative;background: #d01817;}

.about .conleft a {display: block;position: relative;top: 20px;left: 20px;}

.about .conright {width: 595px;height:416px;}

.about .conright h3 {font-size: 19px;font-weight: normal;margin-bottom: 30px;}

.about .conright h3 a {color: #d01817;}

.about .conright .abo_p1 {font-size: 16px;line-height: 25px;}

.about .conright .abo_p1 a {color: #333;}

.about .conright .abo_p2 {height:40px;overflow: hidden;margin-top: 30px;}

.about .conright .abo_p2 a {float: right; width: 112px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #d7d7d7;border-radius: 20px;font-size: 14px;margin-left: 10px;}

.about .conright .abo_p2 a:hover {background: #D01817;border-color: #D01817;color: #fff;}





/**/

.xffc {height: 315px;border-bottom: 1px solid #e0e0e0;background: #f4f4f4;}

.xffc .container {position: relative;}

.xffc .fc_con {position: relative;height: 310px;top: -60px;overflow: hidden;}

.xffc .fc_con ul {position: relative;}

.xffc .fc_con ul li {width: 290px;float: left;margin-left: 12px;}

.xffc .fc_con ul li:first-child {margin-left: 0;}

.xffc .fc_con ul li p {height: 60px;line-height: 60px;text-align: center;font-size: 13px;color: #333;background: #f0f0f0;}

.xffc .fc_con ul li i {display: block;width: 290px;height: 250px;overflow: hidden;}

.xffc .fc_con ul li img {display: block;}

.xffc .fc_con ul li:hover p {color: #fff;background: #d01817;} 

.xffc .fcbtnl {display: block;width: 54px;height: 59px;position: absolute;left: -80px;top: 80px;background: url(../images/jtl03.png) no-repeat center; cursor: pointer;}

.xffc .fcbtnr {display: block;width: 54px;height: 59px;position: absolute;right: -80px;top: 80px;background: url(../images/jtr03.png) no-repeat center;cursor: pointer;}





/**/

.news {border-top: 1px solid #fff;border-bottom: 1px solid #e0e0e0;background: #f4f4f4;}

.news .newsCon {width: 340px;padding: 30px 29px;border: 1px solid #e0e0e0;border-top: none;margin: -1px 0 0 -1px;border-bottom: none;float: left;}

.news h3 {font-weight: normal;margin-bottom: 24px;}

.news h3 a {display: block;height: 34px;background: url(../images/news01.png) no-repeat right center;}

.news h3 b {font-size: 22px;color: #d01817;margin-right: 10px;}

.news h3 i {font-size: 10px;}

.news dt {padding: 10px;background: #fff;margin-bottom: 15px;}

.news dt img {display: block;}

.news dd {height: 24px;line-height: 24px;padding-left: 18px;background: url(../images/ty01.png) no-repeat left center;margin-bottom: 10px;font-size: 13px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.news dd a {color: #333;}



.news a.news_more {display: block; width: 112px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #d7d7d7;border-radius: 20px;font-size: 14px;margin-top: 40px;}



.news .newsCon:hover a.news_more {background: #D01817;color: #fff;border-color: #D01817;}

.news dl dd:hover {background: url(../images/ty02.png) no-repeat left center;}





/**/

.prodh {height: 120px;padding: 40px 0;background: url(../images/dhbg.jpg) repeat-y;}

.prodh .dh_d1 {width: 60px;float: left;background: url(../images/dhicon01.png) no-repeat left bottom;height: 120px;}

.prodh .dh_d1 h3 {font-size: 16px;}

.prodh .dh_d1 h3 a {color: #d01817;}

.prodh .dh_d1 h3 i {display: block;font-size: 13px;color: #ccc;}



.prodh .dh_ul {float: left;width: 162px;height: 120px;border-left: 1px dotted #c4c4c4;/*padding-left: 80px;*/}

.prodh .dh_ul li {height: 24px;line-height: 24px;margin-bottom: 10px;padding-left: 20px;background: url(../images/ty01.png) no-repeat left center;font-size: 12px;    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;}

.prodh .dh_ul li a {color: #333;}

.prodh .dh_ul li:hover {background: url(../images/ty02.png) no-repeat left center;font-weight: bold;}

.prodh .dh_ul li:hover a {color: #D01817;}

.prodh .ul1 {border-left: none;}





/*yqlj*/

.yqlj {padding:20px 0;background: #f5f5f5;border-top: 1px solid #e0e0e0;}

.yqlj .yqlj_con {padding: 5px 0;}

.yqlj .yqlj_con .yqlj_p1 {width: 75px;font-size: 14px;color: #fff;height: 16px;line-height: 16px;background: url(../images/yqlj01.png) no-repeat right center;}

.yqlj .yqlj_con .yqlj_p1 a {color: #d01817;}

.yqlj .yqlj_con .yqlj_p2 {width: 1080px;}

.yqlj .yqlj_con .yqlj_p2 a {padding:0 16px; float: left;line-height: 16px;font-size: 14px;color: #666;border-left: 1px dotted #ccc;}

.yqlj .yqlj_con .yqlj_p2 a:first-child {border-left:none;padding-left: 0;}



.yqlj .yqlj_con .yqlj_p2 a:hover {color: #d01817;}