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


/* com-title */
.com-title{width: 100%;text-align: center;padding-top: 36px;}
.com-title h2{font-size: 32px;color: #333333;}
.com-title h2 em{font-weight: bold;color: #3399FF;}
.com-title h2 a{color: #333333;text-decoration: none;}
.com-title p{font-size: 14px;color: #999999;font-family: arial;margin-top: 9px;word-spacing: 2px;}






/* banner */
.banner{width: 100%;height: 410px;position: relative;}
.banner a{display: block;height: 410px;}
#flashs .btn{width: 100%;text-align: center;position: absolute;bottom: 27px;left: 0;z-index: 9999;}
#flashs .btn span {display: inline-block;margin: 0 3px;cursor: pointer;font-size: 14px;color: #666666;line-height: 18px;width: 18px;height: 18px;background: #fff;border: 1px solid #b6b6b7;font-family: "宋体";}
#flashs .btn span.cur {background: #005aae;border-color: #005aae;color: #fff;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}

/* search */
.search{width: 100%;height: 70px;}
.search p{float: left;height: 70px;line-height:70px;font-size: 14px;color: #333333;width: 723px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: bold;}
.search p a{font-size: 14px;color: #666666;font-weight: normal;padding: 0 14px;border-left: 1px dotted #adadad;}
.search p a:first-child{border-left: none;padding-left: 0;}
.search .Input{width: 397px;height: 39px;line-height: 39px;float: right;margin-top: 16px;position: }

/* product */
.product{width: 100%;background: #f2f2f2;}
.product .mainCon{margin-top: 36px;width: 100%;}


.cpMu{width:270px; overflow:hidden; background:url(cpMuTitYy.png) no-repeat center 54px;}
.cpMu h4 img{display:block;}
.cpMuCont{height:990px; border:3px solid #115FAA;}
.cpMu dl{margin-top:12px;}
.cpMu dt{margin-bottom:10px; height:42px; line-height:42px; background:url(cpMuDt.png) no-repeat center;}
.cpMu dt a{margin-left:44px; font-size:16px; color:#fff; font-weight:bold;}
.cpMu dd{margin:0 16px; overflow:hidden;}
.cpMu dd span{float:left; width:50%; height:30px; line-height:30px; overflow:hidden;}
.cpMu dd a{color:#333; font-size:14px;}
.cpMu dd a:hover{color:#0066CC;}


.product .mainCon .section{width: 920px;float: right;}
.product .mainCon .section .conBox1{height: 935px;width: 918px;border: 1px solid #dddddd;background: #fff;position: relative;}

.product .mainCon .section .conBox1 .productBtn{display: block;width: 31px;height: 31px;overflow: hidden;position: absolute;top: 179px;cursor: pointer;z-index: 99;}
.product .mainCon .section .conBox1 .prev{left: 28px;}
.product .mainCon .section .conBox1 .next{right: 28px;}
.product .mainCon .section .conBox1 .productBtn img{display: block;width: 31px;height:62px;position: relative;}
.product .mainCon .section .conBox1 .productBtn:hover img{top: -31px;}

.product .mainCon .section .conBox1 .pro-hot{display: block;width: 38px;height: 80px;position: absolute;right: 46px;top: -7px;z-index: 9;}
.product .mainCon .section .conBox1 .pro-hot img{display: block;width: 38px;height: 80px;}
.product .section .conBox1 .con{height: 388px;width: 100%;overflow: hidden;position: relative;}
.product .section .conBox1 .con li{width: 918px;background: #fff;float: left;}
.product .section .conBox1 .con ul{position: absolute;left: 0;top: 0;}
.product .section .conBox1 .con dt{float: left;width: 391px;height: 388px;border-right: 1px solid #dddddd;}
.product .section .conBox1 .con dt img{display: block;width: 391px;height: 388px;}
.product .section .conBox1 .con dd{width: 404px;height: 339px;padding-top: 49px;position: relative;float: left;margin-left: 39px;}
.product .section .conBox1 .con dd h3{font-size: 24px;color: #000000;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product .section .conBox1 .con dd span{font-size: 13px;color: #333333;display: block;margin: 12px 0 34px 0;}
.product .section .conBox1 .con dd p{font-size: 13px;color: #666666;padding-left: 9px;margin-bottom: 6px;background: url(product-y03.png) no-repeat left 6px;}
.product .section .conBox1 .con dd .btn{width: 100%;position: absolute;bottom: 42px;left: 0;}
.product .section .conBox1 .con dd .btn a{width: 112px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #666666;text-decoration: none;display: block;float: left;border: 1px solid #dddddd;margin-right: 20px;border-radius: 30px;text-decoration: none;transition: all 0.5s ease-out;z-index: 1;position: relative;}
.product .section .conBox1 .con dd .btn a::before{    
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 112px;
    height: 40px;
    background: #3399FF;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    border-radius: 30px;
}
.product .section .conBox1 .con dd .btn a:hover::before{background: #3399FF;opacity: 1;transform: scale3d(1,1,1);-webkit-transform:translate3d(0,0,0);}
.product .section .conBox1 .con dd .btn a:hover{color: #fff; background: #3399FF;border-color: #3399FF;}


.product .section .conBox2{width: 100%;margin-top: 12px;}
.product .section .conBox2 li{float: left;width: 298px;height: 467px;border: 1px solid #dddddd;text-align: center;background: #fff;margin-left: 10px;}
.product .section .conBox2 li:first-child{margin-left: 0;}
.product .section .conBox2 li .product-pic{display: block;width: 298px;height: 281px;overflow: hidden;border-bottom: 1px solid #dddddd;}
.product .section .conBox2 li .product-pic img{display: block;width: 298px;height: 281px;transition: all 1s ease-out;}
.product .section .conBox2 li h3{font-size: 18px;color: #000000;margin: 32px 0 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px;font-weight: normal;}
.product .section .conBox2 li h3 a{color: #000000;text-decoration: none;}
.product .section .conBox2 li p{font-size: 13px;color: #666666;line-height: 18px;height: 36px;overflow: hidden;text-overflow: ellipsis;padding: 0 52px;}
.product .section .conBox2 li a.details{width: 112px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #666666;text-decoration: none;display: block;border: 1px solid #dddddd;margin-right: 20px;border-radius: 30px;text-decoration: none;margin: 17px auto 0;transition: all 0.5s ease-out;z-index: 1;position: relative;}

.product .section .conBox2 li a.details::before{    
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 112px;
    height: 40px;
    background: #3399FF;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    border-radius: 30px;
}
.product .section .conBox2 li a.details:hover::before{background: #3399FF;opacity: 1;transform: scale3d(1,1,1);-webkit-transform:translate3d(0,0,0);}
.product .section .conBox2 li a.details:hover{color: #fff; background: #3399FF;border-color: #3399FF;}

.product .section .conBox2 li:hover img{transform: scale(1.1);}


.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: #3399FF;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(proicon02.png) no-repeat 220px center;}
.product .conleft dl:first-child dt a {display: block;color: #fff;height: 70px;background: url(proicon01.png) no-repeat 220px center;}
.product .conleft dl dd {font-size: 16px;height: 54px;line-height: 54px;margin-left: 30px;padding-left: 20px;background: url(ty01.png) no-repeat left center;position: relative;}
.product .conleft dl dd>a {color: #000;font-weight:bold}
.product .conleft dl dd.cur ,.product .conleft dl dd:hover {background: url(ty02.png) no-repeat left center;}
.product .conleft dl dd.cur>a ,.product .conleft dl dd:hover>a {color: #3399FF;}

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

.product .conleft dl dd ul {display: none; position: absolute;left: 238px;top: 0;width: 210px;background: #fff;border: 1px solid #dddddd;border-left: none;z-index: 2;}
.product .conleft dl dd ul li {padding-left: 25px;background: url(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(ty02.png) no-repeat 5px center;}
.product .conleft dl dd ul li:hover a {color: #3399FF;}



.product .conleft .left_tel {width: 270px;height: 110px;background: url(f_bg.jpg) center;margin-top: 15px;border-radius: 5px;}
.product .conleft .left_tel .con_tel {padding: 22px 0 32px 70px;height: 46px; background: url(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: 660px;border: 1px solid #dddddd;border-radius: 5px;background: #fff;position: relative;overflow: hidden;}




.product .conright .prozt {display: block;width: 45px;height: 80px;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: #3399FF;color: #fff;border-color: #3399FF;}




.cpMain .pleft{ float:left; width:270px; }
.cpMain .pleft h3{ padding-left:80px; width:160px; height:100px; background:url(pro_h.png) no-repeat 35px center; background-color:#d01818; font-weight:normal; line-height:100px; font-size:18px; color:#fff; border-radius:10px 10px 0 0}
.cpMain .pleft h3 a{ color:#fff;}
.cpMain .pleft h3 span{ font-size:14px; color:#fff; margin-left:5px;}


.cpMain .pleft dl {padding-bottom: 15px;background: #fff;border: 1px solid #dddddd;border-radius: 0 0 5px 5px;}
.cpMain .pleft dl a{text-decoration:none;}
.cpMain .pleft dl:first-child {border-bottom: none;border-radius: 0;}
.cpMain .pleft dl dt {height: 70px;line-height: 70px;width: 270px;position: relative;left: -1px;background: #3399FF;font-size: 20px;text-indent: 25px;top: -1px;margin-bottom: 15px;border-radius: 5px 5px 0 0;}
.cpMain .pleft dl dt a {display: block;color: #fff;height: 70px;background: url(proicon02.png) no-repeat 200px center; }
.cpMain .pleft dl:first-child dt a {display: block;color: #fff;height: 70px;background: url(proicon01.png) no-repeat 200px center;}
.cpMain .pleft dl dd {font-size: 16px;height: 44px;line-height: 44px;margin-left: 30px;padding-left: 20px;background: url(ty01.png) no-repeat left center;position: relative;}
.cpMain .pleft dl dd>a {color: #333;font-weight:bold}
.cpMain .pleft dl dd.cur ,.cpMain .pleft dl dd:hover {background: url(ty02.png) no-repeat left center;}
.cpMain .pleft dl dd.cur>a ,.cpMain .pleft dl dd:hover>a {color: #3399FF;}


.cpMain .pleft dl dd:hover ul {display: block;}

.cpMain .pleft dl dd ul {display: none; position: absolute;left: 218px;top: 0;width: 220px;background: #fff;border: 1px solid #dddddd;border-left: none;z-index: 999;}
.cpMain .pleft dl dd ul li {padding-left: 25px;background: url(ty01.png) no-repeat 10px center;height: 44px;line-height: 44px;border-bottom: 1px solid #dddddd;}

.cpMain .pleft dl dd ul li:hover {background: url(ty02.png) no-repeat 10px center;}
.cpMain .pleft dl dd ul li:hover a {color: #3399FF;}

.cpMain .pleft dl dd ul li.cur{background: url(ty02.png) no-repeat 10px center;}
.cpMain .pleft dl dd ul li.cur a {color: #3399FF;}

.cpMain .phone { overflow:hidden; width:166px; padding:30px 0; padding-left:75px; border-radius:10px; background:url(common/pro_phone.png) no-repeat 20px center; background-color:#d01818;}
.cpMain .phone p{ font-size:16px; color:#fff;}
.cpMain .phone b{ display:block; font-size:24px; color:#fff; font-family:'Times New Roman'}

.dqpkcprocont{ font-size:14px;}
#di_bottom{margin-bottom:10px;}





.cpMu{width:270px; overflow:hidden; background:url(cpMuTitYy.png) no-repeat center 54px;}
.cpMu h4 img{display:block;}
.cpMuCont{height:1700px; border:3px solid #D11816;}
.cpMu dl{margin-top:12px;}
.cpMu dt{margin-bottom:10px; height:42px; line-height:42px; background:url(cpMuDt.png) no-repeat center;}
.cpMu dt a{margin-left:44px; font-size:16px; color:#fff; font-weight:bold;}
.cpMu dd{margin:0 16px; overflow:hidden;}
.cpMu dd span{float:left; width:50%; height:30px; line-height:30px; overflow:hidden;}
.cpMu dd span1{float:left; width:100%; height:30px; line-height:30px; overflow:hidden;}
.cpMu dd a{color:#333; font-size:14px;}
.cpMu dd a:hover{color:#0066CC;}

/* worry */
.worry{width: 100%;background: url(worryBg01.jpg) no-repeat center;height: 455px;}
.worry .com-title{padding-top: 40px;}
.worry .mainCon{margin-top: 36px;width: 100%;}
.worry .mainCon li{float:left;width: 225px;height: 225px;text-align: center;position: relative;margin-left: 18px;}
.worry .mainCon li:first-child{margin-left: 0;}
.worry .mainCon li i{display: block;width: 225px;height: 225px;position: absolute;left: 0;top: 0;transition: all 1s ease-out;}
.worry .mainCon li i img{display: block;width: 225px;height: 225px;}
.worry .mainCon li .box{position: relative;z-index: 9;padding-top: 50px;height: 175px;width: 225px;}
.worry .mainCon li .box span{display: block;font-size: 18px;color: #999999;font-weight: bold;}
.worry .mainCon li .box h3{font-size: 24px;color: #3a3a3a;margin-top: 18px;}
.worry .mainCon li .box p{font-size: 18px;color: #3a3a3a;margin-top: 16px;line-height: 25px;}
.worry .mainCon li:hover i{transform: rotate(90deg);}

/* patent */
.patent{width: 100%;background: url(patentBg01.jpg) no-repeat center;height: 708px;}
.patent .com-title{width: 100%;padding-top: 48px;text-align: center;}
.patent .com-title h2{font-size:42px;}
.patent .com-title p{font-size: 18px;color: #555555;margin-top: 12px;}
.patent .mainCon{margin-top: -15px;position: relative;height: 669px;overflow: hidden;width: 100%;}
.patent .mainCon .patent-pic{display: block;width: 0;height: 0;margin: 0 auto;position: relative;top: 50%;}
.patent .mainCon dl{position: absolute;display: none;}
.patent .mainCon dt{font-size: 24px;color: #005aae;font-weight: bold;}
.patent .mainCon dd{font-size: 16px;color: #333333;line-height: 28px;margin-top: 16px;}
.patent .mainCon dl.dl1,.patent .mainCon dl.dl2{top: 98px;}
.patent .mainCon dl.dl3,.patent .mainCon dl.dl4{top:368px;}
.patent .mainCon dl.dl1,.patent .mainCon dl.dl3{left: 0px;}
.patent .mainCon dl.dl2,.patent .mainCon dl.dl4{right: 0px;text-align: right;}

/* liuy */
.liuy{width: 100%;padding: 45px 0 0 0;background: url(liuyBg01.jpg) no-repeat center;height: 155px;}
.liuy .conL{float: left;width: 100%;}

.liuy .conL p{font-size: 13px;color: #fff;margin-bottom: 12px;}
.liuy .conL h3{font-size: 31px;color: #fff;margin-bottom: 4px;}
.liuy .conL h4{font-size: 24px;color: #fff;}
.liuy .conR{width: 676px;float: right;}
.liuy .conR dt{float: left;width: 486px;}
.liuy .conR dt input{width: 418px;height: 50px;line-height: 50px;padding: 0 46px 0 22px;border: none;outline: none;margin-top: 13px;border-radius: 4px;font-size: 13px;color: #999999;}
.liuy .conR dt .input-name{background: url(liuy_icon01.png) no-repeat 445px center #fff;}
.liuy .conR dt .input-call{background: url(liuy_icon02.png) no-repeat 445px center #fff;}
.liuy .conR dt input:first-child{margin-top: 0;}
.liuy .conR dd{width: 168px;height: 112px;float: right;}
.liuy .conL dd img{display: block;width: 168px;height: 112px;}

/* flow */
.flow{width: 100%;background: url(flowBg01.jpg) no-repeat center;height: 335px;}
.flow .mainCon{position: relative;height: 335px;}
.flow .mainCon li{float: left;width: 108px;margin-top: 120px;text-align: center;margin-left: 55px;}
.flow .mainCon li span{display: block;width: 108px;height: 108px;border-radius: 50%;}
.flow .mainCon li img{display: block;width: 108px;height: 108px;}
.flow .mainCon li em{display: block;font-size: 16px;color: #fff;margin-top: 22px;}
.flow .mainCon li.four{margin-left: 327px;}
.flow .mainCon li:first-child{margin-left: 0;}
.flow .mainCon .flow-title{width: 225px;height: 205px;position: absolute;left: 50%;margin-left: -112px;top: 62px;padding-top: 20px;}
.flow .mainCon .flow-title img{display: block;width: 225px;height: 225px;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:dong 1.5s infinite;opacity: 1;position: absolute;left: 0;top: 0;}
.flow .mainCon .flow-title .box{width: 183px;height: 183px;padding-top: 58px;text-align: center;margin: 0 auto;height: 125px;background: url(flow-y02.png) no-repeat center;position: relative;z-index: 9;}
.flow .mainCon .flow-title .box  p{font-size: 18px;color: #333333;}
.flow .mainCon .flow-title .box h3{font-size: 31px;color: #3399FF;}
@keyframes dong{
    0%{opacity:1;transform:scale(0.9)}

    45% {opacity:0.5;transform:scale(1.05)}

    100% {opacity:1;transform:scale(0.9)}

    
}



/* adv */
.adv{width: 100%;background: url(advBg01.jpg) no-repeat center;height: 1800px;}
.adv .com-title{width: 100%;padding-top: 38px;text-align: center;}
.adv .com-title h2{font-size:48px;}
.adv .com-title p{font-size: 18px;color: #666666;margin-top: 22px;background: url(adv-titleXian.png) no-repeat center;font-family: arial;}
.adv .mainCon{width: 100%;}
.adv .mainCon .con{height: 287px;}
.adv .mainCon .conL{float: left;width: 564px;height: 337px;position: relative;}
.adv .mainCon .conL dt{float: left;width: 87px;height: 86px;}
.adv .mainCon .conL dt img{display: block;width: 87px;height: 86px;}
.adv .mainCon .conL dd{width: 452px;float: right;}
.adv .mainCon .conL dd h3{font-size: 24px;color: #005aaf;padding-top: 16px;}
.adv .mainCon .conL dd p{font-size: 16px;color: #333333;margin-top: 6px;}
.adv .mainCon .conL ul{margin-top: 28px;}
.adv .mainCon .conL li{margin-left: 38px;padding-left: 35px;background: url(adv-icon01.png) no-repeat left 6px;font-size: 15px;color: #666666;margin-bottom: 18px;}
.adv .mainCon .conL a{display: block;width: 166px;height: 52px;line-height: 52px;text-align: center;text-decoration: none;background: #005aaf;border-radius: 3px;font-size: 14px;color: #fff;position: absolute;bottom: 12px;left: 38px;transition: all 0.5s ease-out;z-index: 1;}
.adv .mainCon .conR{width: 562px;height: 323px;float: right;padding: 6px;background: #fff;border: 1px solid #cbcbcb;border-radius: 3px;}
.adv .mainCon .con.even .conL{float: right;}
.adv .mainCon .con.even .conR{float: left;}
.adv .mainCon .con1{margin-top: 68px;}
.adv .mainCon .con2{margin-top: 109px;}
.adv .mainCon .con3{margin-top: 123px;}
.adv .mainCon .con4{margin-top: 109px;}



.adv .mainCon .conL a::before{    
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 166px;
    height: 52px;
    background: #3399FF;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    border-radius: 3px;
}
.adv .mainCon .conL a:hover::before{background: #3399FF;opacity: 1;transform: scale3d(1,1,1);-webkit-transform:translate3d(0,0,0);}
.adv .mainCon .conL a:hover{color: #fff; background: #3399FF;border-color: #3399FF;}




/* show */
.show{width: 100%;padding-bottom: 6px;}
.show .com-title{width: 100%;padding-top: 36px;text-align: center;}
.show .mainCon{margin-top: 34px;position: relative;width: 100%;}

.show .mainCon .showBtn{display: block;width: 76px;height: 50px;overflow: hidden;position: absolute;top: 120px;cursor: pointer;z-index: 99;}
.show .mainCon .prev{left: -104px;}
.show .mainCon .next{right: -104px;}
.show .mainCon .showBtn img{display: block;width: 76px;height:100px;position: relative;}
.show .mainCon .showBtn:hover img{top: -50px;}

.show .mainCon .box{width: 100%;overflow;position: relative;}
.show .mainCon .box ul{position: absolute;left: 0;top: 0;width: 102%;}


/* about */
.about{width: 100%;background: url(aboutBg01.jpg) no-repeat center top;padding-bottom:10px;}
.about .com-title{padding-top: 38px;}
.about .com-title h2 a{color: #fff;}
.about .com-title p{color: #fff;}
.about .mainCon{width: 100%;margin-top: 25px;}
.about .about-article{margin-top: 28px;text-align: center;}
.about .about-article h2{font-size: 18px;color: #fff;}
.about .about-article h2 a{color: #fff;text-decoration: none;}
.about .about-article p{font-size: 14px;line-height: 24px;color: #fff;margin-top: 14px;padding: 0 68px;}
.about .about-article a.more{display: block;width: 52px;height: 52px;margin: 32px auto 0;}
.about .about-article a.more img{display: block;width: 52px;height: 52px;transition: all 1s ease-out;}
.about .about-article a.more:hover img{transform: rotate(360deg);}
.about .about-article .about-pic img{display: block;width: 100%;height: 389px;}
.about .about-article .about-pic{margin-top: 44px;box-shadow: 0px 10px 16px #e7e7e7;}
.about .about-honor{width: 1200px;margin-top: 48px;}
.about .about-honor .menu{width: 100%;height: 48px;text-align: center;position: relative;}
.about .about-honor .menu i{display: block;width: 100%;height: 1px;background: #dddddd;position: absolute;left: 0;top: 24px;}
.about .about-honor .menu li{width: 178px;text-align: center;line-height: 46px;height: 46px;font-size: 16px;border: 1px solid #cccccc;margin-left: 12px;border-radius: 30px;display: inline-block;*display: inline-block;position: relative;z-index: 9;background: #fff;}
.about .about-honor .menu li a{display: block;color: #666666;text-decoration: none;}
.about .about-honor .menu li:first-child{margin-left: 0;}
.about .about-honor .menu li.cur{background: #0060BB;border-color: #0061bb;}
.about .about-honor .menu li.cur a{color: #fff;}
.about .about-honor .conBox{height: 288px;overflow: hidden;position: relative;margin-top: 28px;}
.about .about-honor .conBox li{float: left;width: 288px;height: 288px;position: relative;float: left;margin-left: 16px;}
.about .about-honor .conBox li:first-child{margin-left: 0;}
.about .about-honor .conBox li span{display: block;width: 288px;height: 288px;overflow: hidden;}
.about .about-honor .conBox li img{display: block;width: 288px;height: 288px;transition: all 1s ease-out;}
.about .about-honor .conBox li:hover img{transform: scale(1.1);}
.about .about-honor .conBox li p{height: 56px;line-height: 56px;text-align: center;width: 268px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;color: #fff;position: absolute;left: 0;bottom: 0;background: url(aboutBg02.png);padding: 0 10px;}
.about .about-honor .conBox li a{display: block;text-decoration: none;}



/* news */

.news{width: 100%;padding-bottom: 24px;background: #f2f2f2;}
.news .com-title{padding-top: 18px;}
.news .mainCon{margin-top: 38px;}
.news .mainCon .con{background: #fff;padding: 0 30px;height: 468px;margin-left: 10px;width: 685px;float: left;}
.news .mainCon .con:first-child{margin-left: 0;}
.news .mainCon .con .top{height: 75px;border-bottom: 1px solid #dddddd;}
.news .mainCon .con .top h2{float: left;font-size: 20px;color: #333333;text-decoration: none;margin-top: 34px;}
.news .mainCon .con .top ul{float: left;}
.news .mainCon .con .top ul li{float: left;margin-top: 34px;font-size: 20px;color: #666666;margin-right: 21px;}
.news .mainCon .con .top ul li a{color: #666666;text-decoration: none;}
.news .mainCon .con .top ul li.cur a{color: #333333;font-weight: bold;}
.news .mainCon .con .top h2 a{color: #333333;text-decoration: none;}
.news .mainCon .con .top a.more{display: block;float: right;font-size: 14px;color: #999999;text-transform: uppercase;margin-top: 44px;}


.news .mainCon .con1{background: #fff;padding: 0 30px;height: 468px;margin-left: 10px;width: 385px;float: left;}
.news .mainCon .con1:first-child{margin-left: 0;}
.news .mainCon .con1 .top{height: 75px;border-bottom: 1px solid #dddddd;}
.news .mainCon .con1 .top h2{float: left;font-size: 20px;color: #333333;text-decoration: none;margin-top: 34px;}
.news .mainCon .con1 .top ul{float: left;}
.news .mainCon .con1 .top ul li{float: left;margin-top: 34px;font-size: 20px;color: #666666;margin-right: 21px;}
.news .mainCon .con1 .top ul li a{color: #666666;text-decoration: none;}
.news .mainCon .con1 .top ul li.cur a{color: #333333;font-weight: bold;}
.news .mainCon .con1 .top h2 a{color: #333333;text-decoration: none;}
.news .mainCon .con1 .top a.more{display: block;float: right;font-size: 14px;color: #999999;text-transform: uppercase;margin-top: 44px;}



.news .mainCon .conL .conBox{margin-top: 24px;height:433px;position: relative;overflow: hidden;}



.news .mainCon .conR dl{height: 99px;margin-bottom: 15px;}
.news .mainCon .conR dt{float: left;width: 143px;text-align: center;padding-top: 20px;height: 77px;border: 1px solid #e7e5e6;background: #f7f7f7;}
.news .mainCon .conR dt span{display: block;font-size: 35px;color: #999999;}
.news .mainCon .conR dt em{display: block;font-size: 14px;color: #999999;}
.news .mainCon .conL li:hover a,.news .mainCon .conL li:hover span{color: #0061bb;font-weight: bold;}

.news .mainCon .conR dd{width: 380px;float: right;}
.news .mainCon .conR dd h3{font-size: 16px;color: #333333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 4px;}
.news .mainCon .conR dd h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conR dd p{font-size: 14px;color: #999999;font-weight: normal;line-height: 26px;margin-top: 10px;height: 52px;overflow: hidden;text-overflow: ellipsis;}
.news .mainCon .conR dd p a{color: #999999;text-decoration: none;}
.news .mainCon .conR dl:hover dd h3 a{color: #0061bb;font-weight: bold;}
.news .mainCon .conR dl:hover dt{background: #0061bb;border-color: #0061bb;}
.news .mainCon .conR dl:hover dt span,.news .mainCon .conR dl:hover dt em{color: #fff;}
.news .mainCon .conR .box{margin-top: 24px;}
.news .mainCon .conR .top{border-bottom: none;}

/* link */
.link{width: 100%;background: url(linkBg01.jpg) no-repeat center;height: 100px;}
.link dl{padding: 32px 0 0;}
.link dt{float: left;width: 104px;}
.link dt p{font-size: 13px;color: #fff;width: 68px;height: 18px;line-height: 18px;text-align: center;background: #3399FF;border-radius: 20px;margin-top: 3px;}
.link dt span{display: block;font-size: 18px;color: #fff;}
.link dd{float: left;width: 1086px;overflow: hidden;margin-top: 12px;}
.link dd a{display: block;font-size: 14px;color: #fff;padding: 0 24px;border-left: 1px dotted #fff;float: left;margin-bottom: 6px;}
.link dd a:first-child{border-left: none;}
.link dt a{text-decoration: none;}