﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style:none;font-style:normal;}
#main{width:100%;background:#fff;font:12px/1.5 "Microsoft Yahei";color:#0e0e0e;}
img{border:none;-ms-interpolation-mode:bicubic;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
#main a{color:#1b1b1b;text-decoration:none;}
#main a:hover{color:#1b1b1b;text-decoration:none;}
.clear{zoom:1;}
.clear:after{content:' ';display:block;clear:both;height:0;visibility:hidden;}
.hidden,.hide{display:none;}

.fl{float:left;}
.fr{float:right;}
.mc{margin:0 auto;}
.wa{width:100%;}
.wp{width:1180px;}
.oh{overflow:hidden;}

.banner{width:100%;height:550px;background:url(img/banner.jpg) center no-repeat #fce299;position:relative;}

.toplink{width:100%;height:60px;background:#131218;overflow:hidden;}
.toplink.fixed{position:fixed;top:0;z-index:999;}
.toplink li{float:left;height:60px;line-height:60px;color:#fff;font-size:18px;cursor:pointer;padding:0 28px;}
.toplink li.on,.toplink li:hover{color:#ebb334;}
.toplink2{width:100%;height:60px;display:none;}

.part{padding:30px 0;overflow:hidden;}
.part h2{width:100%;text-align:center;font-size:40px;background:url(img/title.png) bottom no-repeat;padding-bottom:20px;}
.part h2 font{font-weight:normal;}
.part .btn{float:left;width:100%;padding-top:20px;text-align:center;}
.part .btn a{display:inline-block;height:50px;text-align:center;line-height:50px;background:#e00069;color:#fff;font-size:24px;border-radius:10px;padding:0 20px;}
.part .btn a:hover{background:#f3147d;}

.part1 .wp{height:558px;position:relative;padding-top:20px;}
.part1 img{position:absolute;}
.part1 img.i1{left:100px;top:20px;}
.part1 img.i2{left:50%;top:20px;margin-left:-144px;}
.part1 img.i3{right:100px;top:20px;}
.part1 img.i4{left:260px;bottom:0;}
.part1 img.i5{right:260px;bottom:0;}

.part2{background:#f1f0f0;}
.part2 ul{float:left;width:100%;padding-top:20px;}
.part2 li{float:left;width:380px;background:#fff;margin-right:20px;padding-bottom:20px;}
.part2 li.last{margin-right:0;}
.part2 li b{float:left;width:100%;text-align:center;font-size:26px;padding-top:10px;}
.part2 li p{float:left;width:100%;height:48px;font-size:16px;text-align:center;padding-top:5px;}


.part3 ul{float:left;width:100%;padding-top:20px;}
.part3 li{float:left;width:25%;text-align:center;}
.part3 li span{float:left;width:100%;font-size:20px;padding-top:20px;}

.part4{background:#f1f0f0;}
.part4 h2{background:none;}
.part4 .bg{height:579px;background:url(img/p4_bg.jpg) top no-repeat;position:relative;}
.part4 .bg p{position:absolute;width:255px;font-size:14px;color:#fff;top:25px;left:50%;margin-left:-125px;}

.part5{padding-bottom:0;}
.part5 ul{float:left;width:100%;padding-top:20px;}
.part5 li{width:585px;text-align:center;}
.part5 li span{float:left;width:100%;font-size:26px;}
.part5 li img{float:left;padding-top:10px;}
.part5 dl{float:left;padding:30px 0 0 50px;}
.part5 dl dt{font-size:30px;font-weight:bold;padding-bottom:20px;}
.part5 dl dd{font-size:24px;}
.part5 dl a{display:inline-block;height:40px;text-align:center;line-height:40px;background:#e00069;color:#fff;font-size:18px;border-radius:20px;padding:0 40px;margin-top:10px;}
.part5 dl a:hover{background:#f3147d;}

.part6{height:571px;background:url(img/p6_pic.jpg) center no-repeat #000;}
.part6 h3{float:left;width:100%;font-size:40px;color:#876022;font-weight:normal;padding-top:30px;}
.part6 h4{float:left;width:100%;font-size:30px;color:#b0b0b0;font-weight:normal;padding-top:20px;}
.part6 ul{float:left;width:100%;padding-top:35px;}
.part6 li{float:left;width:165px;padding:0 15px;}
.part6 li span{float:left;width:100%;font-size:24px;color:#876022;text-align:center;padding-top:10px;}
.part6 li p{float:left;width:100%;font-size:16px;color:#b0b0b0;}

.part7{background:#f1f0f0;}
.part7 p{text-align:center;font-size:24px;padding-top:10px;}
.part7 p b{color:#876022;}
.part7 .wp{text-align:center;padding-top:20px;}

.part8{height:230px;background:url(img/p8_bg.jpg) center no-repeat #000;position:relative;}
.part8 .txt{position:absolute;color:#fff;width:350px;left:50%;margin-left:100px;text-align:center;top:30px;}
.part8 .txt h3{float:left;width:100%;font-size:30px;}
.part8 .txt p{float:left;width:100%;font-size:18px;padding-top:15px;}
.part8 .txt a{display:inline-block;color:#fff;font-size:18px;background:#e00069;width:150px;height:50px;line-height:50px;margin-top:15px;border-radius:6px;}

.part9 .wp{height:517px;background:url(img/p9_bg.jpg) bottom no-repeat;padding-top:20px;}
.part9 .wp li{float:left;width:280px;color:#fff;padding:380px 50px 0;}
.part9 .wp li b{float:left;width:100%;text-align:center;font-size:30px;font-weight:normal;}
.part9 .wp li span{float:left;width:100%;text-align:center;font-size:20px;}
.part9 .wp li p{float:left;width:100%;font-size:14px;}
.part9 .pic{float:left;width:100%;text-align:center;padding-top:20px;}
.part9 .pic img{display:inline-block;padding:0 5px;}

.part10 .case{padding-top:80px;position:relative;margin-top:20px;overflow:hidden;}
.part10 .tit{position:absolute;right:0;top:0;}
.part10 .tit li{float:left;width:136px;height:136px;margin-left:11px;cursor:pointer;}
/*.part10 .tit li.li1{background:url(img/p10_001.png) no-repeat;}
.part10 .tit li.li2{background:url(img/p10_002.png) no-repeat;}*/
.part10 .tit li.li1{background:url(img/pt10_001.png) no-repeat;}
.part10 .tit li.li2{background:url(img/pt11_002.png) no-repeat;}
.part10 .tit li.li3{background:url(img/pt12_003.png) no-repeat;}
.part10 .tit li.li4{background:url(img/pt13_001.png) no-repeat;}
.part10 .tit li.li5{background:url(img/x_001.png) no-repeat;}
.part10 .tit li.li6{background:url(img/y_001.png) no-repeat;}
/*.part10 .tit li.li1.on,.part10 .tit li.li1:hover{background:url(img/p10_003.png) no-repeat;}
.part10 .tit li.li2.on,.part10 .tit li.li2:hover{background:url(img/p10_004.png) no-repeat;}*/
.part10 .tit li.li1.on,.part10 .tit li.li1:hover{background:url(img/bgt10_01.png) no-repeat;}
.part10 .tit li.li2.on,.part10 .tit li.li2:hover{background:url(img/bgt11_02.png) no-repeat;}
.part10 .tit li.li3.on,.part10 .tit li.li3:hover{background:url(img/bgt12_03.png) no-repeat;}
.part10 .tit li.li4.on,.part10 .tit li.li4:hover{background:url(img/pt13_01.png) no-repeat;}
.part10 .tit li.li5.on,.part10 .tit li.li5:hover{background:url(img/x_01.png) no-repeat;}
.part10 .tit li.li6.on,.part10 .tit li.li6:hover{background:url(img/y_01.png) no-repeat;}

.part10 .case .con{float:left;width:100%; margin-top:65px;}
.part10 .case .box{float:left;width:1150px;padding:0 15px;}
.part10 .case .box .txt{float:right;width:754px;font-size:26px;}
.part10 .case .box .txt b{float:left;width:100%;}
.part10 .case .box .txt span{float:left;width:100%;}
.part10 .case .box dl{float:right;width:754px;padding-top:13px;}
.part10 .case .box dl img{float:left;padding-top:10px;}
.part10 .case .box dt{float:left;}
.part10 .case .box dd{float:left;padding-left:10px;}
.part10 h3{text-align:center;font-size:30px;padding-top:20px;}
.part10 .pic li{float:left;width:365px;margin-right:42px;padding-top:10px;}
.part10 .pic li.mr0{margin-right:0;}

.docs{max-width:1680px;height:477px;position:relative;overflow:hidden;background:url(img/docs_bg.jpg) left top no-repeat;color:#000;padding:0;}
.docs .btn{position:absolute;top:50%;margin-top:-65px;width:40px;padding:24px 0;display:block;z-index:3;background:url(img/white50.png) repeat;text-align:center;}
.docs .btnPre{left:50%;margin-left:-590px;}
.docs .btnNext{right:50%;margin-right:-590px;}
.docs .btn:hover{background:url(img/black50.png) repeat;}
.docs .docs_wrap{position:absolute;left:0px;top:0px;z-index:2;}
.docs .docs_wrap li{width:1680px;float:left;height:477px;overflow:hidden;}
.docs .docs_wrap li .con{width:1180px;height:477px;margin:0 auto;position:relative;}
.docs .docs_wrap li .pic{position:absolute;bottom:0;left:0;}
.docs .docs_wrap li .text{width:540px;position:absolute;left:50%;margin-left:-30px;top:50px;}
.docs .docs_wrap li .text h2{font-size:32px;text-align:left;background:none;padding:0;}
.docs .docs_wrap li .text h3{font-size:42px;}
.docs .docs_wrap li .text h4{font-size:20px;}
.docs .docs_wrap li .text p{line-height:22px;text-indent:2em;font-size:14px;padding-top:10px;}
.docs .docs_wrap li .text dl{font-size:14px;line-height:32px;padding-top:20px;}
.docs .docs_wrap li .text dt{font-weight:bold;}
.docs .docs_wrap a.zx_doc{display:block;width:137px;height:40px;line-height:40px;background:url(img/docs_btn.png) no-repeat 15px center #e00069;text-indent:45px;font-size:19px;color:#fff;border-radius:6px;position:absolute;left:0;bottom:30px;left:50%;margin-left:-30px;}
.docs .docs_wrap a.zx_doc:hover{background:url(img/docs_btn.png) no-repeat 15px center #fa604a;}

.part11{padding-top:0;}
.part11 h2{background:#876022;color:#fff;padding-top:20px;}
.part11 .ffan{padding-top: 20px;width: 1000px;}
.part11 .ffan .con{float: left;width: 668px;}
.part11 .ffan .con dl{float: left;width: 100%;}
.part11 .ffan .con dt{float: left;width: 100%;font-size: 24px;font-weight: bold;}
.part11 .ffan .con dd{float: left;width: 100%;font-size: 14px;height: 63px;color: #393839;padding-top: 10px;}
.part11 .ffan .con img{float: left;padding-top: 10px;}
.part11 .ffan .tit{float: right;width: 320px;}
.part11 .ffan .tit li{float: left;width: 100%;background: #f5e4cb;height: 46px;line-height: 46px;text-align: center;font-size: 18px;margin-top: 8px;cursor:pointer;}
.part11 .ffan .tit li.on,.part11 .ffan .tit li:hover{background: #dcba85;}

.part12{background: #f1f0f0;}
.part12 ul{float:left;width:100%;padding-top:30px;}
.part12 ul li{float:left;width:210px;height:210px;font-size:23px;text-align:center;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;behavior:url(img/pie.htc);margin-right:32px;}
.part12 ul li:hover{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;}
.part12 ul li a{color:#fff;}
.part12 ul li a:hover{text-decoration:none;}
.part12 ul li i{position:absolute;width:29px;height:28px;background:url(img/ico_btn.png) no-repeat;top:140px;left:100px;}
.part12 ul li span{display:inline-block;line-height:30px;padding-top:50px;text-align:left;}
.part12 ul li.li1{background-color:#f0aea6;}
.part12 ul li.li2{background-color:#e78478;}
.part12 ul li.li3{background-color:#f4af72;}
.part12 ul li.li4{background-color:#e4bc4f;}
.part12 ul li.li5{background-color:#d2be39;margin-right:0;}

.part13 .pic{float:left;width:311px;padding-top:20px;}
.part13 .text{float:right;width:840px;padding-top:20px;}
.part13 .text h3{float: left;width: 100%;font-size: 36px;text-indent: 45px;}
.part13 .text dl{float:left;width:100%;padding-bottom:20px;padding-top: 10px;}
.part13 .text dt{float:left;width:38px;height:38px;text-align:center;line-height:38px;background:#d08c2c;color:#fff;font-size:26px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.part13 .text dd{float:right;width:795px;}
.part13 .text dd b{float:left;width:100%;font-size:24px;line-height:38px;font-weight:normal;}
.part13 .text dd p{float:left;width:100%;font-size:16px;color:#767676;}
.part13 .text dd span{color:#d08c2c;}
.part13 .btn{float:left;width:100%;}
.part13 .btn a{float:left;margin-left:45px;}

.tjbox{clear:both;overflow:hidden;padding:20px 0;}
.tjbox .l_btn{width:21px;height:82px;cursor:pointer;margin-top:75px;float:left;}
.tjbox .r_btn{width:21px;height:82px;float:left;cursor:pointer;margin-top:75px;}
.tjbox .l_btn:hover{background:url(img/black50.png) repeat;}
.tjbox .r_btn:hover{background:url(img/black50.png) repeat;}
.tjbox .cont{width:1134px;overflow:hidden;float:left;margin:0 2px;}
.tjbox .scrcont{width:11340px;}
.tjbox .cont li{float:left;width:378px; text-align:center;padding:5px 0;}
.tjbox .cont li img{width:355px;box-shadow:0 0 5px #000;}
.tjbox ul{float:left;}


/* 20160415 */
.pim{ height:720px;  background-color: #efedee; margin-top: 20px; padding-top: 30px; margin-bottom: 35px;width: 1180px;
    margin:20px auto 20px;}
.pim-1{ width:462px; height:580px; background-image: url(../images/img1.png); color:#fff; padding-top: 70px; padding-left: 25px;float:left;}
.pim-1 p{ font-size: 25px;}
.pim-1 span{ display:inline-block; width:245px; height:200px; font-size:18px; float: right; margin-top: 240px;}
.pim-2{ float:left; width:600px; height:500px; margin-left: 65px;}
.pim-2 h3{ font-size: 32px; background-color: #da7501; width:345px; color:#fff; margin:0 auto; text-align: center; padding:10px 0;}
.pim-2-in{ position:relative; height:600px;}
.posi1{ position:absolute; left:10px; top:105px;}
.posi1-1,.posi2-1,.posi3-1,.posi4-1{  position:absolute; left:0px; top:0px; display:none;}
.pim-2-in .on{display:none;}

.posi2{ position:absolute; left:325px; top:35px;}
.posi3{ position:absolute; left:10px; top:370px;}
.posi4{ position:absolute; left:302px; top:295px;}


/*20161104*/
.banner_f img{vertical-align: middle;}
    .banner_f { height:552px;position: relative;overflow: hidden;width: 100%;background:none; }
    .banner_f ul { position: absolute; height:552px; z-index: 2;left:0;top:0;}
    .banner_f ul li{ float: left; height:552px;overflow: hidden; position: relative; }
    .banner_f ul li img{ 
        width: 100%;
        }
    .banner_f ul li.first{ z-index: 1;}
    .banner_f .arrow{
        display: block;
        width: 28px;
        height: 51px;
        background: url(../imagesicon.png) no-repeat 0 0px;
        position: absolute; 
        top:50%; 
        -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
        left:3%;
        z-index: 3; 
        display: none;
    }
    .banner_f .next{
        left: auto;
        right: 3%;
        background-position: -32px 0px;
    }
    .banner_f ol{
        width: 100%;
        height: 40px;
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: center;
        z-index: 6;
    }
    .banner_f ol li{
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        margin: 5px;
    }
    .banner_f ol li.on{background: #f40;}

    .banner_f .btn2{
        position: absolute;
        width: 12%;
        height: 24%;
        left: 30%;
        top: auto;
        bottom: 0;
    }