@charset "utf-8";
/* CSS Document */
/*banner
.banner { overflow:hidden; width:100%; height:630px; background:url(Img/Index/banner.jpg) no-repeat center; position:relative}
.banner .btn{ overflow:hidden; width:100%; text-align:center; height:15px; position:absolute; left:0; bottom:27px; z-index:5}
.banner .btn span{ display:inline-block; width:40px; height:3px; background:#fff; opacity:0.8; margin:0 4px; margin-top:3px;}
.banner .btn span{ *display:inline}
.banner .btn span.cur{ margin-top:0; height:6px; background:#e60d1e; opacity:1}     */

/* search */
.search{width: 100%;height: 61px;background: #eeeeee;border-bottom: 1px solid #dedede;}
.search p{float: left;font-size: 14px;color: #333333;width: 770px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 22px;}
.search p a{font-size: 14px;color: #666;font-weight: normal;padding: 0 26px;border-left: 1px dotted #a4a4a4;}

.search p a:first-child{border-left: none;}
.search .Input{width: 300px;height: 38px;line-height: 38px;float: right;margin-top: 12px;position: relative;background: url(Img/Index/searchBg.png) no-repeat center;}
.search .Input input{padding-left: 20px;font-size: 13px;outline: none;border: none;color: #999999;height: 38px;line-height: 38px;width: 226px;padding-right:54px;background: none;}
.search .Input a{display: block;width: 49px;height: 38px;position: absolute;top: 0;right: 0px;}
.search .Input a img{display: block;}


.banner { overflow:hidden; width:100%; height:630px; position:relative}

.title{ overflow:hidden; margin-top:50px; margin-bottom:20px;}
.title h3{text-align:center;font-weight:normal;font-size:36px;color:#3589EA;transition: all .6s ease-out;position:relative;}
.title h3:hover{ transform: scale(1.05);}
.title h3 a{ color:#3589EA;}
.title p{ font-size:12px; color:#c6c6c6; font-family:Arial; text-align:center; margin-bottom:10px; text-transform:uppercase}
.title i{ display:block; margin:0 auto; width:28px; height:1px; background-color:#c6c6c6;}

/*pro*/
.pro { overflow:hidden; width:1240px; margin:0 auto; margin-bottom:50px;}
.pro .menu{ width:1200px; margin:0 auto; overflow:hidden; margin-bottom:40px; text-align:center; border-bottom:1px solid #e3e3e3;}
.pro .menu li{ display:inline-block; font-size:13px; padding-bottom:18px;}
.pro .menu li{ *display:inline}
.pro .menu li a{ color:#333; display:block; text-decoration:none; padding:0 15px; border-right:1px dotted #ccc;font-size: 18px;}
.pro .menu li.last a{ border:none}
.pro .menu li.cur{ padding-bottom:15px; border-bottom:3px solid #e61c2c;}
.pro .proBox { width:1220px; height:440px; margin:0 auto; overflow:hidden; position:relative}
.pro .proList { overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0}
.pro .proList .proWin{ overflow:hidden; width:100%; margin:0 auto; height:360px; position:relative}
.pro .proWin ul{ overflow:hidden; padding:10px 0; position:absolute}
.pro .proWin li{ float:left; width:288px; height:335px; overflow:hidden; border:1px solid #e8e8e8; margin:0 7px 0 8px;}
.pro .proWin li .tu{ display:block; width:288px; height:276px; overflow:hidden}
.pro .proWin li img{ display:block; width:100%; height:100%;}
.pro .proWin li .wen{ overflow:hidden; width:100%; height:35px; padding-top:23px; border-top:1px solid #e8e8e8;}
.pro .proWin li .til{ display:block; float:left; font-size:14px; color:#333; margin-left:14px;}
.pro .proWin li .more{ display:block; width:16px; height:16px; background:url(Img/Index/pro_more.png) no-repeat center; float:right; margin-right:14px;}
.pro .proWin li:hover{ box-shadow:0 0 6px #ccc}
.pro .proWin li:hover .wen{ padding-top:22px; border-top:2px solid #e60d1e;}
.pro .btn { display:block; text-align:center; width:100%; margin-top:40px;}
.pro .btn a{ display:inline-block; width:35px; height:35px; margin:0 5px;}
.pro .btn a{ *display:inline}
.pro .btn .prev{ background:url(Img/Index/pro_prev.png) no-repeat center}
.pro .btn .next{ background:url(Img/Index/pro_next.png) no-repeat center}
.pro .btn .more{ background:url(Img/Index/pro_m.png) no-repeat center}

/*特点*/
.td { overflow:hidden; width:100%;}
.td .menu{ width:100%; height:86px; background-color:#eee; text-align: center; position:relative; z-index:2}
.td .menu li { display:inline-block; width:300px; height:86px; position:relative; text-align:center; line-height:86px; font-size:24px; color:#333; cursor:pointer}
.td .menu li{ *display:inline}
.td .menu li img{ display:none; position:absolute; top:86px; left:50%; margin-left:-15px;}
.td .menu li i{ display:inline-block; width:40px; height:40px; overflow:hidden; position:relative; top:11px;}
.td .menu li i{ *display:inline}
.td .menu .i01{ background:url(Img/Index/td01.png) no-repeat center top;}
.td .menu .i02{ background:url(Img/Index/td02.png) no-repeat center top;}
.td .menu .i03{ background:url(Img/Index/td03.png) no-repeat center top;}
.td .menu .i04{ background:url(Img/Index/td04.png) no-repeat center top;}
.td .menu li.cur { background-color:#e20505; color:#fff;}
.td .menu li.cur i{ background-position:bottom}
.td .menu li.cur img{ display:block}
.td .tdbox{ overflow:hidden; width:100%; height:587px; position:relative}
.td .tdlist{ display:none; overflow:hidden; width:100%; height:587px; position:absolute; left:0; top:0}

/*case*/
.case { overflow:hidden; width:100%; background:url(Img/Index/case_bg.png) repeat center; padding-bottom:45px;}
.case .menu{ overflow:hidden; margin-bottom:40px; width:100%; text-align:center}
.case .menu li{ display:inline-block; width:170px; height:100px; border-right:1px solid #e7e7e7;}
.case .menu li{*display:inline}
.case .menu li.last{ border:none}
.case .menu li .box{ display:block; overflow:hidden; width:130px; height:98px; margin:0 auto; text-align:center; text-decoration:none}
.case .menu li i{ display:block; margin:0 auto; width:50px; height:50px; margin-top:10px; margin-bottom:10px;}
.case .menu li span{ display:block; font-size:14px; color:#333;}
.case .menu .i01{ background:url(Img/Index/case01.png) no-repeat center top;}
.case .menu .i02{ background:url(Img/Index/case02.png) no-repeat center top;}
.case .menu .i03{ background:url(Img/Index/case03.png) no-repeat center top;}
.case .menu .i04{ background:url(Img/Index/case04.png) no-repeat center top;}
.case .menu .i05{ background:url(Img/Index/case05.png) no-repeat center top;}
.case .menu .i06{ background:url(Img/Index/case06.png) no-repeat center top;}
.case .menu .i07{ background:url(Img/Index/case07.png) no-repeat center top;}
.case .menu li.cur .box{ border:1px solid #e20505;}
.case .menu li.cur i{ background-position:bottom}
.case .menu li.cur span{ color:#e20505}
.case .caseBox { overflow:hidden; height:525px; width:1210px; margin:0 auto; position:relative}
.case .caselist{ width:100%; height:100%; position:absolute; left:0; top:0}
.case .caseWin{ width:100%; height:445px; position:relative}
.case .caseWin ul{ position:absolute}
.case .caseWin li{ float:left; width:1200px; height:445px; padding:5px;}
.case .caseWin .bigtu{ overflow:hidden; float:left; width:590px; height:445px; position:relative}
.case .caseWin .wen{ display:none; overflow:hidden; width:90%; height:75px; background:url(Img/Index/case_wen.png) repeat center; position:absolute; left:0; bottom:0; padding:20px 5%}
.case .caseWin .wen h4{ font-size:16px; color:#fff; white-space:normal; text-overflow:ellipsis; overflow: hidden; margin-bottom:10px; position:relative; z-index:2}
.case .caseWin .wen h4 a{ color:#fff;}
.case .caseWin .wen p{ font-size:13px; color:#fff; position:relative; z-index:2; line-height:22px; height:44px; overflow:hidden;}
.case .caseWin img{ display:block}
.case .caseWin .wen img{ display:block; position:absolute; z-index:1; left:10px; top:0}
.case .caseWin .smalltu{ overflow: hidden;float:right; width:590px; height:445px; position:relative}
/*.case .caseWin .tulist{ overflow:hidden; width:289px; height:215px; position:relative; position: absolute}
.case .caseWin .tu01{ left:0; top:0}
.case .caseWin .tu02{ right:0; top:0}
.case .caseWin .tu03{ left:0; bottom:0}
.case .caseWin .tu04{ right:0; bottom:0}
.case .caseWin .smalltu .wen{ padding:10px 5%}*/
.case .caseWin .list_tu:hover{ box-shadow:0 0 6px #000;}
.case .btn { display:block; text-align:center; width:100%; margin-top:40px;}
.case .btn a{ display:inline-block; width:35px; height:35px; margin:0 5px;}
.case .btn a{ *display:inline}
.case .btn .prev{ background:url(Img/Index/pro_prev.png) no-repeat center}
.case .btn .next{ background:url(Img/Index/pro_next.png) no-repeat center}
.case .btn .more{ background:url(Img/Index/pro_m.png) no-repeat center}

/*理由*/
.youshi { overflow:hidden; width:100%; margin-bottom:25px; *margin-bottom:70px;}
.youshi h4{ font-size:40px; color:#3589EA; margin-bottom:10px; margin-top:40px;}
.youshi em{ display:block; width:90px; height:2px; background-color:#e1e1e1; margin-bottom:25px;}
.youshi h5{ font-weight:normal; font-size:26px; color:#000; margin-bottom:40px;}
.youshi .ysbox p{ font-size:14px; color:#000; line-height:32px; text-align:justify}
.youshi ul{ overflow:hidden; width:360px;}
.youshi li{ float:left; width:45%; font-size:14px; color:#000; line-height:32px; background:url(Img/Index/youshi_yuandian.png) no-repeat left center; padding-left:5%;}
.youshi dl{ overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px;}
.youshi dt{ overflow:hidden; position: relative; width:754px; height:399px;}
.youshi dt .ys_s{ display:block; position:absolute; top:185px; right:0}
.youshi .dl01 dt .ys_s{ left:0}
.youshi .dl01 dt{ float:right; width:743px;}
.youshi .dl01 dd{ float:left; width:425px;}
.youshi .dl02 dt,.youshi .dl04 dt{ float:left;}
.youshi .dl02 dd,.youshi .dl04 dd{ width:400px; float:right}
.youshi .ys03{ overflow:hidden; width:100%; height:438px; background:url(Img/Index/youshi_tu03.jpg) no-repeat center top;}
.youshi .wen{ overflow:hidden; width:1200px; margin:0 auto;}
.youshi .yslist:hover h4{ color:#e20505}
.youshi .yslist:hover em{ background-color:#e20505;}

/*about*/
.about { overflow:hidden; width:100%; background-color:#f5f5f5; padding:60px 0 50px 0;}
.about dl{ overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px;}
.about dt{ overflow:hidden; float:right; border:12px solid #e6e6e6;}
.about dd{ overflow:hidden; float:left; width:645px;}
.about dd h3{ font-size:36px; color:#282828; font-weight:normal; padding-left:15px;border-left:4px solid #e20505; margin-bottom:25px;}
.about dd h3 a{ color:#282828;}
.about dd h3 em{ display:block; font-size:12px; color:#cacaca; font-family:Arial; text-transform:uppercase}
.about dd p{ font-size:14px; color:#484848; line-height:26px; text-indent:28px; text-align: justify}
.about ul{ overflow:hidden; width:1200px; margin:0 auto; height:100px;}
.about li{ float:left; width:229px; border-right:1px solid #dfdfdf; height:100px; padding-left:70px;}
.about li.first{ padding-left:15px; width:284px;}
.about li.last{ border:none}
.about .num{ overflow:hidden}
.about .num span{ display:inline-block; height:55px; overflow:hidden; font-weight:bold; font-size:55px; color:#3589EA; line-height:55px; position:relative}
.about .num span b{ display:block}
.about .num span i{ display:block; height:550px; font-style:normal}
.about .num em{ font-size:16px; color:#3589EA;}
.about li.last em{ font-size:55px; font-weight:bold; display:inline-block; height:55px; line-height:55px; position:relative; top:-5px;}
.about li p{ font-size:16px; color:#484848; margin-top:10px;}

/*news*/
.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:60px;}
.news .newsbox { overflow:hidden; width:100%; height:415px;}
.news .news01{ float:left; margin-right:25px; width:282px; height:415px;}
.news .news01 img{ display:block; margin:0 auto; margin-bottom:10px;} 
.news .news01 dl{ overflow:hidden; width:100%;}
.news .news01 dt{ float:left; width:50px; height:50px; background-color:#7e7e7e; text-align:center}
.news .news01 dt b{ font-size:24px; color:#fff; display:block;}
.news .news01 dt em{ display:block; font-size:12px; color:#fff;}
.news .news01 dd{ overflow:hidden; float:right; width:210px;}
.news .news01 dd h4{ font-size:16px; font-weight:normal; line-height:24px; max-height:48px; margin-bottom:20px; overflow:hidden;}
.news .news01 dd h4 a{ color:#333;}
.news .news01 dd p{ font-size:14px; color:#484848; line-height:22px; height:132px; overflow:hidden; text-align:justify; text-indent:14px;}
.news .news01:hover dt{ background-color:#3589EA;}
.news .news01:hover h4 a{ color:#3589EA;}
.news .right_news{ overflow:hidden; float:right; width:575px; height:415px;}
.news .listnews{ overflow:hidden; width:533px; height:85px; border:1px solid #dadada; padding:20px; margin-bottom:12px;}
.news .listnews h5{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;}
.news .listnews h5 a{ color:#262626;}
.news .listnews em{ display:block; margin-bottom:5px; font-size:14px; color:#484848;}
.news .listnews p{ font-size:14px; color:#484848; line-height:20px; height:40px; overflow:hidden;}
.news .listnews:hover{ border-color:#3589EA;}
.news .listnews:hover a{ color:#3589EA;}


/*首页广告*/
#flashs{ position:relative; height:630px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ overflow:hidden; width:100%; text-align:center; height:15px; position:absolute; left:0; bottom:27px; z-index:5;}
#flashs .btn span{ display:inline-block; width:40px; height:3px; background:#fff; opacity:0.8; margin:0 4px; margin-top:3px; text-indent:-9999em;border-radius:0 !important;}
#flashs .btn span{ *display:inline}
#flashs .btn span.swiper-pagination-bullet-active{ margin-top:0; height:6px; background:#e60d1e; opacity:1}