﻿@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "AGENCYB";
    src: url('../../fonts/AGENCYB.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/AGENCYB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../../fonts/AGENCYB.woff') format('woff'), /* Modern Browsers */
             url('../../fonts/AGENCYB.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../../fonts/AGENCYB.svg#AGENCYB') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: "AGENCYR";
    src: url('../../fonts/AGENCYR.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/AGENCYR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../../fonts/AGENCYR.woff') format('woff'), /* Modern Browsers */
             url('../../fonts/AGENCYR.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../../fonts/AGENCYR.svg#AGENCYR') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: "TRUENOBD";
    src: url('../../fonts/TRUENOBD.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/TRUENOBD.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../../fonts/TRUENOBD.woff') format('woff'), /* Modern Browsers */
             url('../../fonts/TRUENOBD.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../../fonts/TRUENOBD.svg#TRUENOBD') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "LATHA";
    src: url('../../fonts/LATHA.TTF');
}

@font-face {
    font-family: "LATHAS";
    src: url('../../fonts/SourceHanSansCN-Normal.otf');
}

/* banner */
.banner{width: 100%;position: relative;z-index: 9;height:790px;padding-top:120px;}
.banner .banner-ul ul li a{display: block;width: 100%;}
.banner .banner-ul ul li a img{width: 100%;}

.banner-qh{position: absolute;bottom: 63px;left: 50%;margin-left: -82px;}
.banner-qh span{display: block;width: 22px;height: 22px;background: url(../images/xiaodian.png) no-repeat center;float: left;margin-left: 25px;}
.banner-qh span:first-child{margin-left: 0;}
.banner-qh span.cur{background: url(../images/tuoyuanys.png) no-repeat center;}

#flashs{ position:relative; height:790px; overflow:hidden;}
#flashs .btn{position: absolute;bottom: 63px;left: 50%;margin-left: -82px;}
#flashs .btn span{display: block;width: 22px;height: 22px;background: url(../images/xiaodian.png) no-repeat center;float: left;margin-left: 25px;}
#flashs .btn span:first-child{margin-left: 0;}
#flashs .btn span.cur {background: url(../images/tuoyuanys.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;}

/*  */
.yeuwu{height: 992px;background: url(../images/yuwu_02.jpg) no-repeat center;padding-left: 5%;padding-right: 5%;width: 90%;padding-top: 100px; background-size: 100% 100%;}
.yeuwu .yeuwu-title{padding-top: 80px;text-align: center;}
.yeuwu .yeuwu-title h3 a{font-size: 35px;color: #242424;}
.yeuwu .yeuwu-title h3 a i{font-size: 35px;color: #242424;font-weight: normal;}
.yeuwu .yeuwu-title p{font-size: 18px;color: #999;margin-top: 18px;background: url(../images/yueeupbj.png) no-repeat center;}


.penqiang{width: 100%;text-align: center;margin-top: 63px;}
.penqiang ul{width:100%;margin: 0 auto;margin-top: 20px;}
.penqiang ul li{position: relative;width: 33%;float: left;margin-left: .5%;overflow: hidden;}
.penqiang ul li:first-child{margin-left: 0;}
.penqiang .p01{
    position: absolute;
    top: 5%;
    left: 5%;
    font-size: 14px;
    color: #bbb;
    margin: 0 auto;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    font-family: "LATHA";
    z-index: 10;
}
.penqiang ul li:after { content: ''; display: block; width: 100%; height: 173px; background: url(../images/textb.png) repeat; position: absolute; bottom: 0; left: 0; z-index: 1; }
.penqiang .p01 img{margin-top: 10px;}
.penqiang ul li>img{width: 100%;height: 100%;}
.penqiang ul li>h3 { position: absolute;left: 5%;bottom: 10%;border-bottom: 3px #fff solid;padding-bottom: 20px; z-index: 2;}
.penqiang ul li>h3 a{color: #fff;font-size: 24px}
.penqiang ul li .img03 {display: block; width: auto; height: auto; position: absolute;right: 5%;bottom: 10%; z-index: 2;}
.penqiang ul li .bj { width: 100%;height: 100%; background:url(../images/bjjjj.png) no-repeat;background-size: 100% 100%; position: absolute; bottom: -100%; left: 0; z-index: 9;}
.penqiang ul li .bj .img01{display: block; margin: 20% auto 5%;}
.penqiang ul li .bj h3 { margin-top: -5%; }
.penqiang ul li .bj h3 a { font-size: 32px; color: #fff; }
.penqiang ul li .bj .p02{ margin-top: 0.3%; display: block; font-size: 13px;color: #fff;}
.penqiang ul li .bj .img02 {display: block; margin: 5% auto;}
.penqiang ul li .bj .p03{line-height: 30px; color: #fff;font-size: 16px;}
.penqiang ul li .bj>a {display: block;width: 160px;height: 45px;line-height: 45px;text-align: center;border: 2px solid #0782ff;border-radius: 22.5px;margin: 0 auto;margin-top: 10%; color: #0782ff;font-size: 15px;}

.penqiang ul li:hover .bj, .penqiang ul li:hover .bj h3 { 
    -webkit-transition:all .8s ease-out; 
    -moz-transition:all .8s ease-out; 
    -ms-transition:all .8s ease-out; 
    transition:all .8s ease-out; 
}
.penqiang ul li:hover>h3, .penqiang ul li:hover .img03 { display: none; }
.penqiang ul li:hover .p01 { color: #0782ff; }
.penqiang ul li:hover .bj { bottom: 0; }
.penqiang ul li:hover .bj h3 { margin-top: 0; 
    -webkit-transition:all .4s ease-out 0.8s; 
    -moz-transition:all .4s ease-out 0.8s; 
    -ms-transition:all .4s ease-out 0.8s; 
    transition:all .4s ease-out 0.8s; 
}

/*
.penqiang ul li .p01{color: #0782ff;}
.penqiang ul li .bj{position: absolute;width: 100%;height: 99%;bottom: 0;left: 0;background:url(../images/bjjjj.png) no-repeat center;background-size: 100% 100%;}
.penqiang ul li .bj .img01{display: block;margin: 0 auto;margin-top: 20%;margin-bottom: 10%;}
.penqiang ul li .bj h3{margin-top: -5%;position: static;padding-bottom: 0;border-bottom: none;}
.penqiang ul li .bj h3 a{font-size: 32px;color: #fff;}
.penqiang ul li .bj .p02{margin-top: 0.3%;display: block;font-size: 13px;color: #fff;}
.penqiang ul li .bj .img02{margin: 0 auto;margin-top: 5%;display: block;}
.penqiang ul li .bj .p03{margin-top: 5%;display: block;color: #fff;font-size: 16px;}
.penqiang ul li .bj>a{display: block;width: 160px;height: 42px;line-height: 42px;text-align: center;border: 2px solid #0782ff;border-radius: 22px;margin: 0 auto;margin-top: 10%;color: #0782ff;font-size: 15px;}
.penqiang ul li .img03{display: none;}

.penqiang ul li:hover .bj{transition: 1s;}
.penqiang ul li:hover .bj h3{transition: 0.5s 0.5s;}
*/

/*  */
.anli .container{position: relative;}

.anli{width: 100%;height: 1039px;background: url(../images/index-6_02.jpg) no-repeat center;padding-top: 130px;position: relative;}
.amli-daohan{width: 797px;height: 293px;}
.amli-daohan h3 a{font-size: 35px;color: #fff;}
.amli-daohan p{font-size: 16px;color: #fff;margin-top: 10px;text-transform:uppercase;}
.amli-daohan ul{margin-top: 92px;}
.amli-daohan ul li{float: left;margin-right: 5px;}
.amli-daohan ul li a{padding: 0 33px;height: 48px;line-height: 48px;font-size: 16px;color: #fff;display: block;}
.amli-daohan ul li:hover a{color: #0782ff;border: 1px solid #0782ff;border-radius: 25px;}
.amli-daohan ul li.cur a{color: #0782ff;border: 1px solid #0782ff;border-radius: 25px;}

.anli-ct{}
.anli-ct dl{float: left;}
.anli-ct dl dd.dd02{width: 400px;}
.anli-ct dl dd.dd02 a{display: block;width: 400px;height: 293px;overflow: hidden;}
.anli-ct dl dd.dd02 a img{display: block;width: 400px;height: 293px;transition: .8s;}
.anli-ct dl:hover dd.dd02 a img{
    transform: scale(1.1);
}
.anli-ct dl{width: 400px;}
.anli-ct dl dd.dd01{padding:0 40px;padding-top: 66px;width: 320px;height: 226px;background: #fff;}
.anli-ct dl dd.dd01 h3 a{font-size: 18px;color: #333;}
.anli-ct dl dd.dd01 p{margin-top: 23px;}
.anli-ct dl dd.dd01 p a{font-size: 14px;color: #666;line-height: 18px;}
.anli-ct dl dd.dd01>a{width: 88px;height: 3px;display: block;margin-top: 53px;background-color: #ccc;}
.anli-ct dl:hover dd.dd01>a{background-color: #0781FF;}
.anli-ct dl:hover dd.dd01 h3 a{color: #0781FF;}

.anli-ct dl.dl03{margin-top: -293px;}
.anli-ct dl.dl03 .dd03 a{padding-top: 40px;padding-left: 68px;border: 1px solid #fff;display: block;width: 160px;height: 94px;margin: 0 auto;margin-top: 103px;}
.anli-ct dl.dl03 .dd03 a span{color: #fff;font-size: 22px;display: block;}
.anli-ct dl.dl03 .dd03 a span:first-child{color: #fff;font-size: 34px;}
.anli-ct dl.dl03 .dd03 a:hover span{color: #0782ff;}

.anli .dd03 a{width: 239px;display: block;border: 1px #fff solid;height: 106px;position: absolute;padding-top: 30px;right: 5%;bottom: -35%;text-align: center;}
.anli .dd03 a span{display: block;color: #fff;font-size: 20px;/* padding-top: 30px; */line-height: 37px;}
.anli .dd03 a span:first-child{font-size: 35px;font-weight: bold;}

.yousj{position:relative;top: 0px;left: -602px;}
.zousj{position:relative;top: -13px;left: -235px;}
.shangsj{position:relative;top: -305px;left: 160px;}
/* 视频 */
.shippin{width: 100%;height: 783px;background: url(../images/shipin_06.jpg) no-repeat bottom;}
.shipin-top{position: relative;}
.shipin-top ul{
    position: relative;
    top: -15px;
}
.shipin-top ul li{margin-right: 70px;height: 56px;line-height: 56px;float: left;}
.shipin-top ul li{font-size: 18px;color: #333;font-family: "Arial";}
.shipin-top ul li span{font-size: 55px;font-weight: bold;color: #0782ff;position: relative;top: 15px;font-weight: bold;}
.shipin-top ul li i{font-size: 55px;color: #0782ff;font-weight: bold;position: relative;top: 12px;margin-right: 10px;}
.shipin-top p{width: 310px;height: 54px;border-radius: 27px;line-height: 54px;overflow: hidden;border: 1px solid #dcdcdc;position: absolute;right: 0;top: 0;}
.shipin-top p input{width: 248px;height: 54px;border: none;background: none;outline: none;text-indent: 37px;}
.shipin-top p a{display: block;width: 54px;height: 54px;background: url(../images/sousuo.png) no-repeat center;float: right;margin-right: 7px;cursor:pointer;}

.shippin-ct{position: relative;}
.shippin-ct>a{float: right;margin-right: 62px;}
.shippin-ct .shipin-box{width: 1014px;height: 383px;border-radius: 5px;text-align: center;background: url(../images/shipintupina_03.jpg) no-repeat center;padding-top: 185px;float: left;box-shadow: 0 0 30px rgba(0,0,0,0.8);}
/* .shippin-ct .shipin-box>img{display: block;width: 1014px;height: 568px;border-radius: 5px;position: absolute;z-index: 0;} */
.shippin-ct .shipin-box h3 a{color: #fff;font-size: 42px;font-weight: normal;font-family: "LATHAS";}
.shippin-ct .shipin-box h4{margin-top: 15px;}
.shippin-ct .shipin-box h4 a{color: #fff;font-size: 18px;font-weight: normal;letter-spacing:10px;font-weight: bold;}
.shippin-ct .shipin-box p{color: #fff;font-size: 14px;margin-top: 12px;text-transform: uppercase;opacity: 0.2;}
.shippin-ct .shipin-box>a{color: #fff;font-size: 14px;display: block;width: 165px;height: 45px;line-height: 45px;text-align: center;border: 2px solid #fff;border-radius: 25px;margin: 0 auto;margin-top: 48px;}
.shippin-ct .bofang{position: absolute;display: block;top: 130px;right: -58px;}


/*  */
.youshi{width: 100%;height: 602px;background: url(../images/youshi_02.jpg) no-repeat center;padding-top: 83px;}
.youshi .container{position: relative;height: 602px;}
.youshi-ul{height: 522px;position: relative;overflow: hidden;width: 1460px;}
.youshi-ul ul{position: relative;}
.youshi-ul ul li{float: left;height: 522px;width: 1460px;}
.youshi-left{width: 500px;float: left;}
.biaoti{position: absolute;top: 0;left: 0;}
.biaoti h3 a{font-size: 35px;color: #242424;}
.biaoti h3 a i{font-size: 35px;color: #242424;font-weight: normal;}
.biaoti h3 a span{color:#ddd;margin: 0 10px}
.biaoti h4{font-weight: normal;font-size: 18px;color: #999;margin-top: 10px;font-family: "LATHA";}
.youshi-left p{margin-top: 100px;font-size: 15px;color: #333;line-height: 24px;margin-left: 48px;margin-top: 25px;width: 400px;}
/* .youshi-left p span{font-size: 14px;color: #ccc;display: block;float: left;font-weight: bold;margin-right: 50px;} */
/* .youshi-left p>img{float: left;display: block;} */
/* .youshi-left p>img.img01{margin-top: 18px;} */
.youshi-left p>img.img02{margin-top: -10px;margin-left: 5px;}
.youshi-left p i{float: left;display: block;font-size: 15px;color: #333;}
.youshi-right{width: 960px;float: left;}
.youshi-right a{width: 960px;height: 522px;display: block;}
.youshi-right a img{width: 960px;height: 522px;display: block;}
.youshi-left div{padding-top: 127px;height: 180px;}
/* .youshi-left div h3{margin-top: 60px;} */
.youshi-left div h3 a i{color: #242424;font-size: 22px;margin-left: 50px;font-weight: normal;}

.youshi-anniu{background: url(../images/bjj.png) no-repeat center;width: 295px;height: 58px;padding: 67px;position: absolute;bottom: 35px;padding-top: 50px;left: -67px;}
.youshi-anniu span{height: 58px;width: 147px;display: block;float: left;float: left;font-size: 14px;color: #242424;line-height: 58px;cursor: pointer;}
#youshi-anniu01{background: url(../images/zuoyouannniu.png) no-repeat left top;text-indent: 60px;}
#youshi-anniu01:hover{background: url(../images/zuoyouannniu.png) no-repeat left bottom;text-indent: 60px;color: #fff;}
#youshi-anniu02{background: url(../images/zuoyouannniu.png) no-repeat right top;text-indent: 47px;}
#youshi-anniu02:hover{background: url(../images/zuoyouannniu.png) no-repeat right bottom;text-indent: 47px;color: #fff;}

.youshi-qhan{position: absolute;width: 18px;top: 99px;left: 0;}
.youshi-qhan span{display: inline-block;font-size: 14px;color: #ccc;display: block;float: left;font-weight: bold;margin-right: 50px;width: 18px;height: 18px;margin-top: 33px;cursor: pointer;}
.youshi-qhan span.cur{color: #0782ff;}

.youshi-qhan span:nth-child(2){}








/*  */
.about{width: 100%;padding: 80px 0;background: url(../images/shipin_066.jpg) no-repeat bottom;}
.about .container{position: relative;}

.about .about_m{ background:#fff;padding-top:40px;}
.about .about_m h3{ text-align:center}
.about .about_m h3 a{font-size: 35px;color: #00a2e9;}
.about .about_m h4{font-weight: normal;margin-top: 10px;margin-bottom: 25px; text-align:center}
.about .about_m h4 a{font-size: 16px;color: #666;}
.about .about_m p{padding:0 20px; line-height:28px; text-indent:2em;margin-bottom:10px; color:#666}
.about .about_m img{}
.about dl{background: #fff;}
.about dl dd{width: 600px;float: left;}
.about dl dd.dd01{padding: 0 50px;width: 500px;text-align: center;padding-top: 60px;position: relative;}
.about dl dd.dd01 h3{}
.about dl dd.dd01 h3 a{font-size: 24px;color: #00a2e9;}
.about dl dd.dd01 h4{font-weight: normal;margin-top: 10px;margin-bottom: 25px;}
.about dl dd.dd01 h4 a{font-size: 16px;color: #666;}
.about dl dd.dd01 hr{color: #dddddd;}
.about dl dd.dd01 p{font-size: 14px;color: #666;line-height: 22px;/* margin-top: 20px; */text-align: center;border-top: 1px #ddd solid;padding-top: 30px;}
.about .tuoyuan{color: #fff;font-size: 18px;width: 207px;height: 142px;background: url(../images/about-ty.png) no-repeat center;text-align: center;padding-top: 65px;position: absolute;left: 50%;margin-left: -103px;top:228px;}
.about .tuoyuan i{color: #fff;font-size: 48px;font-family: "Impact";}
.about dl dd.dd01 img{display: block;width: 12px;height: 19px;position: absolute;top: 160px;}
.about dl dd.dd01 img.img01{left: -12px;}
.about dl dd.dd01 img.img02{right: -12px;}


.about dl dd.dd02{padding: 0 50px;width: 500px;text-align: center;padding-top: 60px;position: relative;}
.about dl dd.dd02 h3{}
.about dl dd.dd02 h3 a{font-size: 24px;color: #00a2e9;}
.about dl dd.dd02 h4{font-weight: normal;margin-top: 10px;margin-bottom: 25px;}
.about dl dd.dd02 h4 a{font-size: 16px;color: #666;}
.about dl dd.dd02 hr{color: #dddddd;}
.about dl dd.dd02 p{font-size: 18px;color: #666;line-height: 35px;/* margin-top: 20px; */text-align: center;border-top: 1px #ddd solid;padding-top: 20px;}
.about .tuoyuan{color: #fff;font-size: 18px;width: 207px;height: 142px;background: url(../images/about-ty.png) no-repeat center;text-align: center;padding-top: 65px;position: absolute;left: 50%;margin-left: -103px;top:228px;}
.about .tuoyuan i{color: #fff;font-size: 48px;font-family: "Impact";}
.about dl dd.dd02 img{display: block;width: 12px;height: 19px;position: absolute;top: 160px;}
.about dl dd.dd02 img.img01{left: -12px;}
.about dl dd.dd02 img.img02{right: -12px;}



.text{ width:100%; float:left; text-align:center; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;margin-bottom:20px;}
.text ul{ width:100%; margin-top:30px;}
.text ul li{ display:inline-block; width:290px; vertical-align:top;}
.text ul li h3{ width:100%; color:#00a2e9; font-size:35px; line-height:56px; letter-spacing:2px;}
.text ul li h3 img{ vertical-align:middle; margin:13px 0 0 8px;}
.text ul li h5{ width:100%; margin-top:8px; color:#333; font-size:16px; line-height:24px; letter-spacing:2px;}




/*  */
.ronyao{width: 100%;background: url(../images/ronyao-bj_02.jpg) no-repeat center;height: 625px;}
.ronyao .container{position: relative;}
.ronyao .ronyao-wenzi{position: relative;padding: 24px 0;border-bottom: 1px solid #ddd;}
.ronyao .ronyao-wenzi p a{font-size: 24px;color: #242424;}
.ronyao .ronyao-wenzi p a i{color: #242424;font-weight: bold;}
.ronyao .ronyao-wenzi>a{position: absolute;right: 0;top: 24px;height: 31px;line-height: 31px;color: #666;font-size: 14px;}

.ronyao-ul{position: relative;width: 1200px;overflow: hidden;}
.ronyao-ul ul{position: relative;}
.ronyao-ul ul li{width: 264px;padding-top: 13px;margin-left: 48px;float: left;}
.ronyao-ul ul li:first-child{margin-left: 0;}
.ronyao-ul ul li>a{display: block;width: 264px;height: 304px;overflow: hidden;margin: 0 auto;background: url(../images/ronyao-li.jpg) no-repeat center;}
.ronyao-ul ul li>a img{display: block;width: 244px;height: 284px;margin: 0 auto;margin-top: 10px;}
.ronyao-ul ul li p{text-align: center;margin-top: 20px;}
.ronyao-ul ul li p a{font-size: 15px;color: #666;}
.ronyao span.ronyao-anniu{display: block;width: 76px;height: 50px;position: absolute;top:310px;}
.ronyao #ronyao-anniu01{background: url(../images/zuoyouqh.png) no-repeat top left;left: -117px;}
.ronyao #ronyao-anniu01:hover{background: url(../images/zuoyouqh.png) no-repeat bottom left;}
.ronyao #ronyao-anniu02{background: url(../images/zuoyouqh.png) no-repeat top right;right: -117px;}
.ronyao #ronyao-anniu02:hover{background: url(../images/zuoyouqh.png) no-repeat bottom right;}


/* */
.partner{width: 100%;text-align: center;background: #f9f9f9;}
.partner .container{position: relative;font-family: "LATHA";text-transform: uppercase;}
.title-wenzi{ text-align:center;padding:50px 0;}
.title-wenzi h3 a{font-size: 35px;color: #242424; font-weight:normal}
.title-wenzi h3 a i{color: #00a1e9;font-weight: bold; letter-spacing:3px;}
.title-wenzi p{font-size: 18px;color: #999;margin-top: 3px; line-height:35px;font-family: "LATHA";text-transform: uppercase;letter-spacing:3px;}
.title-wenzi h3 span{color: #ddd;margin: 0 10px;letter-spacing:3px;}



/*  */

.title-wenzi1{ text-align:center;padding:50px 0;}
.title-wenzi1 h3 a{font-size: 35px;color: #fff; font-weight:normal}
.title-wenzi1 h3 a i{color: #fff;font-weight: bold; letter-spacing:3px;}
.title-wenzi1 p{font-size: 18px;color: #fff;margin-top: 3px; line-height:35px;font-family: "LATHA";text-transform: uppercase;letter-spacing:3px;}
.title-wenzi1 h3 span{color: #fff;margin: 0 10px;letter-spacing:3px;}

.partner-ul{position: relative;overflow: hidden;width: 1196px;margin: 0 auto;padding: 10px 0;padding-bottom: 65px;}
.partner-ul ul{position: relative;border: 1px solid #dddddd;border-left: none;}
.partner-ul ul li{float: left;position: relative;/* border: 1px solid #dddddd; *//* margin-left: -1px; */}
.partner-ul ul li a{width:239px;height: 200px;display: block;}
/* .partner-ul ul li a p{width:100%;font-size: 14px;color: #666;text-align: center;position: absolute;bottom: 38px;} */
.partner-ul ul li:hover{box-shadow: 0 0 30px rgba(7,130,255,0.2);position:relative;z-index:999;}
.partner-ul ul li a img{
    width:239px;
    height: 200px;
    display: block;
    border-left: 1px solid #dddddd;

}
.partner-ul ul li:hover a img{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
    /* border: 1px solid #0782ff; */
    transform: scale(1.01);
position: absolute;
z-index: 11;
}
.partner span.partner-anniu{display: block;width: 76px;height: 50px;position: absolute;top:248px;}
.partner #partner-anniu01{background: url(../images/zuoyouqh.png) no-repeat top left;left: -117px;}
.partner #partner-anniu01:hover{background: url(../images/zuoyouqh.png) no-repeat bottom left;}
.partner #partner-anniu02{background: url(../images/zuoyouqh.png) no-repeat top right;right: -117px;}
.partner #partner-anniu02:hover{background: url(../images/zuoyouqh.png) no-repeat bottom right;}



/*  */
.flow{width: 100%;text-align: center;background: url(../images/flow-bj_02.jpg) no-repeat center;height: 451px;}
.flow .container{position: relative;}
.flow .title-wenzi{padding-top: 70px;}
.flow .title-wenzi h3 a{font-size: 35px;color: #242424;}
.flow .title-wenzi h3 a i{color: #00a1e9;font-weight: normal;}
.flow .title-wenzi p{font-size: 18px;color: #999;margin-top: 18px;text-transform: uppercase;font-family: "LATHA";}
.flow .title-wenzi h3 span{color: #ddd;margin: 0 5px;}

.flow-ul{margin-top: 45px;}
.flow-ul ul li{width: 173px;height: 204px;background: url(../images/flow-libj.png) no-repeat center;padding-top: 14px;float: left;margin-left: 32px;}
.flow-ul ul li:first-child{margin-left: 0;}
.flow ul li p.p01{color: #fff;font-size: 22px;}
.flow ul li p.p02{color: #333;font-size: 20px;margin-top: 40px;}
.flow ul li p.p03{color: #888;font-size: 12px;width: 130px;margin:0  auto;margin-top: 20px;line-height: 15px;}
.flow-ul ul li:hover{background: url(../images/flow-libj01.png) no-repeat center;}
.flow-ul ul li:hover p{color: #fff;}

/* */
.news{width: 100%;padding-top: 92px;background: #f2f2f2;padding-bottom: 103px;}
.news-title{position: relative;border-left: 2px #0782ff solid;padding-left: 30px;}
.news-title span{font-size: 12px;color: #979797;}
.news-title p a{font-size: 24px;color: #242424;}
.news-title p a i{font-weight: bold;}
.news-title ul{position: absolute;right: 0;top: 0}
.news-title ul li{float: left;margin-left: 25px;}
.news-title ul li a{display: block;height: 46px;line-height: 46px;font-size: 16px;color: #979797;}
.news-title ul li a:hover{font-weight: bold;color: #333;}
.news-title ul li.cur a{font-weight: bold;color: #333;}
.news-title img{display: none;}

.news-box{margin-top: 50px;}
.news-dl .news-dl-left{float: left;}
.news-dl .news-dl-left{padding: 40px;width: 360px;background: #fff;}
.news-dl .news-dl-left h3 a{font-size: 18px;color: #333;font-weight: normal;}
.news-dl .news-dl-left>p{margin-top: 37px;}
.news-dl .news-dl-left>p a{font-size: 14px;color: #666;line-height: 23px;}
.news-dl .news-dl-left span{font-size: 24px;color: #ccc;margin-top: 30px;display: inline-block;width: 20px;margin-left: 70px;position: relative;}
.news-dl .news-dl-left span i{    width: 1px;
    height: 110px;
    background-color: #0d4da1;
    display: block;
    position: absolute;
    left: -30px;
    top: 8px;
    z-index: 999;}
.news-dl .news-dl-left span p{font-size: 13px;color: #ccc;}
.news-dl .news-dl-left>a{display: block;width: 360px;height: 240px;overflow: hidden;margin-top: 22px;}
.news-dl .news-dl-left>a img{display: block;width: 360px;height: 240px;}


.news-dl-right{float: right;width: 720px;}
.news-dl-right dl{padding-top: 39px;margin-top: 44px;border-top: 1px solid #e5e5e5;}
.news-dl-right dl:first-child{padding-top: 0;margin-top: 0;border-top:none;}
.news-dl-right dl dt{width: 200px;float: left;}
.news-dl-right dl dt a{display: block;width: 200px;height: 133px;overflow: hidden;}
.news-dl-right dl dt a img{display: block;width: 200px;height: 133px;}
.news-dl-right dl dd{width: 478px;float: right;}
.news-dl-right dl dd h3{font-weight: normal;}
.news-dl-right dl dd h3 a{font-size: 18px;color: #333;}
.news-dl-right dl:hover h3 a{color: #0782ff;}

.news-dl-right dl dd p{margin-top: 16px;}
.news-dl-right dl dd p a{font-size: 14px;color: #666;line-height: 24px;}
.news-dl-right dl dd span{font-size: 13px;color: #999;display: block;margin-top: 31px;float: left;}
.news-dl-right dl dd span i{font-size: 13px;color: #999;}
.news-dl-right dl dd>a{display: block;width: 67px;height: 13px;background: url(../images/news-jtou.png) no-repeat top;float: right;margin-top: 28px;}
.news-dl-right dl:hover dd>a{background: url(../images/news-jtou.png) no-repeat bottom;}

/*  */
.liuyan{width: 100%;height: 50px;padding: 25px 0;position: fixed;background: rgba(0,0,0,0.7);bottom: -120px;z-index: 9;}
.liuyan .container{position: relative;}
.liuyan .container>span{position: absolute;display: block;width: 40px;height: 40px;background: url(../images/guanbi.png) no-repeat center;right: 0;top: -41px;cursor: pointer;}
.liuyan .erxian{width: 200px;background: url(../images/dianhua-tp.png) no-repeat left;padding-left: 60px;font-size: 16px;color: #fff;height: 50px;float: left;}
.liuyan .erxian p{font-size: 24px;
    font-family: "Arial";
    margin-top: 5px;
    font-weight: bold;
    letter-spacing: 1px;}
.liuyan .container>p{height: 48px;width: 336px;line-height: 48px;background: #fff;float: left;margin-right: 13px;border-radius: 5px;overflow: hidden;}
.liuyan .container>p input{text-indent: 20px;font-size: 14px;color: #999;width: 100%;height: 100%;border: none;outline: none;background: url(../images/renwu.png) no-repeat 293px;}
.liuyan .container>.p02 input{background: url(../images/souji.png) no-repeat 300px;}
.liuyan .container>a{display: block;width: 158px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #fff;background: #0782ff;float: left;border-radius: 5px;}




/*  */
.video-frame{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999999;}
.video-frame .box{ width:1100px; height:500px; border:5px solid #027ecc; position:absolute; z-index:5; left:50%; top:20%; margin-left:-555px; background-color:#000;  border-radius:5px;z-index: 99;}
.video-frame .box .close{ display:block; position:absolute; cursor:pointer; right:-30px; top:-5px}






/*  */
.News{background-color: #f2f2f2;padding-bottom: 100px;}

.NewsCon dl{width: 500px;background-color: #fff;}
.NewsCon dl dt{width: 500px;height: 280px;overflow: hidden;}
.NewsCon dl dt img{display: block;width: 500px;height: 280px;transition: .8s;}
.NewsCon dl:hover dt img{transform: scale(1.1);}
.NewsCon dl dd{padding-bottom: 30px;}
.NewsCon dl dd h3{font-weight: normal;margin-top: 37px;padding: 0 45px;}
.NewsCon dl dd h3 a{color: #181818;font-size: 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.NewsCon dl dd p{color: #666;font-size: 14px;margin-top: 30px;padding: 0 45px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 25px;}
.NewsCon dl dd a.More{color: #999;font-size: 14px;display: inline-block;*display: inline;*zoom: 1;margin-top: 30px;background: url(../images/more.png) no-repeat right;padding-right: 20px;float: right;margin-right: 45px;}
.NewsCon dl:hover dd a.More{color: #181818;}
.NewsCon dl:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.NewsCon ul{width: 670px;}
.NewsCon ul li{width: 590px;background-color: #fff;padding: 30px 40px 17px;overflow: hidden;margin-top: 20px;}
.NewsCon ul li:first-child{margin-top: 0;}
.NewsCon ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.NewsCon ul li h3{font-weight: normal;overflow: hidden;}
.NewsCon ul li h3 span{color: #999;font-size: 12px;float: right;}
.NewsCon ul li h3 a{color: #181818;font-size: 20px;width: 500px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;float: left;}
.NewsCon ul li p{color: #666;font-size: 15px;margin-top: 13px;line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.NewsCon ul li a.More{color: #999;font-size: 14px;display: inline-block;*display: inline;*zoom: 1;background: url(../images/more.png) no-repeat right;padding-right: 20px;float: right;margin-top: 10px;}
.NewsCon ul li:hover a.More{color: #181818;}

.NavTop{text-align: center;margin-bottom: 35px;}
.NavTop a{display: inline-block;*display:inline;*zoom:1;margin: 0 20px;color: #666;font-size: 15px;padding-bottom: 10px;}
.NavTop a.cur{border-bottom: 2px #000 solid;color: #000;}
/* News End */






.show { overflow:hidden; width:100%; height:1380px; background:url(../images/pro.jpg) no-repeat center;;}
.show .menu{ overflow:hidden; width:100%; text-align:center; margin-bottom:25px;}
.show .menu li{ display:inline-block; width:138px; height:37px; text-align:center; line-height:37px; font-size:14px; margin:0 2px;}
.show .menu li{ *display:inline}
.show .menu li a{ display:block; text-decoration:none; color:#fff}
.show .menu li.cur a{ background:url(../images/show_cur.png) no-repeat center; color:#fff;}
.show .showbox{ overflow:hidden; width:1200px; height:1020px; position:relative; margin:0 auto}
.show .showlist { overflow:hidden; width:100%;}
.show .showlist li{ float:left; width:380px; height:480px; background-color:#fff; margin-right:30px; margin-bottom:25px;}
.show .showlist li:nth-child(3n){margin-right:0;}
.show .showlist a{ display:block; text-decoration:none}
.show .showlist .tu{ width:380px; height:440px; position:relative; overflow:hidden}
.show .showlist .tu i{ display:block; width:100%; height:380px; overflow:hidden; position:relative}
.show .showlist li img{ transition:all 1s ease; width:100%;}
.show .showlist .ch{ width:50%; float:left; height:39px; border-top:1px solid #e3e3e3; font-size:14px; color:#666; text-align:center; line-height:39px;}
.show .showlist span{ display:block; text-align:center; font-size:16px; color:#666; height:50px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.show .showlist .jm{ color:#f08300; background:url(../images/show_x.jpg) no-repeat right center}
.show .showlist li:hover .jm{ background:#f08300; color:#fff;}
.show .showlist li:hover .pp{ background:#1a2b3c; color:#fff;}
.show .showlist li:hover img{ transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2); -o-transform:scale(1.2);-webkit-transform:scale(1.2);}
.show .more{ display:block; width:114px; height:37px; text-align:center; line-height:37px; text-decoration:none; background:url(../images/show_more.png) no-repeat center; margin:0 auto; font-size:13px; color:#fff; margin-top:30px;}
