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

/* Title */
.Title{width: 100%;text-align: center;    background: #ccc;
    line-height: 85px;}
.Title h3{font-size: 35px;color: #333333;font-weight: normal;}
.Title h3 a{color: #333333;text-decoration: none;}
.Title h3 em{color: #fe0000;font-weight: bold;}
.Title i{display: block;width: 254px;height: 11px;margin: 16px auto 0;}
.Title i img{display: block;}

/* banner
.banner{width: 100%;height: 550px;position: relative;}
.banner a{display: block;background: url(../images/banner.jpg) no-repeat center;height: 550px;}
.banner .btnList{margin-right: 18px;position: absolute;bottom: 35px;left: 0;text-align: center;width: 100%;}
.banner .btnList span{display: inline-block;width: 9px;height: 9px;background: url(../images/banner_icon01.png) no-repeat center;margin: 0 3px;cursor: pointer;}
.banner .btnList span.cur{background: url(../images/banner_icon02.png) no-repeat center;width: 50px;height: 9px;}
 */
/* 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: 50%;bottom: 30px;width: 400px;margin-left: -200px;text-align: center;z-index: 9999;}
#flashs .btn span {display: inline-block;width: 9px;height: 9px;background: url(../images/banner_icon01.png) no-repeat center;margin: 0 3px;cursor: pointer;}
#flashs .btn span.cur {background: #fe0000;width: 50px;height: 9px;    border-radius: 5px;}

#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: 57px;border-bottom: 1px solid #cccccc;}
.search .container{overflow: hidden;}
.search p{float: left;line-height: 57px;width: 100%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.search p span{font-style: 14px;color: #333333;font-weight: bold;}
.search p a{padding: 0 24px;color: #666666;font-size: 14px;border-left: 1px dotted #a6a6a6;}
.search p a.first{border-left: none;}
.search .Input{width: 333px;height: 57px;overflow: hidden;float: right;border-bottom: 1px solid #000000;background: #f2f2f2;}
.search .Input input{width: 248px;padding-left: 20px;border: none;height: 57px;float: left;font-size: 14px;color: #999999;line-height: 57px;outline: none;background: none;}
.search .Input a{display: block;background: url(../images/searchbtn.png) no-repeat center;height: 57px;width: 65px;float: left;}

/* product */
.product{width: 100%;background: url(../images/productbg.jpg);padding-bottom: 77px;}
.product .mainCon{width: 100%;    padding-top: 20px;}
.product .mainCon .sideBar{width: 260px;float: left;}
.product .mainCon .sideBar .top{width: 260px;height: 60px;text-align: center;padding-top: 10px;background: #fe0000;}
.product .mainCon .sideBar .top h3{font-size: 22px;color: #fff;}
.product .mainCon .sideBar .top p{font-size: 14px;color: #fff;text-transform: uppercase;}

.product .mainCon .sideBar .box{width: 100%;/* height: 735px; */background: #333333;padding-bottom: 10px;}
.product .mainCon .sideBar dt{height: 34px;line-height: 34px;border-bottom: 1px solid #4d4d4d;text-indent: 24px;background: url(../images/product_icon01.png) no-repeat 230px center #444444;font-size: 15px;color: #fff;}

.product .mainCon .sideBar dd li{/* background: url(../images/product_icon01.png) no-repeat 230px center; */color: #999999;display: block;height: 30px;position: relative;}
.product .mainCon .sideBar dd li>a{height: 24px;line-height:24px;color: #999999;display: block;text-indent: 24px;font-size: 13px;}
.product .mainCon .sideBar dd li:hover{background: url(../images/product_icon02.png) no-repeat 230px center;color: #ff9f00;}
.product .mainCon .sideBar dd li:hover>a{color: #ff9f00;}
.product .mainCon .sideBar dd li .xial{width: 152px;position: absolute;right: -170px;top: 0;z-index: 99999;background: #262626;padding: 16px 0 16px 18px;display: none;}
.product .mainCon .sideBar dd li .xial a{display: block;font-size: 14px;color: #999999;margin-bottom: 9px;background: url(../images/product_icon01.png) no-repeat 128px center;}
.product .mainCon .sideBar dd li .xial a:hover{background: url(../images/product_icon02.png) no-repeat 128px center;color: #ff9f00;}
.product .mainCon .sideBar dd li:hover .xial{display: block;}
.product .mainCon .sideBar dt a {font-size: 16px;color: #fff;}


.product .mainCon .section{width: 913px;float: right;}
.product .mainCon .section .box1{width: 913px;height: 300px;position: relative;}
.product .mainCon .section .box1 .con{height: 300px;position: relative;overflow: hidden;border: 1px solid #cccccc;}
.product .mainCon .section .box1 .con ul{position: absolute;top: 0;left: 0;}
.product .mainCon .section .box1 .con li{width: 911px;height: 300px;float: left;}
.product .mainCon .section .box1 i{display: block;width: 44px;height: 66px;overflow: hidden;position: absolute; top: 141px;z-index: 99;cursor: pointer;}
.product .mainCon .section .box1 i.prev{left: 30px;}
.product .mainCon .section .box1 i.next{right: 30px;}
.product .mainCon .section .box1 i img{display: block;position: relative;}
.product .mainCon .section .box1 i:hover img{top: -66px;}
.product .mainCon .section .box2{width: 100%;margin-top: 42px;}
.product .mainCon .section .box2 ul{width: 100%;}
.product .mainCon .section .box2 li{float: left;width: 166px;height: 260px;border: 3px solid #eeeeee;background: #fff;margin: 5px 5px;}
/*.product .mainCon .section .box2 li:first-child{margin-left: 0;}*/
.product .mainCon .section .box2 li img{display: block;}
.product .mainCon .section .box2 li .intro{background: #fff;width: 166px;height: 45px;border-top: 1px solid #eeeeee;padding-top: 15px;text-align: center;}
.product .mainCon .section .box2 li .intro h3{font-size: 18px;color: #333333;font-weight: bold;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding: 0 5px;}
.product .mainCon .section .box2 li .intro h3 a{color: #333333;}
.product .mainCon .section .box2 li .intro p{margin-top: 14px;}
.product .mainCon .section .box2 li .intro p span{font-size: 14px;color: #666666;margin-left: 18px;}
.product .mainCon .section .box2 li .intro p span:first-child{margin-left: 0;}
.product .mainCon .section .box2 li .intro a:hover{text-decoration: none;}
.product .mainCon .section .box2 li .intro .details{background: #eeeeee;width: 138px;height: 38px;text-align: center;line-height: 38px;font-size: 14px;color: #666666;display: block;margin: 20px auto 0;border-radius: 3px;text-decoration: none;}
.product .mainCon .section .box2 li:hover{border-color: #fe0000;}
.product .mainCon .section .box2 li:hover .details{background: #fe0000;color: #fff;}


/* flow1 */
.flow1{width: 100%;padding-bottom: 66px;}
.flow1 .mainCon{width: 1200px;margin: 42px auto 0;box-shadow: 0 0 6px 4px #f3f3f3;position: relative;height: 324px;}
.flow1 .mainCon i{display: block;width: 52px;height: 50px;overflow: hidden;position: absolute; top: 201px;z-index: 99;cursor: pointer;}
.flow1 .mainCon i.prev{left: 634px;}
.flow1 .mainCon i.next{left: 690px;}
.flow1 .mainCon i img{display: block;position: relative;}
/*.flow1 .mainCon i:hover img{top: -50px;}*/
.flow1 .mainCon .box{width: 100%;height: 324px;position: relative;overflow: hidden;}
.flow1 .mainCon .box ul{position: absolute;top: 0;left: 0;}
.flow1 .mainCon .box li{width: 1200px;height: 324px;background: #fff;float: left;}
.flow1 .mainCon .box li dl{position: relative;}
.flow1 .mainCon .box li dt{float: left;width: 600px;height: 324px;}
.flow1 .mainCon .box li dd{width: 510px;float: left;margin-left: 34px;padding-top: 32px;}
.flow1 .mainCon .box li dd h3{font-size: 24px;color: #333333;}
.flow1 .mainCon .box li dd em{width: 100px;display: block;width: 100%;height: 1px;background:#cccccc;margin: 17px 0;}
.flow1 .mainCon .box li dd>p{font-size: 14px;color: #666666;line-height: 25px;}
.flow1 .mainCon .box li dd .intro{width: 146px;position: absolute;right: 0;bottom: 0;}
.flow1 .mainCon .box li dd .intro p{width: 146px;height: 37px;line-height: 37px;text-align: center;font-size: 24px;color: #fff;background: #cd0202;margin-top: 1px;}
.flow1 .mainCon .box li dd .intro p:first-child{margin-top: 0;}
.flow1 .menu{width: 100%;background: url(../images/flow1_xian.png) no-repeat center; height: 100px;margin-top: 44px;}
.flow1 .menu li{float: left;margin-left:86px;width: 100px;height: 100px;text-align: center;line-height: 100px;font-size: 24px;color: #333333;background: url(../images/flow1bg01.png) no-repeat center;}
.flow1 .menu li.cur{background: #cd0202;border-radius: 50px;;color: #fff;}

/* case */
.case{width: 100%;background: url(../images/productbg.jpg);height: 700px;}
.case .Title h3 a{color: #000;}
.case .mainCon{width: 100%;margin-top: 40px;}
.case .mainCon .sideBar{width: 260px;float: left;}
.case .mainCon .sideBar li{border-top: 1px solid #4b4b4b;border-bottom: 1px solid #232323;background: #333333;font-size: 18px;color: #cccccc;}
.case .mainCon .sideBar li{border-top: 1px solid #4b4b4b;border-bottom: 1px solid #232323;background: #333333;font-size: 18px;color: #cccccc;height: 64px;line-height: 64px;text-align: center;position: relative;}
.case .mainCon .sideBar li a{color: #cccccc;text-decoration: none;display: block;}  
.case .mainCon .sideBar li i{display: none;;width: 7px;height: 10px;position: absolute;right: -7px;top: 50%;margin-top: -5px;}
.case .mainCon .sideBar li.cur{background: #ff9f00;}
.case .mainCon .sideBar li.cur a{color: #fff;}
.case .mainCon .sideBar li.cur i{display: block;}
.case .mainCon .sideBar li img{display: block;}
.case .mainCon .sideBar a.more{display: block;border-top: 1px solid #4b4b4b;border-bottom: 1px solid #232323;background: #333333;font-size: 18px;color: #cccccc;height: 64px;line-height: 64px;text-align: center;text-decoration: none;}
.case .mainCon .sideBar a.more:hover{background: #ff9f00;color: #fff;}
.case .mainCon .section{width: 921px;float: right;overflow: hidden;position: relative;height: 326px;}
.case .mainCon .section dl{width: 100%;}
.case .mainCon .section dl dt{float: left;width: 485px;height: 326px;padding-top: 3px;background: url(../images/casebg02.png) no-repeat center;}
.case .mainCon .section dl dt img{display: block;margin: 0 auto;}
.case .mainCon .section dd{float: right;width: 411px;}
.case .mainCon .section dd h3{padding-top: 13px;font-size: 18px;color: #fff;font-weight: normal;}
.case .mainCon .section dd h3 a{color:#fff;text-decoration: none;}
.case .mainCon .section dd p{margin-top: 40px;line-height: 28px;font-size: 14px;color: #cccccc;}
.case .mainCon .section dd .btn{width: 100%;overflow: hidden;margin-top: 46px;}
.case .mainCon .section dd .btn a{display: block;width: 178px;height: 46px;border: 1px solid #a0a1a1;font-size: 14px;color: #999999;float: left;line-height: 46px;text-align: center;text-decoration: none;margin-right: 14px;border-radius: 3px;}


/* partner */
.partner{width: 100%;background: url(../images/partnerbg.jpg);padding-bottom: 72px;}
.partner .mainCon{width: 100%;position: relative;margin-top: 40px;}
.partner .mainCon i{display: block;width: 18px;height: 34px;overflow: hidden;position: absolute; top: 48px;z-index: 99;cursor: pointer;}
.partner .mainCon i.prev{left: -56px;}
.partner .mainCon i.next{right: -56px;}
.partner .mainCon i img{display: block;position: relative;}
.partner .mainCon i:hover img{top: -34px;}
.partner .mainCon .conBox{width: 100%;height: 132px;position: relative;overflow: hidden;}
.partner .mainCon .conBox ul{position: absolute;top: 0;left: 0;}
.partner .mainCon .conBox li{float: left;width: 239px;height: 132px;margin-right: 1px;}
.partner .mainCon .conBox li img{display: block;}

/* Notes */
.Notes{width: 100%;/*padding-bottom: 82px;*/}
.Notes .mainCon{width: 100%;margin-top: 45px;}
.Notes .mainCon img{display: block;}

/* adv */
.adv{width: 100%;background: url(../images/advbg01.jpg) no-repeat center;height: 1870px;}
.adv .Title h3 span{font-size: 60px;color: #333333;font-weight: bold;}
.adv .Title{padding-top: 57px;}
.adv .mainCon{width: 100%;margin-top: 25px;}
.adv .mainCon .con1{background: url(../images/advpic_01.jpg) no-repeat center;height: 389px;padding-top: 56px;}
.adv .mainCon .con2{background: url(../images/advpic_02.jpg) no-repeat center;height: 389px;}
.adv .mainCon .con3{background: url(../images/advpic_03.jpg) no-repeat center;height: 386px;}
.adv .mainCon .con4{background: url(../images/advpic_04.jpg) no-repeat center;height: 367px;padding-top: 13px;}
.adv .mainCon .con dt{float: left;width: 64px;}
.adv .mainCon .con dd{float: left;margin-left: 32px;}
.adv .mainCon .con1 dd{width: 443px;}
.adv .mainCon .con2 dd{width: 442px;}
.adv .mainCon .con3 dd{width: 468px;}
.adv .mainCon .con4 dd{width: 442px;}
.adv .mainCon .con dd h3{font-size: 30px;color: #333333;}
.adv .mainCon .con dd p{font-size: 16px;color: #ff9f00;}
.adv .mainCon .con dd ul{margin-top: 39px;}
.adv .mainCon .con dd li{line-height: 28px;color: #666666;margin-top: 16px;font-size: 14px;}
.adv .mainCon .con dd li:first-child{margin-top: 0;}
.adv .mainCon .con dl{margin-left: 29px;}
.adv .mainCon .con2 dl,.adv .mainCon .con4 dl{margin-left: 627px;}
.adv .mainCon .con a{display: block;width: 158px;height: 44px;text-align: center;text-decoration: none;border: 1px solid #cccccc;line-height: 44px;font-size: 16px;color: #666666;margin-top: 50px;}
.adv .mainCon .con a:hover{background: #ff9f00;border-color: #ff9f00;color: #fff;}
.adv .mainCon .con1 dd ul{margin-top: 30px;}

/* flow2 */
.flow2{width: 100%;background: url(../images/flow2bg.jpg) no-repeat center;height: 520px;}
.flow2 .Title h3{color: #fff;}
.flow2 .mainCon{width: 100%;margin-top: 70px;background: url(../images/flow2_xian.png) no-repeat  center 33px;}
.flow2 .mainCon li{width: 80px;float: left;margin-left: 80px;}
.flow2 .mainCon li span{display: block;width: 80px;height: 80px;overflow: hidden;position: relative;}
.flow2 .mainCon li img{display: block;position: relative;}
.flow2 .mainCon li em{display: block;text-align: center;margin-top: 18px;color: #fff;font-size: 16px;}
.flow2 .mainCon dl{width: 395px;margin: 66px auto 0;}
.flow2 .mainCon dt{float: left;}
.flow2 .mainCon dt a{font-size: 16px;color: #fff;width: 172px;height: 43px;line-height: 43px;text-align: center;border: 1px solid #7d7d7d;border-radius: 4px;display: block;text-decoration: none;}
.flow2 .mainCon dd{float: left;margin-left: 18px;}
.flow2 .mainCon dd p{font-size: 16px; color: #fff;}
.flow2 .mainCon dd span{display: block;font-size: 24px;color: #ff9f00;font-weight: bold;}


/* about */
.about{background: #f2f2f2;width: 100%;padding-bottom: 73px;}
.about .menu{width: 100%;margin-top: 34px;}
.about .menu ul{width: 670px;height: 47px;margin: 0 auto;}
.about .menu li{width: 154px;height: 45px;text-align: center;line-height: 45px;border: 1px solid #dddddd;border-radius: 4px;float: left;font-size: 15px;color: #666666;background: #fff;margin-left: 15px;}
.about .menu li a{color: #666666;text-decoration: none;display: block;}
.about .menu li:first-child{margin-left: 0;}
.about .menu li.cur{background: #ff9f00;border-color: #e98e0c;}
.about .menu li.cur a{color: #fff;}
.about .mainCon{width: 100%;position: relative;margin-top: 33px;}
.about .mainCon i{display: block;width: 18px;height: 34px;overflow: hidden;position: absolute; top: 156px;z-index: 99;cursor: pointer;}
.about .mainCon i.prev{left: -56px;}
.about .mainCon i.next{right: -56px;}
.about .mainCon i img{display: block;position: relative;}
.about .mainCon i:hover img{top: -34px;}
.about .mainCon .conBox{width: 100%;height: 355px;position: relative;overflow: hidden;}
.about .mainCon .conBox>ul{position: absolute;top: 0;left: 0;}
.about .mainCon .conBox>ul>li{width: 1200px;height: 355px;float: left;}
.about .mainCon .conBox .li1 dt{float: left;border: 3px solid #dddddd;width: 596px;height: 349px;}
.about .mainCon .conBox .li1 dt img{display: block;}
.about .mainCon .conBox .li1 dd{width: 556px;float: right;padding-top: 12px;}
.about .mainCon .conBox .li1 dd h3{font-size: 18px;color: #333333;}
.about .mainCon .conBox .li1 dd h3 a{color: #333333;text-decoration: none;}
.about .mainCon .conBox .li1 dd em{display: block;width: 65px;height: 1px;background: #ff9f00;margin: 18px 0 20px 0;}
.about .mainCon .conBox .li1 dd p{font-size: 14px;color: #666666;line-height: 27px;height: 189px;overflow: hidden;text-overflow: ellipsis;}
.about .mainCon .conBox .li1 dd .more{width: 141px;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #666666;text-decoration: none;border: 1px solid #cccccc;margin-top: 34px;display: block;}
.about .mainCon .conBox .li1 dd .more:hover{background-color: #ff9f00;color:#fff}
.about .conBox .li2 ul{width: 105%;height: 343px;padding-top: 12px;}
.about .conBox .li2 li{float: left;width: 282px;height: 343px;margin-right: 24px;text-align: center;}
.about .conBox .li2 li span{display: block;width: 282px;height: 268px;background: url(../images/aboutbg02.png) no-repeat center;padding-top: 17px;}
.about .conBox .li2 li img{display: block;margin: 0 auto;}
.about .conBox .li2 li em{display: block;width: 100%;height: 58px;line-height: 58px;color: #333333;font-size: 18px;}
.about .conBox .li2 li a{display: block;text-decoration: none;}

.about .conBox .li2 li:hover em{color:#ff9f00}

.about .conBox .li3 ul{width: 105%;}
.about .conBox .li3 li{float: left;margin-right: 7px;width: 320px;height: 177px;}
.about .conBox .li3 li img{display: block;width: 320px;height: 177px;}
.about .conBox .li3 li:first-child img{width: 546px;height: 355px;}
.about .conBox .li3 li:first-child{width: 546px;height: 355px;}



/* news */
.news{padding-top: 68px;padding-bottom: 64px;}
.news .menu{width: 100%;}
.news .menu ul{width: 422px;height: 48px;margin: 0 auto;}
.news .menu li{width: 139px;height: 46px;text-align: center;line-height: 46px;border: 1px solid #cccccc;float: left;font-size: 15px;color: #666666;background: #fff;border-left: none;}
.news .menu li a{color: #666666;text-decoration: none;display: block;}
.news .menu li:first-child{border-left: 1px solid #cccccc;}
.news .menu li.cur{background: #ff9f00;border-color: #ff9f00;}
.news .menu li.cur a{color: #fff;}
.news .mainCon{margin-top: 44px;width: 100%;height: 422px;overflow: hidden;position: relative;}
.news .mainCon .conBox{height: 422px;overflow: hidden;position: relative;}
.news .mainCon .conL{width: 450px;float: left;height: 422px;overflow: hidden;position: relative;}

.news .mainCon i{display: block !important;width: 48px;height: 48px;overflow: hidden;position: absolute; top: 21px;z-index: 99;cursor: pointer;}
.news .mainCon i.prev{left: 20px;}
.news .mainCon i.next{left: 69px;}
.news .mainCon .conL ul{position: absolute;top: 0;left: 0;}
.news .mainCon .conL ul li{width: 450px;float: left;}

.news .mainCon .conL img{display: block;}
.news .mainCon .conL h3{font-size: 15px;color: #333333;font-weight: normal;margin: 20px 0 12px 0;}
.news .mainCon .conL h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conL p{font-size: 13px;color: #666666;line-height: 22px;height: 44px;overflow: hidden;text-overflow: ellipsis;}
.news .mainCon .conL p a{color: #666666;text-decoration: none;}
.news .mainCon .conL:hover h3 a{color: #ff9f00;}
.news .mainCon .conL .more{width: 112px;height: 36px;text-align: center;line-height: 36px;border: 1px solid #cccccc;border-radius: 30px;display: block;font-size: 13px;color: #666666;margin-top: 18px;text-decoration: none;}
.news .mainCon .conR{width: 699px;float: right;}
.news .mainCon .conR a{display: block;margin-top: 31px;}
.news .mainCon .conR a:first-child{margin-top: 0px;}
.news .mainCon .conR dl{width: 100%;height: 120px;position: relative;}
.news .mainCon .conR dt{float: left;width: 170px;height: 120px;}
.news .mainCon .conR dt img{display: block;}
.news .mainCon .conR dd{width: 406px;height: 120px;float: left;margin-left: 26px;}
.news .mainCon .conR dd h3{font-size: 15px;color: #333333;font-weight: normal;padding-top: 2px;}
.news .mainCon .conR dd p{font-size: 13px;color: #666666;line-height: 22px;margin-top: 12px;height: 44px;overflow: hidden;text-overflow: ellipsis;}
.news .mainCon .conR dd span{display: block;font-size: 13px;color: #999999;font-family: arial;margin-top: 18px;}
.news .mainCon .conR dd i{display: block;width: 33px;height: 33px;overflow: hidden;position: absolute; top: 45px;z-index: 99;cursor: pointer;right: 0;}
.news .mainCon .conR dd i img{display: block;position: relative;}
.news .mainCon .conR dl:hover dd h3{color:#ff9f00}
.news .mainCon .newsContent{width: 100%;height: 422px;overflow: hidden;position: relative;}
/* link */
.link{width: 100%;padding: 26px 0;background: #f2f2f2;}
.link dl{float: left;}
.link dt{float: left;width: 76px;font-size: 16px;color: #333333;}
.link dt a{color: #333333;}
.link dd{float: left;width: 900px;padding-top: 3px;}
.link dd a{font-size: 13px;color: #666666;padding: 0 17px;border-left: 1px dotted #cccccc;}
.link dd a:first-child{border-left: none;}
.link .apply{display: block;font-size: 13px;color: #999999;float: right;margin-top: 6px;}




/*liuy*/
.liuy{width: 100%;height: 460px;/*background: url(../images/lybg.jpg) no-repeat center;*/}
.liuy .container{position: relative;width:100%;}
.liuy .phone{padding-left: 62px;background: url(../images/ly_phone.png) no-repeat left center;position: absolute;top:400px;left: 330px;}
.liuy .phone p{font-size: 18px;color: #666666;}
.liuy .phone span{display: block;font-size: 30px;color: #333333;}
.liuy .box{width: 418px;position: absolute;top: 194px;right: 56px;}
.liuy .box .Input{width: 416px;height: 46px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}
.liuy .box .Input span{display: block;float: left;width: 50px;height: 46px;border-right: 1px solid #cccccc;}
.liuy .box input{width: 350px;padding-left: 15px;border: none;outline: none;line-height: 46px;height: 46px;font-size: 14px;color: #cccccc;}
.liuy .box .Input1 span{background: url(../images/ly_icon01.png) no-repeat center;}
.liuy .box .Input2 span{background: url(../images/ly_icon02.png) no-repeat center;}
.liuy .box .Input3 span{background: url(../images/ly_icon03.png) no-repeat center;}
.liuy .box .Input4 span{background: url(../images/ly_icon04.png) no-repeat center;}
.liuy .box .Textarea{width: 416px;height:103px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}
.liuy .box .Textarea span{display: block;float: left;width: 50px;height: 103px;border-right: 1px solid #cccccc;background: url(../images/ly_icon03.png) no-repeat center 9px;}
.liuy .box textarea{width: 350px;padding-left: 15px;border: none;outline: none;height: 90px;font-size: 14px;color: #cccccc;padding-top: 13px;resize: none;}
.liuy .box a{display: block;width: 100%;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #fff;text-decoration: none;background: #333;}


.liuy .text{ position: absolute;top: 300px;left: 330px;font-size:14px;line-height:20px}
.liuy .text p{width:355px;margin-bottom:10px;}


.app_d {
    position: relative;
}
.app_d .convert {
    width: 1200px;
    margin: 0 auto;
}
.app_ww {
    height: auto;
    float: left;
}
.app_d .convert .tab {
    position: relative;
}
.app_d .convert .tab .tab_t {
    width: 450px;
}
.app_d .convert .tab a {
    display: block;
    float: left;
    position: relative;
    width: 216px;
    height: 151px;
    background-color: #000;
    position: relative;
    overflow: hidden;
}
.app_d a.bg1 {
    border-radius: 50px 0 0 0;
}
.app_d .convert .tab a.on.bg1 {
    background-color: #cd0202;
    width: 216px;
    height: 151px;
}
.app_d a.bg2 {

}
.app_d .convert .tab a.on.bg2 {
    background-color: #cd0202;
}
.app_d a.bg3 {
    /*background-image: url(../images/allblue.png);*/
}
.app_d .convert .tab a.on.bg3 {
    /*background-image: url(../images/allred.png);*/
    background-color: #cd0202;
}
.app_d a.bg4 {
    /*background-image: url(../images/allblue.png);*/
}
.app_d .convert .tab a.on.bg4 {
    /*background-image: url(../images/allred.png);*/
    background-color: #cd0202;
}
.app_d a.bg5 {
    /*background-image: url(../images/blue2.png);*/
    border-radius: 0 0 0 50px;
   
}
.app_d .convert .tab a.on.bg5 {
     background-color: #cd0202;
    /*background-image: url(../images/red2.png);*/
}
.app_d .convert .tab a.on {
    color: #fff;
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipInX;
}


.app_d .convert .tab a b img {
    padding: 25px 0 0 70px;
}
.app_d .convert .tab a p {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
}
.app_d .convert .tab a i {
    font-size: 12px;
    color: #D3D5D8;
    font-weight: normal;
}
.bg6 {
    background: #000;
    width: 216px;
    height: 151px;
    float: left;
}
.bg62 {
    padding: 25px 0 20px 33px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}
.bg62 span {
    font-size: 16px;
    color: #F0F7FF;
}
.bg61 a {
    text-align: center;
    background: #fff !important;
    height: 30px !important;
    width: 100px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    color: #333 !important;
    line-height: 30px !important;
    margin-left: 60px;
}
A:link {
    TEXT-DECORATION: none;
}
.app_d .convert .content1 {
    overflow: hidden;
    width: 768px;
    height: 453px;
    position: absolute;
    right: 0;
}
.app_d .convert .content1 ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 453px;
}
.app_d .convert .content1 ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 453px;
}
.app_d .convert .content1 li {
    width: 770px;
    height: 450px;
    float: left;
    position: relative;
}

.app_wt {
    width: 740px;
    float: left;
    padding: 15px 30px;
    font-size: 15px;
    line-height: 28px;
}


.why_bg {
    /*background: #eeeded;*/
    height: 350px;
    overflow: hidden;
    margin-top: 34px;
}
.why {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    height: 430px;
}
.why h2 {
    margin-top: 37px;
}
.why dl {
    margin: 32px 0 0 16px;
    overflow: hidden;
}
.why dt {
    width: 439px;
    float: left;
}
.why dd {
    width: 447px;
    float: right;
}
.why dd p {
    font: bold 16px/40px "思源黑体";
    color: #131312;
    padding-left: 25px;
    /*background: url(../images/why_icon.gif) no-repeat left center;*/
}
.why dd span {
    display: block;
    font: 18px/42px "思源黑体";
    color: #141414;
    padding-top: 18px;
}
.why dd span a {
    width: 133px;
    height: 52px;
    font: 20px/42px "思源黑体";
    color: #fff;
    text-align: center;
    display: inline-block;
    margin-right: 17px;
    background: #cd0202;
    vertical-align: top;
}


.gf-case {
    padding: 30px 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f3f3f3;
}
.gf-case-main {
    width: 1200px;
    height: auto;
    margin: 30px auto 0 auto;
}
.gf-case-title {
    width: 100%;
    height: 50px;
    background: url(../images/gf-dif-title-line.png) no-repeat 50% 100%;
    margin-bottom: 10px;
}
.gf-case-title h1.gf-case-h1 {
    width: 100%;
    line-height: 32px;
    font-size: 38px;
    text-align: center;
    margin-bottom: 10px;
}
.gf-case-form {
    width: 1250px;
    height: auto;
    overflow: hidden;
    position: relative;
}
.lf {
    float: left;
}
.gf-case-form p {
    width: 580px;
    height: 48px;
    line-height: 48px;
    background: #ffffff;
    border: 1px solid #cccccc;
    margin: 10px 40px 10px 0;
    text-indent: 1em;
    font-size: 14px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3dAAAArpxskgAAAAxJREFUeNpiYAAIMAAAAgABT21Z4QAAAABJRU5ErkJggg==) repeat-y 146px 0;
}
.gf-case-form p .select-a {
    border: 0px !important;
    outline: 0px !important;
    width: 410px;
    position: absolute;
    top: 25px;
    left: 160px;
}
.gf-case-form p .select-b {
    border: 0px !important;
    outline: 0px !important;
    width: 410px;
    position: absolute;
    top: 96px;
    left: 160px;
}
.gf-case-form p .input-a {
    border: 0px;
    outline: 0;
    height: 40px;
    line-height: 40px;
    width: 400px;
    float: right;
    position: absolute;
    top: 14px;
    right: 65px;
}
.gf-case-form p .input-b {
    border: 0px;
    outline: 0;
    height: 40px;
    line-height: 40px;
    width: 400px;
    float: right;
    position: absolute;
    top: 86px;
    right: 65px;
}
.gf-case-form p .input-c {
    border: 0px;
    outline: 0;
    height: 40px;
    line-height: 40px;
    width: 400px;
    float: right;
    position: absolute;
    top: 155px;
    left: 170px;
}
.gf-case-form .button-a {
    width: 180px;
    height: 50px;
    line-height: 50px;
    border: 0;
    outline: 0;
    cursor: pointer;
    background: url(../images/mey-y.jpg);
    margin: 10px 0;
    display: inline-block;
    text-align: center;
    color: #000;
}
.gf-case-form span.rt {
    display: block;
    width: auto;
    font-size: 14px;
    color: #333333;
    position: absolute;
    bottom: 20px;
    right: 45px;
}
.mey-more {
    width: 100%;
    height: 100px;
    position: relative;
    margin-top: 10px;
}
.mey-more a.more-a {
    display: block;
    margin: 0;
    width: 180px;
    height: 50px;
    background: #e60012;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 35%;
    top: 10%;
}
/*.ljzx:after, .ljzx:before {*/
/*    animation: ljzx 4s linear infinite;*/
/*    content: '';*/
/*    display: block;*/
/*    width: 10px;*/
/*    height: 200px;*/
/*    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));*/
/*    transform: rotate(45deg) translateY(-50%);*/
/*    position: absolute;*/
/*    left: -300px;*/
/*    top: 50%;*/
/*}*/
.mey-more img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 10%;
}
.mey-more p.mey-more-phone {
    position: absolute;
    left: 1010px;
    top: 8%;
    font-size: 19px;
    font-weight: bold;
    font-family: "DIN-Bold";
}
.mey-more p.mey-more-tell {
    position: absolute;
    font-size: 26px;
    left: 1010px;
    top: 32%;
    font-family: "DIN-Bold";
}


.about {
    background: #f8f8f8;
    padding: 38px 0 38px 0;
    position: relative;
    z-index: 20;
    margin-top: 10px;
    margin-bottom: 0px;
}
.w1500 {
    max-width: 1500px;
    margin: 0 auto;
}
.about_con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0;
}
.about_txt {
    display: flex;
    flex-direction: column;
    width: 43%;
}
.about_txt p {
    font-size: 22px;
    color: #ccc;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    line-height: 30px;
    margin-bottom: 10px;
}
.about_txt b {
    font-size: 32px;
    color: #000;
    line-height: 40px;
    padding: 0px 0 0;
    font-weight: 600;
}
.about_txt em {
    font-size: 20px;
    font-weight: 100;
    line-height: 35px;
    margin: 25px 0 0;
    color: #666;
    width: 90%;
}
.about_txt em p {
    color: #000;
    font-size: 16px;
}
.about_txtdh ul {
    margin-top: 30px;
    float: left;
}
.about_txtdh li {
    font-size: 50px;
    padding: 18px 0px;
    border-radius: 50%;
    width: 96px;
    height: 55px;
    align-items: center;
    text-align: center;
    position: relative;
    color: #fff;
    margin-right: 45px;
    float: left;
    background: #fff;
}
.about_txtdh li i {
    font-size: 30px;
    color: #999;
    line-height: 40px;
    text-align: center;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.about_txtdh li p {
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 16px;
}
.about_txtdh li p a {
    font-size: 15px;
    color: #999;
    text-align: center;
    line-height: 55px;
}
.about_pic {
    width: 60%;
    height: 525px;
    position: relative;
}
.about_pic:after {
    content: '';
    /*background: url(../images/about.png) no-repeat;*/
    position: absolute;
    left: 0;
    top: -115px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-size: 100% 100%;
}


.str_bg {
    width: 100%;
    height: 240px;
    background: #f8f8f8;
}
.str_list, .str_list ul {
    height: 100%;
}
.box1 {
    margin: 0 auto;
    max-width: 1500px;
    overflow: hidden;
}
.str_list, .str_list ul {
    height: 100%;
}
.dfs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.str_list li p {
    font-size: 30px;
    font-weight: 100;
    color: #333;
}
.str_list li em {
    display: flex;
    align-items: baseline;
    margin: 6px 0;
}
.str_list li em i {
    font-size: 46px;
    color: #666;
    font-style: 100;
    font-family: din;
}
.str_list li em b {
    font-size: 18px;
    font-weight: 100;
    color: #333;
    margin-left: 5px;
}
.str_list li>span {
    font-size: 16px;
    color: rgba(0,0,0,0.3);
}


.g_news {
    height: 794px;
        padding-top: 30px;
}
.g_news h2 {
    height: 94px;
    font-size: 26px;
}
.g_news .m_news {
    height: 506px;
}
.f_cb, .f_cbli li {
    zoom: 1;
}
.g_news .duih {
    float: left;
    width: 587px;
}
.g_news h3 {
    height: 45px;
    font-weight: normal;
    font-size: 20px;
    color: #333333;
}
.f_fr {
    float: right;
}
.g_news h3 span a {
    font-size: 14px;
    color: #777777;
    text-transform: uppercase;
}
.g_news h3 a {
    color: #333333;
}
.g_news .dt1 {
    height: 282px;
    border-bottom: 1px solid #b3b3b1;
    margin-bottom: 22px;
}
.g_news .dt1 dt {
    position: relative;
    width: 588px;
    margin-bottom: 20px;
    height: 153px;
}
.g_news .dt1 dt img {
    width: 588px;
    height: 153px;
    display: block;
    transition: all 1s ease 0s;
}
.g_news .dt1 dt:hover img {
    opacity: 0.6;
}
.g_news .dt1 dt em {
    position: absolute;
    right: -2px;
    top: -2px;
    background: url(../picture/tt.png) no-repeat;
    width: 66px;
    height: 66px;
}
.g_news .dt1 dd h4 {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
.g_news .dt1 dd h4 span {
    font-weight: normal;
    color: #777777;
}
.g_news .dt1 dd h4 a {
    color: #333333;
}
.g_news .dt1 dd p {
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}
.g_news .dt1 dd p a {
    color: #c30100;
}
.g_news .newlst li {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    font-size: 14px;
}
.g_news .newlst li a {
    color: #555555;
    height: 36px;
    line-height: 36px;
    display: block;
    background: url(../picture/pzico.jpg) no-repeat 0 16px;
    padding-left: 12px;
}
.g_news .newlst li a:hover {
    background: url(../picture/dtico2.jpg) no-repeat 0 16px;
    color: #c30100;
}
.g_news .m_newr {
    float: right;
    width: 486px;
}
.g_news h3 {
    height: 45px;
    font-weight: normal;
    font-size: 20px;
    color: #333333;
}
.g_news .m_newr dl {
    height: 112px;
    margin-bottom: 35px;
}
.g_news .m_newr dt {
    width: 192px;
    float: left;
    margin-right: 18px;
}
.g_news .m_newr dt img {
    width: 192px;
    height: 107px;
    display: block;
}
.g_news .m_newr dd {
    float: left;
    width: 270px;
}
.g_news .m_newr dd h3 {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
.g_news .m_newr dd h3 a {
    color: #333333;
}
.g_news .m_newr dd p {
    font-size: 14px;
    color: #777777;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}
.m_wd {
    height: 170px;
    overflow: hidden;
}
.f_pr {
    position: relative;
}
.m_wd h3 {
    float: left;
    width: 145px;
    font-size: 20px;
    color: #383838;
}
.m_wd h3 a {
    color: #383838;
}
.m_wd h3 em {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #b4b4b4;
}
.m_wd dl {
    float: left;
    width: 44%;
    height: 87px;
    background: #fafafa;
    border: 1px solid #ececec;
    padding: 15px 10px 0 25px;
    margin-right: 30px;
}
.m_wd dt {
    height: 28px;
    line-height: 28px;
    background: url(../picture/wen.jpg) no-repeat left 2px;
    padding-left: 33px;
    font-weight: bold;
    overflow: hidden;
}
.m_wd dd {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    background: url(../picture/da.jpg) no-repeat left 2px;
    padding: 0 0 0 33px;
    color: #7c7c7c;
    margin-top: 3px;
    font-size: 14px;
}
.m_wd dt a {
    color: #3d3d3d;
    font-size: 14px;
}
.m_wd .u_ljt {
    left: 0;
    top: 86px;
}
.m_wd .u_ljt, .m_wd .u_rjt {
    width: 51px;
    height: 23px;
    position: absolute;
    cursor: pointer;
    display: block;
}
.m_wd .u_ljt a {
    background: url(../picture/ljt3.jpg) no-repeat;
    width: 51px;
    height: 23px;
    display: block;
}
.m_wd .u_rjt {
    left: 51px;
    top: 86px;
}
.m_wd .u_rjt a {
    background: url(../picture/rjt3.jpg) no-repeat -51px 0;
    width: 51px;
    height: 23px;
    display: block;
}


.fullSlide {
	width:100%;
	position:relative;
	/*height:488px;*/
	background:#000;overflow: hidden;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;

	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li img{width: 100%!important}
.fullSlide .bd li a {
	display:block;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#f00;
}
.fullSlide .prev, .fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:4%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:4%;
	background-position:-6px -137px;
}