@charset "utf-8";
/* CSS Document */

/* Title */
.Title{width: 100%;text-align: center;padding-top: 52px;}
.Title h2{font-size: 38px;color: #333333;}
.Title h2 a{color: #333333;text-decoration: none;}
.Title h2 em{color: #002fbd;font-weight: bold;}
.Title i{display: block;width: 228px;height: 7px;margin: 12px auto 0;}
.Title i img{display: block;width: 228px;height: 7px;}

/* banner 
.banner{width: 100%;overflow: hidden;height: 546px;position: relative;}
.banner a{display: block;background: url(../images/banner1.jpg) no-repeat center;height: 546px;}
.banner .btnList{width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0;}
.banner .btnList span{display: inline-block;width: 24px;height: 25px;background: url(../images/banner_icon01.png) no-repeat center;cursor: pointer; margin: 0 4px;}
.banner .btnList span.cur{background: url(../images/banner_icon02.png) no-repeat center;}*/
/* banner
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:546px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{ width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0;z-index: 9999;}
#flashs .btn span{ display: inline-block;width: 24px;height: 25px;background: url(../images/banner_icon01.png) no-repeat center;cursor: pointer; margin: 0 4px;}
#flashs .btn span.cur {background: url(../images/banner_icon02.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;} */




#flashs{ position:relative; height:600px; overflow:hidden;width: 100%;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0;z-index: 99999;font-size:0px;}
#flashs .btn span{display: inline-block;width: 24px;height: 25px;background: url(../images/banner_icon01.png) no-repeat center;cursor: pointer; margin: 0 4px;}
#flashs .btn span.cur {background: url(../images/banner_icon02.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;}

/* search */
.search{width: 100%;height: 66px;background: #f3f2f2;}
.search p{float: left;height: 66px;line-height:66px;font-size: 14px;color: #666666;width: 723px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.search p a{font-size: 14px;color: #666666;font-weight: normal;margin-right: 16px;}

.search .Input{width: 335px;height: 33px;line-height: 33px;float: right;margin-top: 17px;position: relative;background: url(../images/searchbg.png) no-repeat center;}
.search .Input input{font-size: 14px;outline: none;border: none;color: #999999;height: 33px;line-height: 33px;width: 275px;padding-left: 18px;background: none;float: left;}
.search .Input a{display: block;width: 42px;height:33px;background: url(../images/searchbtn.png) no-repeat center;float: right;}

/* product */
.product{width: 100%;padding-bottom: 50px;}
.product .mainCon{width: 100%;margin-top: 42px;}
.product .mainCon .menu{width: 100%;text-align: center;}
.product .mainCon .menu li{display: inline-block;*display: inline-block;width: 180px;height: 37px;line-height: 37px;text-align: center;border: 1px solid #e4e4e4;font-size: 17px;color: #666666;margin: 0 6px;}
.product .mainCon .menu li a{color: #666666;text-decoration: none;}
.product .mainCon .menu li.cur{background: #002fbd;border-color: #002fbd;}
.product .mainCon .menu li.cur a{color: #fff;}
.product .mainCon .conBox{width: 100%;margin-top: 47px;/*height: 742px;*/overflow: hidden;position: relative;}
.product .mainCon .conBox ul{width: 105%;}
.product .mainCon .conBox li{width: 389px;height: 389px;position: relative;float: left;margin-right: 22px;margin-bottom: 22px;}
.product .mainCon .conBox li span img{display: block;width: 375px;height: 375px;transform: scale(1);transition: all 1s ease-out;}
.product .mainCon .conBox li span{display: block;width: 375px;height: 375px;overflow: hidden;}
.product .mainCon .conBox li a{display: none;width: 375px;height: 375px;text-align: center;position: absolute;top: 0;left: 0;text-decoration: none;background: url(../images/productbg01.png);}
.product .mainCon .conBox li a em{font-size: 18px;color: #fff;display: inline-block;*display: inline-block;*zoom:1;vertical-align: middle;}
.product .mainCon .conBox li a b{display: inline-block;*display: inline-block;*zoom:1;vertical-align: middle;height: 100%;width: 0;}
.product .mainCon .conBox li i{display: block;width: 78px;height: 94px;position: absolute;right: 0;bottom: 0;}
.product .mainCon .conBox li i img{display: block;width: 78px;height: 94px;}
.product .mainCon .conBox li:hover span img{transform: scale(1.2);}
.product .mainCon .conBox li:hover a{display: block;}


/* adv */
.adv{width: 100%;background: url(../images/advbg.jpg) no-repeat center;height: 684px;}

.adv .Title h2{font-size: 38px;color: #fff;}
.adv .Title h2 a{color: #fff;text-decoration: none;}
.adv .Title p{color: #fff;font-weight: bold;}
.adv .Title i{display: block;width: 228px;height: 7px;margin: 12px auto 0;}
.adv .Title i img{display: block;width: 228px;height: 7px;}

.adv .mainCon{width: 100%;margin-top: 50px;position: relative;}
.adv .mainCon .conBox{width: 1210px;height: 493px;margin-left: -10px;overflow: hidden;}
.adv .mainCon .conBox dt{float: left;width: 600px;height: 402px;border:5px solid #fff;margin-top: 82px;}
.adv .mainCon .conBox dd{width: 459px;height: 299px;padding: 125px 72px 0 69px;float: left;background: #fff;}
.adv .mainCon .conBox dd h3{font-size: 30px;color: #333333;font-weight: normal;}
.adv .mainCon .conBox dd h3 em{color: #333333;font-weight: bold;font-family: arial;font-size: 60px; }
.adv .mainCon .conBox dd span{display: block;font-size: 14px;color: #cdcdcd;position: relative;}
.adv .mainCon .conBox dd i{display: block;width: 100%;height: 1px;background: #f1f1f1;margin: 14px 0 30px 0;}
.adv .mainCon .conBox dd p{line-height: 28px;color: #666666;font-size: 15px;}
.adv .mainCon .menu{width: 600px;height: 69px;position: absolute;right: 0;bottom: 0;}
.adv .mainCon .menu li{float: left;width: 149px;height: 69px;background: #002fbd;font-size: 22px;color: #fff;text-align: center;line-height: 69px;border-left: 1px solid #8db9d9;}
.adv .mainCon .menu li img{display: inline-block;*display: inline-block;position: relative;top: 8px;margin-right: 10px;}
.adv .mainCon .menu li.cur{background: #333;}


/* choose */
.choose{width: 100%;}
.choose .Title{height: 131px;background: url(../images/choosebg.jpg) no-repeat center;}
.choose .Title p{font-size: 25px;color: #666666;}
.choose .Title p em{color: #002fbd;font-weight: bold;font-size: 36px;}
.choose .mainCon{width: 100%;margin-top: 58px;position: relative;height: 996px;}
.choose .mainCon img{display: block;}
.choose .mainCon .Pics01{width: 534px;height: 434px;position: absolute;top: 0;left: 0;}
.choose .mainCon .Pics02{width: 586px;height: 387px;position: absolute;bottom: 72px;right: 0;}
.choose .mainCon dl{width: 578px;position: absolute;}
.choose .mainCon dt{float: left;width: 65px;height: 85px;background: #002fbd;text-align: center;}
.choose .mainCon dt span{display: block;font-size: 40px;color: #fff;font-weight: bold;font-family: arial;padding-top: 10px;}
.choose .mainCon .dl1{left: 603px;top: 17px;}
.choose .mainCon dt i{display: block;width: 34px;height: 1px;background: #fff;margin:10px auto 0;}
.choose .mainCon dd{float: right;width: 486px;}
.choose .mainCon dd h3{font-size: 24px;color: #333333;padding-bottom: 14px;border-bottom: 1px dotted #c0c0c0;width: 474px;}
.choose .mainCon dd h3 em{font-weight: bold;color: #002fbd;}
.choose .mainCon dd ul{margin-top: 20px;}
.choose .mainCon dd li{padding-left: 16px;background: url(../images/choose_icon01.png) no-repeat left 8px;font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 5px;}
.choose .mainCon dl.dl2{top: 251px;left: 603px;}
.choose .mainCon dl.dl3{left: 0;top: 527px;}
.choose .mainCon dl.dl4{left: 0;top: 761px;}

/* contrast */
.contrast{width: 100%;background: url(../images/contrastbg.jpg) no-repeat center;height: 666px;}
.contrast .Title{padding-top: 80px;}
.contrast .Title h2 img{display: block;margin: 0 auto;}
.contrast .mainCon{margin-top: 50px;}
.contrast .mainCon .contrast-header li{width: 215px;height: 102px;float: left;border-left: 1px solid #e2e4e3;background: #ecf7f2;text-align: center;line-height: 102px;font-size: 20px;color: #333333;font-weight: bold;}
.contrast .mainCon .contrast-header li:first-child{width: 120px;border-left: none;color: #002fbd;}
.contrast .mainCon .contrast-header li img{position: relative;top:22px;margin-right: 5px;}
.contrast .mainCon .contrast-same li{float: left;width: 215px;height: 126px;float: left;border-left: 1px solid #e2e4e3;background: #fff;text-align: center;font-size: 15px;color: #888888;}
.contrast .mainCon .contrast-same li:first-child{border-left: none;width: 120px;line-height: 126px;font-weight: bold;font-size: 18px;color: #333333;background: #eeeeee;}
.contrast .mainCon .contrast-same li p{display: inline-block;*display: inline-block;*zoom:1;vertical-align: middle;line-height: 25px;}
.contrast .mainCon .contrast-same li span{display: inline-block;*display: inline-block;*zoom:1;vertical-align: middle;height: 100%;width: 0;}
.contrast .mainCon .contrast-ql li{background:#002fbd;}
.contrast .mainCon .contrast-ql li p{color: #fff;}
.contrast .mainCon .contrast-ql li:first-child{background:#002fbd;}
.contrast .mainCon .contrast-ql li:first-child{color: #fff;}

/* liuy */
.liuy{width: 100%;background: url(../images/lybg.jpg) no-repeat center;height: 478px;}
.liuy .mainCon{padding-top: 102px;margin-left: 32px;}
.liuy .mainCon .box1{width: 534px;}
.liuy .mainCon .box1 input{width: 238px;height: 47px;line-height: 47px;padding: 0 10px;border: 1px solid #e6e6e6;outline: none;display: block;float: left;margin-bottom: 14px;font-size: 14px;color: #999999;}
.liuy .mainCon .box1 .name{margin-right: 14px;}
.liuy .mainCon .box1 textarea{padding:15px 10px 0;width: 514px;border: 1px solid #e6e6e6;font-size: 14px;color: #999999;height: 110px;outline: none;resize: none;}
.liuy .mainCon .box2{margin-top: 36px;width: 534px;}
.liuy .mainCon .box2 a{display: block;width: 195px;height: 45px;line-height: 45px;text-align: center;float: left;background: #333333;border-radius: 6px;font-size: 18px;color: #fff;text-decoration: none;}
.liuy .mainCon .box2 a img{width: 27px;height: 27px;margin-right: 10px;position: relative;top: 6px;}
.liuy .mainCon .box2 .phone{background: url(../images/ly_phone.png) no-repeat left center;padding-left: 50px;float: right;}
.liuy .mainCon .box2 .phone p{color: #999999;font-size: 14px;padding-top: 2px;}
.liuy .mainCon .box2 .phone span{display: block;font-size: 26px;color: #333333;font-family: arial;}


/* about */
.about{width: 100%;padding-bottom: 74px;}
.about .Title{padding-top: 66px;}
.about .mainCon{margin-top: 62px;}
.about .conBox1{width: 1200px;margin: 0 auto;}
.about .conBox1 dt{float: left;width: 520px;height: 324px;}
.about .conBox1 dt img{display: block;width: 520px;height: 324px;}
.about .conBox1 dd{width: 640px;float:right;}
.about .conBox1 dd h3{font-size: 20px;color: #002fbd;padding-top: 12px;padding-bottom:10px;}
.about .conBox1 dd h3 a{color: #002fbd;text-decoration: none;}
.about .conBox1 dd p{margin-top: 10px;line-height: 24px;text-indent: 2em;font-size: 14px;color: #666666;}
.about .conBox1 dd a.details{width: 128px;height: 37px;text-align: center;line-height: 37px;font-size: 14px;color: #002fbd;background: url(../images/about_ty.png) no-repeat center;margin-top: 16px;display: block;text-decoration: none;}
.about .conBox2{width: 100%;margin-top: 40px;}
.about .conBox2 .menu{border-bottom: 2px solid #e7e7e7;width: 1200px;margin: 0 auto;}
.about .conBox2 .menu li{float: left;font-size: 16px;color: #333333;font-weight: bold;padding-right: 12px;padding-bottom: 12px;position: relative;}
.about .conBox2 .menu li i{display: none;position: absolute;bottom: -2px;width: 100%;height: 2px;background: #002fbd;left: 0;}
.about .conBox2 .menu li a{color: #333333;text-decoration: none;}
.about .conBox2 .menu li span{font-size: 16px;color: #b6b6b6;margin-right: 12px;}
.about .conBox2 .menu li:first-child span{display: none;}
.about .conBox2 .menu li:first-child{padding-left: 20px;}
.about .conBox2 .menu li.cur a{color: #002fbd;}
.about .conBox2 .menu li.cur i{display: block;}
.about .conBox2 .con{width: 1350px;margin: 36px auto 0;height: 299px;overflow: hidden;position: relative;}
.about .conBox2 .lunb{width: 1200px;position: relative;margin: 0 auto;}
.about .conBox2 .lunb i.aboutBtn{display: block;width: 45px;height: 45px;overflow: hidden;cursor: pointer;position: absolute;top: 78px;}
.about .conBox2 .lunb i.aboutBtn img{display: block;width: 45px;height: 90px;position: relative;}
.about .conBox2 .lunb i.aboutBtn:hover img{top: -45px;}
.about .conBox2 .lunb i.prev{left: -74px;}
.about .conBox2 .lunb i.next{right: -74px;}
.about .conBox2 .lunb .box{width: 100%;position: relative;height: 299px;overflow: hidden;}
.about .conBox2 .lunb .box ul{width: 105%;position: absolute;left: 0;top: 0;}
.about .conBox2 .lunb .box li{float: left;height: 299px;width: 282px;margin-right: 24px;overflow: hidden;position: relative;}
.about .conBox2 .lunb .box li i.xian{display: block;width: 282px;height: 2px;background: #e0e0e0;}
.about .conBox2 .lunb .box li i.xianL{width: 141px;height: 2px;background: #002fbd;position: absolute;left: -141px;bottom: 0px;}
.about .conBox2 .lunb .box li i.xianR{width: 141px;height: 2px;background: #002fbd;position: absolute;right: -141px;bottom: 0px;}
.about .conBox2 .lunb .box p{width: 282px;height: 250px;position: relative;}
.about .conBox2 .lunb .box p span{display: block;width: 282px;height: 250px;overflow: hidden;}
.about .conBox2 .lunb .box p span img{display: block;width: 282px;height: 250px;transform: scale(1);transition: all 1s ease-out;}
.about .conBox2 .lunb .box p a{display: none;width: 282px;height: 192px;position: absolute;top: 0;left: 0;padding-top: 58px;background: url(../images/aboutbg.png);text-align: center;text-decoration: none;}
.about .conBox2 .lunb .box p a img{display: block;width: 36px;height: 36px;margin: 0 auto;}
.about .conBox2 .lunb .box p a b{font-size: 14px;color: #fff;font-weight: normal;margin-top: 22px;display: block;}
.about .conBox2 .lunb .box em{display: block;font-size: 14px;color: #666666;height: 47px;line-height: 47px;text-align: center;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about .conBox2 .lunb .box li:hover p a{display: block;}
.about .conBox2 .lunb .box li:hover p span img{transform: scale(1.2);}


/* news */
.news{width: 100%;background: url(../images/newsbg.jpg) no-repeat center;height: 729px;}
.news .mainCon{margin-top: 40px;}
.news .mainCon .conL{width: 816px;float: left;background: #fff;}
.news .mainCon .conL .top{height: 59px;border-bottom: 2px solid #e0e0e0;}
.news .mainCon .conL .top ul{float: left;}

.news .mainCon .conL .top li{float: left;font-size: 16px;color: #333333;font-weight: bold;padding-right: 12px;position: relative;line-height: 59px;}
.news .mainCon .conL .top li i{display: none;position: absolute;bottom: -2px;width: 100%;height: 2px;background: #002fbd;left: 0;}
.news .mainCon .conL .top li a{color: #333333;text-decoration: none;}
.news .mainCon .conL .top li span{font-size: 16px;color: #b6b6b6;margin-right: 12px;}
.news .mainCon .conL .top li:first-child span{display: none;}
.news .mainCon .conL .top li:first-child{padding-left: 20px;}
.news .mainCon .conL .top li.cur a{color: #002fbd;}
.news .mainCon .conL .top li.cur i{display: block;}

.news .mainCon .conL .top a.more{display: block;width: 81px;height: 59px;text-align: center;line-height: 59px;font-size: 14px;color: #818181;text-decoration: none;text-transform: uppercase;float: right;border-left: 2px solid #e0e0e0;}
.news .mainCon .conL .top a.more:hover{color: #002fbd;}
.news .mainCon .conL .conBox{padding-top: 26px;height: 418px;overflow: hidden;position: relative;}
.news .mainCon .conL .conBox .box{height: 418px;}
.news .mainCon .conL .conBox .boxL{float: left;width: 305px;margin-left: 32px;}
.news .mainCon .conL .conBox .boxL img{display: block;width: 305px;height: 189px;}
.news .mainCon .conL .conBox .boxL h3{font-size: 14px;color: #333333;margin: 26px 0 22px 0;}
.news .mainCon .conL .conBox .boxL h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conL .conBox .boxL p{font-size: 13px;color: #666666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;height: 72px;padding-right: 8px;}
.news .mainCon .conL .conBox .boxL p a{color: #666666;text-decoration: none;}
.news .mainCon .conL .conBox .boxL a.details{width: 122px;height: 37px;text-align: center;line-height: 37px;font-size: 14px;color: #002fbd;background: url(../images/news_ty.png) no-repeat center;margin-top: 22px;display: block;text-decoration: none;}
.news .mainCon .conL .conBox .boxR{width: 422px;float: left;margin-left: 28px;}
.news .mainCon .conL .conBox .boxR dl{margin-top: 14px;height: 113px;border: 1px solid #ececec;}
.news .mainCon .conL .conBox .boxR dl:first-child{margin-top: 0;}
.news .mainCon .conL .conBox .boxR dt{width: 108px;margin-top: 16px;float: left;text-align: center;background: url(../images/news_xian.png) no-repeat right 16px;}
.news .mainCon .conL .conBox .boxR dt span{display: block;font-size: 44px;color: #333333;font-family: arial;}
.news .mainCon .conL .conBox .boxR dt em{font-size: 18px;color: #333333;display: block;}
.news .mainCon .conL .conBox .boxR dd{margin-left: 22px;width: 274px;float: left;margin-top: 22px;}
.news .mainCon .conL .conBox .boxR dd h3{font-size: 14px;color: #333333;}
.news .mainCon .conL .conBox .boxR dd h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conL .conBox .boxR dd p{font-size: 14px;color: #888888;line-height: 24px;height: 48px;margin-top: 12px;}
.news .mainCon .conL .conBox .boxR dd p a{color: #888888;text-decoration: none;}
.news .mainCon .conL .conBox .boxR dl:hover dd h3 a{color: #002fbd;}
.news .mainCon .conL .conBox .boxR dl:hover dt span,.news .mainCon .conL .conBox .boxR dl:hover dt em{color: #002fbd;}
.news .mainCon .conR{width: 358px;float: right;background: #fff;padding-bottom: 30px;}
.news .mainCon .conR .top{height: 59px;border-bottom: 2px solid #e0e0e0;}
.news .mainCon .conR .top h3{float: left;font-size: 16px;color: #333333;line-height: 59px;margin-left: 30px;}
.news .mainCon .conR .top h3 em{font-size: 16px;color: #b6b6b6;font-weight: bold;margin-left: 6px;}
.news .mainCon .conR .top a.more{display: block;width: 81px;height: 59px;text-align: center;line-height: 59px;font-size: 14px;color: #818181;text-decoration: none;text-transform: uppercase;float: right;border-left: 2px solid #e0e0e0;}
.news .mainCon .conR .top a.more:hover{color: #002fbd;}
.news .mainCon .conR .conBox{width: 100%;height: 414px;overflow: hidden;position: relative;}
.news .mainCon .conR .conBox ul{padding: 0 28px;position: absolute;left: 0;top: 0;}
.news .mainCon .conR .conBox li{padding-top: 20px;height: 117px;border-bottom: 1px dotted #d8d8d8;}
.news .mainCon .conR .conBox li h3{padding-left: 28px;background: url(../images/news_q.png) no-repeat left center;line-height: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;color: #333333;}
.news .mainCon .conR .conBox li h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conR .conBox p{padding-left: 28px;background: url(../images/news_a.png) no-repeat left 6px;line-height: 24px;color: #666666;font-size: 13px;margin-top: 8px;padding-top: 3px;height: 72px;overflow: hidden;text-overflow: ellipsis;}
.news .mainCon .conR .conBox li p a{color: #666666;}

/* link */
.link{width: 100%;background: #002fbd;padding: 14px 0 12px 0;}
.link dt{width: 80px;height: 40px;border-right: 1px dotted #70c59c;float: left;}
.link dt span{display: block;font-size: 26px;color: #fff;font-family: arial;position: relative;top: -5px;}
.link dt em{display: block;font-size: 14px;color: #fff;position: relative;top: -8px;}
.link dt a{text-decoration: none;}
.link dd{float: left;width: 1100px;overflow: hidden;padding-top: 12px;margin-left: 10px;}
.link dd a{display: block;font-size: 14px;color: #fff;padding: 0 18px;border-left: 1px solid #41a675;float: left;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}