body{ font-family: arial; font-size: 14px; line-height: 150%; margin: 0px; padding: 0px; background: #ffffff; min-width: 1200px;}
img{ border: 0px;}
a{ color: #000000; text-decoration: none;}
a:hover{ color: #000000; text-decoration: underline;}
form{ margin: 0px; padding: 0px;}
ul, li{ margin: 0px; padding: 0px; list-style-type: none;}
input, select, textarea{ margin: 0px; padding: 5px 10px; font-family: "微软雅黑"; font-size: 14px; vertical-align: middle;}

.input_error{ border: 1px solid #ff0000 !important; background: #fff7f7 !important; color: #ff0000;}
.msg{ color: #ff0000;}
.remark{ color: #999999;}
.clear{ clear: both;}

/*****Public*****/
.pic-bigger img{ transition-delay: 0s; transition-duration: 0.5s; transition-property: all; transition-timing-function: ease;
-moz-transition-delay: 0s; -moz-transition-duration: 0.5s; -moz-transition-property: all; -moz-transition-timing-function: ease;
-webkit-transition-delay: 0s; -webkit-transition-duration: 0.5s; -webkit-transition-property: all; -webkit-transition-timing-function: ease;
-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.pic-bigger:hover img{ transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2);}

.template{ display: none;}
.bg{ width: 100%; height: 100%; clear: both; position: fixed; top: 0px; left: 0px; background: url(../image/bg.jpg) center no-repeat; background-size: 100% 100%; font-size: 0px; line-height: 0px;}
.wrap{ width: 100%; min-width: 1200px; height: auto; clear: both; position: absolute; top: 0px; left: 0px; z-index: 1;}

.public-tit{ width: 100%; height: 70px; line-height: 70px; margin: 0 auto; clear: both; text-align: center; position: relative;}
.public-tit .en{ width: 100%; font-size: 80px; color: #f3f3f3; font-weight: bold; text-transform: uppercase;}
.public-tit .cn{ width: 100%; position: absolute; top: 0px; left: 0px; font-size: 48px; color: #000000; font-weight: bold; text-transform: uppercase;}
.public-tit .cn span{ display: inline-block; position: relative;}
.public-tit .cn span::before{ width: 25px; height: 5px; clear: both; position: absolute; top: 57px; left: 0px; background: #e60012; font-size: 0px; line-height: 0px; content: '';}
.public-details{ width: 120px; height: 35px; line-height: 35px; clear: both; background: #ffffff; border: 1px solid #e60012; border-radius: 5px; text-align: center; font-size: 14px; color: #e60012; text-transform: uppercase;}
.public-details a{ display: block; width: 100%; height: 100%; color: #e60012; text-decoration: none;}
.public-details:hover{ background: #e60012; color: #ffffff; font-weight: bold;}
.public-details:hover a{ color: #ffffff;}

/*****Header*****/
.header{ width: 100%; min-width: 1200px; height: 80px; clear: both; background: #ffffff;}
.header .cot{ width: 100%; height: 80px; margin: 0 auto; padding-top: 0px; clear: both; position: relative;}
.header .cot .logo{ width: 270px; height: auto; padding: 12px 0px 0px 50px; float: left; font-size: 0px; line-height: 0px;}
.header .cot .logo img{ width: 100%; height: auto;}
.header .cot .nav{ width: auto; height: 45px; margin-right: 70px; padding: 35px 0px 0px 0px; float: right;}
.header .cot .nav .li{ width: auto; height: 45px; margin-left: 35px; float: left; font-size: 16px; color: #000000; position: relative;}
.header .cot .nav .li a{ display:inline-table; width: auto; height: 45px; color: #000000; text-decoration: none;}
.header .cot .nav .li a:hover{ color: #e60012;}
.header .cot .nav .li a .line{ display: none;}
.header .cot .nav .li-on{ color: #e60012;}
.header .cot .nav .li-on a{ color: #e60012;}
.header .cot .nav .li-on a .line{ display: block; width: 100%; height: 3px; clear: both; background: #e60012; position: absolute; bottom: 0px; left: 0px; font-size: 0px; line-height: 0px;}
.header .cot .nav .li .nav-sub{ width: auto; height: auto; padding: 60px 0px; clear: both; position: absolute; top: 45px; left: 0px; z-index: 100; display: none;}
.header .cot .nav .li .nav-sub .txt{ width: 780px; height: auto; clear: both; position: relative;}
.header .cot .nav .li .nav-sub .txt .t-tit{ width: 100%; height: auto; clear: both; font-size: 24px; color: #ffffff; font-weight: 500;}
.header .cot .nav .li .nav-sub .txt .t-cot{ width: 100%; height: auto; padding-top: 12px; clear: both; font-size: 16px; color: #ffffff; line-height: 170%; font-weight: normal;}
.header .cot .nav .li .nav-sub .subnav{ width: 780px; height: auto; padding-top: 30px; clear: both; overflow: hidden;}
.header .cot .nav .li .nav-sub .subnav .nli{ width: auto; height: 45px; line-height: 45px; margin-right: 50px; float: left; overflow: hidden;}
.header .cot .nav .li .nav-sub .subnav .nli a{ display: block; width: 100%; height: 100%; font-size: 16px; color: #ffffff; font-weight: normal;}
.header .cot .nav .li .nav-sub .subnav .nli a span{ padding-left: 5px; font-size: 14px;}
.header .cot .nav .li .nav-sub .subnav .nli a:hover{ font-weight: bold;}
.header .cot .language{ width: auto; height: auto; float: right; border-left: 1px solid #eeeeee;}
.header .cot .language a{ display: block; width: auto; height: 45px; padding: 35px 25px 0px 25px; text-decoration: none;}
.header .cot .language .icon{ width: 20px; height: auto; padding-top: 4px; float: left; font-size: 0px; line-height: 0px;}
.header .cot .language .icon img{ width: 100%; height: auto;}
.header .cot .language .txt{ width: auto; height: auto; padding-left: 7px; float: left; font-size: 16px; color: #000000;}
.header .cot .language a:hover{ background: #e60012;}
.header .cot .language a:hover .txt{ color: #ffffff;}
.header .nav_bg{ width: auto; height: 600px; clear: both; position: absolute; top: 80px; left: 0px; right: 0px; z-index: 10; background: #e60012; overflow: hidden; display: none;}
.header .nav_bg .icon{ width: 100px; height: 100px; clear: both; position: absolute; right: 30px; bottom: 30px; background: url(../image/logo_footer.png) center no-repeat; font-size: 0px; line-height: 0px;}

/*****Footer*****/
.footer{ width: 100%; height: auto; margin: 0 auto; clear: both; position: relative;}
.footer .contact{ width: 1200px; height: auto; margin: 0 auto; padding-bottom: 80px; clear: both;}
.footer .contact .welcome{ width: 100%; height: auto; margin: 0 auto; padding-top: 40px; clear: both; text-align: center; font-size: 30px; color: #ffffff; font-weight: bold; line-height: 130%;}
.footer .contact .txt{ width: 1000px; height: auto; margin: 0 auto; padding-top: 20px; clear: both; text-align: center; font-size: 20px; color: #ffffff; line-height: 150%;}
.footer .contact .txt span{ display: block;}
.footer .other{ width: 100%; height: auto; margin: 0 auto; clear: both; background: #f1f1f1; position: relative;}
.footer .other .logo{ width: 100px; height: 100px; clear: both; position: absolute; top: -50px; left: 50%; margin-left: -50px; border-radius: 5px; overflow: hidden; font-size: 0px; line-height: 0px;}
.footer .other .nav{ width: 1200px; height: auto; margin: 0 auto; padding: 90px 0px 70px 0px; clear: both; text-align: center;}
.footer .other .nav .li{ display: inline-block; width: auto; height: auto; margin: 0 25px; text-align: left; vertical-align: top;}
.footer .other .nav .li .n-tit{ width: auto; height: auto; clear: both; font-size: 18px; color: #333333;}
.footer .other .nav .li .n-tit a{ color: #333333; text-decoration: none;}
.footer .other .nav .li .n-tit a:hover{ color: #e60012;}
.footer .other .nav .li .n-cot{ width: auto; height: auto; padding-top: 12px; clear: both; font-size: 14px; color: #666666;}
.footer .other .nav .li .n-cot span{ display: block; padding: 3px 0px; max-width: 150px;}
.footer .other .nav .li .n-cot a{ color: #666666; text-decoration: none;}
.footer .other .nav .li .n-cot a:hover{ color: #e60012;}
.footer .copyright{ width: 100%; height: auto; clear: both; background: #000000;}
.footer .copyright .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 20px 0px; clear: both; text-align: center; font-size: 12px; color: #ffffff; line-height: 175%;}
.footer .copyright .cot img{ vertical-align: middle;}
.footer .copyright .cot a{ color: #ffffff;}

/*****Main*****/
.banner{ width: 100%; height: 600px !important; clear: both; background: #ffffff; position: relative; overflow: hidden;}
.banner .shade{ width: 807px; height: 28px; clear: both; background: url(../image/banner_shade.png) center no-repeat; position: absolute; bottom: -10px; left: 72%; z-index: 1000; font-size: 0px; line-height: 0px;}
.banner .shade-top{ transform: scaleX(-1) scaleY(-1); top: -17px; left: auto; right: 75%;}

.about{ width: 100%; height: auto; padding-top: 60px; clear: both; background: #ffffff;}
.about .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 60px 0px 80px 0px; clear: both; overflow: hidden;}
.about .cot .txt{ width: 420px; height: auto; float: left;}
.about .cot .txt .title{ width: 100%; height: auto; margin-top: -4px; clear: both; font-size: 20px; color: #000000; font-weight: bold; line-height: 130%;}
.about .cot .txt .abstract{ width: 100%; height: auto; padding-top: 15px; clear: both; font-size: 16px; color: #000000; line-height: 160%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 12; overflow: hidden; text-overflow: ellipsis;}
.about .cot .txt .public-details{ margin-top: 40px;}
.about .cot .feature{ width: 735px; height: 360px; float: right; overflow: hidden;}
.about .cot .feature .li{ width: 245px; height: 360px; float: left; position: relative;}
.about .cot .feature .li a{ display: block; text-decoration: none;}
.about .cot .feature .li .pic{ width: 100%; height: 180px; clear: both; position: absolute; top: 0px; left: 0px; font-size: 0px; line-height: 0px; overflow: hidden;}
.about .cot .feature .li .pic img{ width: 100%; height: auto; min-height: 180px;}
.about .cot .feature .li .ftxt{ width: 100%; height: 180px; clear: both; position: absolute; top: 180px; left: 0px; background: #f0f0f0;}
.about .cot .feature .li .ftxt .ftit{ width: 210px; height: auto; margin: 0 auto; padding-top: 25px; clear: both; text-align: center; font-size: 16px; color: #000000; font-weight: bold; position: relative;}
.about .cot .feature .li .ftxt .ftit .line{ width: 50px; height: 4px; clear: both; position: absolute; bottom: 0px; left: 50%; margin-left: -25px; font-size: 0px; line-height: 0px;}
.about .cot .feature .li .ftxt .fcot{ width: 210px; height: auto; margin: 0 auto; padding-top: 10px; clear: both; text-align: center; font-size: 14px; color: #666666; line-height: 130%;}
.about .cot .feature .li .ftxt .more{ margin: 12px auto 0px auto; text-align: center; font-size: 14px; color: #e60012;}
.about .cot .feature .li .ftxt .more a{ color: #e60012; text-decoration: underline;}
.about .cot .feature .li:nth-child(2) .pic{ top: 180px;}
.about .cot .feature .li:nth-child(2) .ftxt{ top: 0px;}

.authentication{ width: 100%; height: auto; padding-top: 0px; clear: both;}
.authentication .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 55px 0px 50px 0px; clear: both; overflow: hidden;}
.authentication .cot .title{ width: 100%; height: auto; clear: both; text-align: center; font-size: 34px; color: #ffffff; font-weight: bold; line-height: 130%;}
.authentication .cot .list{ width: 100%; height: auto; padding-top: 10px; clear: both; text-align: center; overflow: hidden;}
.authentication .cot .list .li{ display: inline-block; width: 100px; height: auto; padding: 40px 50px 0px 50px; vertical-align: top;}
.authentication .cot .list .li .icon{ width: 100px; height: auto; clear: both; font-size: 0px; line-height: 0px;}
.authentication .cot .list .li .icon img{ width: 100%; height: auto; max-height: 100px;}
.authentication .cot .list .li .txt{ width: 100px; height: auto; padding-top: 15px; clear: both; text-align: center; font-size: 16px; color: #ffffff; line-height: 140%;}

.programme{ width: 100%; height: auto; padding-top: 60px; clear: both; background: #ffffff;}
.programme .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 30px 0px 80px 0px; clear: both; overflow: hidden;}
.programme .cot .describe{ width: 100%; height: auto; padding-bottom: 35px; clear: both; text-align: center; font-size: 16px; color: #000000; line-height: 150%;}
.programme .cot .list{ width: 100%; height: auto; clear: both; overflow: hidden;}
.programme .cot .list .li{ width: 50%; height: 410px; float: left; position: relative; overflow: hidden;}
.programme .cot .list .li .pic{ width: 100%; height: 410px; clear: both; font-size: 0px; line-height: 0px;}
.programme .cot .list .li .txt{ width: 100%; height: 100%; clear: both; position: absolute; top: 0px; left: 0px; z-index: 1; background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,0,0,0));}
.programme .cot .list .li .txt .tit{ width: 88%; height: auto; margin: 0 auto; padding-top: 320px; clear: both; font-size: 42px; color: #ffffff; font-weight: bold; line-height: 100%; text-transform: uppercase;}
.programme .cot .list .li .txt .tit span{ display: block; padding-top: 2px; font-size: 24px; font-weight: normal;}
.programme .cot .list .li .txt .details{ display: none;}
.programme .cot .list .li .txt .public-details{ display: none;}
.programme .cot .list .li.on .txt{ background: rgba(0,0,0,0.7);}
.programme .cot .list .li.on .txt .tit{ width: 88%; height: auto; margin: 0 auto; padding-top: 40px; clear: both; font-size: 32px; color: #ffffff; font-weight: bold;}
.programme .cot .list .li.on .txt .tit span{ display: inline-block; padding: 0px 0px 0px 15px; font-size: 20px; font-weight: normal;}
.programme .cot .list .li.on .txt .details{ display: block; width: 88%; height: auto; margin: 0 auto; padding-top: 20px; clear: both;}
.programme .cot .list .li.on .txt .details .dli{ width: 100%; height: auto; padding: 7px 0px; float: left; font-size: 18px; color: #ffffff;}
.programme .cot .list .li.on .txt .details .dli a{ color: #ffffff;}
.programme .cot .list .li.on .txt .details .dli a:hover{ text-decoration: underline;}
.programme .cot .list .li.on .txt .public-details{ display: block; position: absolute; bottom: 40px; left: 6%; z-index: 2;}

.product{ width: 100%; height: auto; clear: both;}
.product .public-tit{ padding-bottom: 60px; background: #ffffff;}
.product .cot{ width: 1200px; height: 700px; margin: 0 auto; clear: both;}
.product .cot .pics{ width: 100%; height: 440px; padding-top: 80px; clear: both; overflow: hidden;}
.product .cot .pics .li{ width: 388px; height: auto; margin-right: 18px; float: left;}
.product .cot .pics .li a{ display: block; text-decoration: none;}
.product .cot .pics .li .pic{ width: 100%; height: 320px; clear: both; font-size: 0px; line-height: 0px; overflow: hidden;}
.product .cot .pics .li .pic img{ width: 100%; height: auto; min-height: 320px;}
.product .cot .pics .li .txt{ width: 100%; height: 90px; padding: 15px 0px; clear: both; background: #ffffff; font-size: 24px; color: #000000; line-height: 120%;}
.product .cot .pics .li .txt span{ display: block; width: 88%; margin: 0 auto;}
.product .cot .pics .li a:hover .txt{ color: #e60012;}
.product .cot .more{ width: 100%; height: auto; padding-top: 70px; clear: both; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.product .cot .more .arrow-left{ display: inline-table; width: 45px; height: 45px; background: url(../image/more_arrow_left.png) center no-repeat #ffffff; border: 1px solid #e60012; border-radius: 5px; vertical-align: top; cursor: pointer;}
.product .cot .more .arrow-left a{ display: block; width: 100%; height: 100%;}
.product .cot .more .txt{ display: inline-table; width: auto; height: 45px; line-height: 45px; margin: 0 10px; background: #ffffff; border: 1px solid #e60012; border-radius: 5px; font-size: 14px; color: #e60012; text-transform: uppercase;}
.product .cot .more .txt a{ display: block; width: auto; height: 100%; padding: 0 35px; color: #e60012; text-decoration: none;}
.product .cot .more .txt a:hover{ background: #e60012; color: #ffffff;}
.product .cot .more .arrow-right{ display: inline-table; width: 45px; height: 45px; background: url(../image/more_arrow_right.png) center no-repeat #ffffff; border: 1px solid #e60012; border-radius: 5px; vertical-align: top; cursor: pointer;}
.product .cot .more .arrow-right a{ display: block; width: 100%; height: 100%;}

.news{ width: 100%; height: auto; padding-top: 60px; clear:both; background: #ffffff;}
.news .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 70px 0px 80px 0px; clear: both; overflow: hidden;}
.news .cot .list{ width: 580px; height: auto; margin-top: -18px; float: left;}
.news .cot .list .li{ width: 100%; height: auto; padding: 18px 0px; clear: both; border-top: 1px dashed #eeeeee; overflow: hidden;}
.news .cot .list .li:first-child{ border-top: 0px;}
.news .cot .list .li a{ display: block; width: 100%; height: 100%;}
.news .cot .list .li .date{ width: 90px; height: 90px; float: left; background: #f2f2f2; border-radius: 5px;}
.news .cot .list .li .date .time{ width: 100%; height: auto; padding-top: 20px; clear: both; text-align: center; font-size: 26px; color: #444444;}
.news .cot .list .li .date .time span{ display: block; padding-top: 8px; font-size: 14px; color: #888888;}
.news .cot .list .li .txt{ width: 475px; height: auto; float: right;}
.news .cot .list .li .txt .title{ width: 100%; height: auto; margin-top: -5px; clear: both; font-size: 18px; color: #000000; font-weight: bold; line-height: 150%;}
.news .cot .list .li .txt .abstract{ width: 100%; height: auto; padding-top: 5px; clear: both; font-size: 14px; color: #000000; line-height: 160%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.news .cot .list .li a:hover .txt .title{ color: #e60012; font-weight: bold; text-decoration: underline;}
.news .cot .list .public-details{ margin-top: 20px;}
.news .cot .pics{ width: 580px; height: auto; float: right;}
.news .cot .pics .pic{ width: 100%; height: auto; clear: both;}
.news .cot .pics .pic .li{ width: 100%; height: auto; clear: both;}
.news .cot .pics .pic .li a{ display: block; width: 100%; height: 100%;}
.news .cot .pics .pic .li .picture{ width: 100%; height: 350px; clear: both; border-radius: 5px; font-size: 0px; line-height: 0px; overflow: hidden;}
.news .cot .pics .pic .li .picture img{ width: 100%; height: auto; min-height: 350px;}
.news .cot .pics .pic .li .text{ width: 100%; height: auto; padding-top: 12px; clear: both; text-align: center; font-size: 20px; color: #000000; font-weight: bold; line-height: 150%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.news .cot .pics .menu{ width: 100%; height: auto; margin: 0 auto; padding-top: 25px; clear: both; text-align: center; font-size: 0px; line-height: 0px;}
.news .cot .pics .menu .li{ display: inline-block; width: 12px; height: 12px; margin: 0 4px; background: #dddddd; border-radius: 12px; cursor: pointer;}
.news .cot .pics .menu .li.on{ width: 30px; background: #e60012;}

/*****Sub*****/
.banner-sub{ width: 100%; height: 350px !important; clear: both; background: #ffffff; position: relative;}
.banner-sub img{ width: 100%; height: auto; min-height: 350px; animation: banner-sub-scale 5s;}
@keyframes banner-sub-scale{
    from{
        transform: scale(1.1);
    }
    to{
        transform: scale(1);
    }
  }

.sub-wrap{ width: 100%; height: auto; clear: both; background: #ffffff;}
.sub{ width: 100%; height: auto; margin: 0 auto; padding-top: 40px; clear: both; position: relative;}
.sub .menu{ width: 100%; height: auto; margin-top: 25px; padding: 16px 0px; clear: both; border-bottom: 1px solid #dddddd; text-align: center;}
.sub .menu .li{ display: inline-block; width: auto; height: 38px; line-height: 38px; margin: 0px 25px; font-size: 25px; color: #666666; position: relative;}
.sub .menu .li a{ color: #666666; text-decoration: none;}
.sub .menu .li a:hover{ color: #e60012;}
.sub .menu .li .arrow{ display: none;}
.sub .menu .li-on{ color: #e60012; font-weight: bold;}
.sub .menu .li-on a{ color: #e60012;}
.sub .menu .li-on a:hover{ color: #e60012;}
.sub .menu .li-on .arrow{ display: block; width: 19px; height: 10px; clear: both; background: url(../image/arrow.png) center no-repeat; position: absolute; bottom: -24px; left: 50%; margin-left: -9px; font-size: 0px; line-height: 0px;}

.sub .content{ width: 1200px; height: auto; margin: 0 auto; padding-bottom: 80px; clear: both;}
.sub .content .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 30px 0px 0px 0px; clear: both; font-size: 18px; color: #333333; line-height: 170%; overflow: hidden;}
.sub .content .cot img{ border-radius: 5px;}
.sub .content .cot table{ border-collapse: collapse; border-spacing: 0px;}
.sub .content .cot table th, .sub .content .cot table td{ padding: 5px 10px; border: 1px solid #000000;}
.sub .content .cot .explain{ width: 100%; height: auto; padding-bottom: 40px; clear: both; font-size: 16px; color: #888888; line-height: 170%; overflow: hidden;}
.sub .content .cot .no-data{ width: 500px; height: auto; margin: 25px auto; padding-top: 310px; clear: both; background: url(../image/no_data.png) top center no-repeat; text-align: center; font-size: 16px;}

/*****News*****/
.sub .s-news{ width: 1000px; height: auto; margin: 0 auto; clear: both;}
.sub .s-news .li{ width: 100%; height: auto; clear: both; border-top: 1px dashed #dddddd; overflow: hidden;}
.sub .s-news .li:first-child{ border-top: 0px;}
.sub .s-news .li a{ display: block; width: 100%; height: 100%; padding: 32px 0px; overflow: hidden; text-decoration: none;}
.sub .s-news .li .pic{ width: 250px; height: auto; max-height: 180px; float: left; border-radius: 5px; font-size: 0px; line-height: 0px; overflow: hidden;}
.sub .s-news .li .pic img{ width: 100%; height: auto; min-height: 180px;}
.sub .s-news .li .txt{ width: 720px; height: auto; padding-right: 0px; float: right;}
.sub .s-news .li .txt .n-title{ width: 100%; height: auto; margin-top: -5px; clear: both; text-align: justify; font-size: 24px; color: #000000; line-height: 150%;}
.sub .s-news .li .txt .n-time{ width: 100%; height: auto; padding-top: 5px; clear: both; font-size: 14px; color: #aaaaaa;}
.sub .s-news .li .txt .n-time span{ padding-right: 15px;}
.sub .s-news .li .txt .n-abstract{ width: 100%; height: auto; padding-top: 5px; clear: both; text-align: justify; font-size: 16px; color: #888888; line-height: 170%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}
.sub .s-news .li:hover .txt .n-title{ color: #e60012; font-weight: bold;}

/*****Picture*****/
.sub .s-pic{ width: 100%; height: auto; padding-top: 10px; clear: both; text-align: center; position: relative;}
.sub .s-pic .li{ display: inline-block; width: 278px; height: auto; margin: 20px 10px; border: 1px solid #dddddd; border-radius: 5px; overflow: hidden;}
.sub .s-pic .li a{ display: block; width: 100%; height: 100%; text-decoration: none;}
.sub .s-pic .li .pic{ width: 100%; height: 200px; clear: both; font-size: 0px; line-height: 0px; overflow: hidden;}
.sub .s-pic .li .pic img{ width: 100%; height: auto; min-height: 200px;}
.sub .s-pic .li .txt{ width: 100%; height: 58px; line-height: 50px; clear: both; text-align: center; font-size: 18px; color: #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
.sub .s-pic .li a:hover .txt{ color: #e60012;}

/*****Case*****/
.sub .s-case{ width: 1218px; height: auto; margin-left: -9px; padding-top: 10px; clear: both; position: relative;}
.sub .s-case .li{ display: inline-block; width: 386px; height: auto; margin: 15px 9px; border: 1px solid #dddddd; border-radius: 5px; text-align: left; overflow: hidden; vertical-align: top;}
.sub .s-case .li a{ display: block; width: 100%; height: 100%; text-decoration: none;}
.sub .s-case .li .title{ width: 90%; height: auto; margin: 0 auto; padding-top: 12px; clear: both; font-size: 22px; color: #000000; line-height: 140%;}
.sub .s-case .li .address{ width: 90%; height: auto; margin: 0 auto; padding-top: 5px; clear: both; font-size: 14px; line-height: 140%; color: #888888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
.sub .s-case .li .more{ margin: 15px 0px 10px 5%; font-size: 14px; color: #e60012;}
.sub .s-case .li a .more{ color: #e60012; text-decoration: underline;}
.sub .s-case .li a:hover .title{ color: #e60012;}

/*****Details*****/
.sub .s-details{ width: 1200px; height: auto; padding-top: 10px; clear: both; overflow: hidden;}
.sub .s-details .n-tit{ width: 100%; height: auto; clear: both; text-align: center; font-size: 36px; color: #e60012; line-height: 135%; font-weight: bold;}
.sub .s-details .n-time{ width: 100%; height: auto; padding-top: 10px; clear: both; text-align: center; font-size: 14px; color: #999999;}
.sub .s-details .n-time span{ padding: 0 8px;}
.sub .s-details .n-cot{ width: 100%; height: auto; padding-top: 25px; clear: both; text-align: justify; font-size: 18px; color: #000000; line-height: 180%; overflow: hidden;}
.sub .s-details .n-cot p{ margin: 0px; padding: 0px 0px 15px 0px;}
.sub .s-details .n-video{ width: 1000px; height: 563px; margin: 50px auto 0 auto; clear: both; background: #000000; font-size: 0px; line-height: 0px; border-radius: 5px; overflow: hidden;}
.sub .s-details .n-video video{ width: 1000px; height: 563px;}
.sub .s-details .n-pics{ width: 100%; height: auto; padding-top: 60px; clear: both;}
.sub .s-details .n-pics .txt{ width: 100%; height: auto; clear: both; text-align: center; font-size: 26px; color: #000000; font-weight: bold;}
.sub .s-details .n-pics .list{ width: 100%; height: auto; padding-top: 25px; clear: both; text-align: center; white-space: nowrap; overflow-x: auto;}
.sub .s-details .n-pics .list .li{ display: inline-block; width: 330px; height: 248px; margin: 15px 0px 18px 18px; border-radius: 5px; overflow: hidden;}
.sub .s-details .n-pics .list .li:first-child{ margin-left: 0px;}
.sub .s-details .n-pics .list .li img{ width: 100%; height: auto; min-height: 248px;}
.sub .s-details .n-share{ width: auto; height: 50px; padding-top: 40px; clear: both; float: right; font-size: 14px;}
.sub .s-details .n-more{ width: 100%; height: auto; margin: 25px auto 0 auto; padding-top: 20px; clear: both; border-top: 1px solid #dddddd;}
.sub .s-details .n-more .li{ width: 100%; height: auto; clear: both; font-size: 14px; color: #666666;}
.sub .s-details .n-more .li a{ color: #666666;}

/*****Search*****/
.sub-search{ width: 880px; height: 55px; margin: 0 auto; clear: both; background: #f3f3f3;}
.sub-search input{ width: 660px; height: 55px; line-height: 50px; margin: 0px; padding: 0px 20px; float: left; font-size: 18px; color: #333333; border: 0px; background: none; box-shadow: none; outline-color: invert; outline-style: none; outline-width: 0px; border: none; border-style: none; text-shadow: none; appearance: none; user-select: text; outline-color: transparent;}
.sub-search .but{ width: 120px; height: 55px; float: right; background: url(../image/search.png) center no-repeat #cccccc; font-size: 0px; line-height: 0px;}
.sub-search .but a{ display: block; width: 100%; height: 100%;}

/*****Feedback*****/
.feedback{ width: 1000px; height: auto; margin: 0 auto; padding: 20px 0 40px 0; clear: both;}
.feedback .f-exp{ width: 100%; height: auto; margin: 0 auto; clear: both; font-size: 16px; color: #ff0000; line-height: 130%;}
.feedback .f-cot{ width: 100%; height: auto; margin: 0 auto; padding-top: 20px; clear: both; font-size: 16px; color: #333333; line-height: 170%; overflow: hidden;}

/*****Form*****/
.form .li{ width: 100%; height: auto; padding-bottom: 15px; clear: both;}
.form .li .ftit{ width: 100%; height: auto; padding-bottom: 8px; clear: both; font-size: 16px;}
.form .li .ftit span{ color: #ff0000;}
.form .li .input{ width: 100%; height: auto; padding: 6px; clear: both; background: #f0f0f0; border: 1px solid #e6e6e6; box-sizing: border-box; border-radius: 5px; font-size: 16px;}
.form .li .short{ width: 280px; position: relative;}
.form .li .input textarea{ width: 100%; height: 180px; padding: 5px 10px; border: 0px; background: none; font-size: 14px; border: 0px; background: none; box-shadow: none; outline-color: invert; outline-style: none; outline-width: 0px; border: none; border-style: none; text-shadow: none; appearance: none; user-select: text; outline-color: transparent;}
.form .li .input input{ width: 100%; height: 24px; line-height: 24px; border: 0px; background: none; font-size: 14px; border: 0px; background: none; box-shadow: none; outline-color: invert; outline-style: none; outline-width: 0px; border: none; border-style: none; text-shadow: none; appearance: none; user-select: text; outline-color: transparent;}
.form .li .input select{ width: 100%; height: 30px; line-height: 24px; border: 0px; background: none; font-size: 14px; border: 0px; background: none; box-shadow: none; outline-color: invert; outline-style: none; outline-width: 0px; border: none; border-style: none; text-shadow: none; outline-color: transparent;}
.form .li .input select.small{ width: 120px; margin-right: 10px;}
.form .li .short .verify{ width: auto; height: auto; clear: both; position: absolute; top: 6px; right: -90px; font-size: 0px; line-height: 0px;}
.form .li .short .verify img{ width: 75px;}
.form .li .upload{ width: 100%; height: auto; clear: both; overflow: hidden;}
.form .li .upload .pli{ width: 100px; height: 100px; line-height: 85px; margin-right: 20px; float: left; border: 1px solid #e6e6e6; border-radius: 5px; text-align: center; font-size: 60px; color: #eeeeee; font-family: iconfont; cursor: pointer; overflow: hidden; position: relative;}
.form .li .upload .pli:hover{ color: #cccccc;}
.form .li .upload .pli img{ width: 100px; height: 100px;}
.form .but{ width: 120px; height: 50px; line-height: 50px; margin-top: 25px; padding: 0px 20px; float: left; background: #e60012; border-radius: 5px; text-align: center; font-size: 18px; color: #ffffff; cursor: pointer; text-transform: uppercase;}
.form .but:hover{ font-weight: bold; transition: all ease-in 0.2s;}

/*****Page*****/
.page{ width: 100%; height: auto; margin: 0; padding: 25px 0px 20px 0px; clear: both; font-size: 14px; text-align: center;}
.page a{ display: inline-table; padding: 8px 15px; margin: 0 5px; background: #ffffff; border: 1px solid #e60012; box-sizing: border-box; border-radius: 5px; text-align: center; color: #000000; text-decoration: none;}
.page a:hover{ background: #e60012; color: #ffffff;}
.page a.on{ background: #e60012; color: #ffffff;}
.page span{ display: inline-table; padding: 5px 4px;}

/*Message*/
.message{ width: auto; height: auto; padding: 180px 0px 250px 0px; clear: both; background: #ffffff;}
.message .icon{ width: 60px; height: 60px; margin: 0 auto; clear: both; font-size: 0px;}
.message .icon img{ width: 100%; height: auto;}
.message .text{ width: auto; height: auto; padding-top: 10px; clear: both; text-align: center; font-size: 20px;}
.message .text span{ display: block; padding-top: 8px; font-size: 14px; color:#999999; line-height: 125%;}
.message .text span a{ color: #999999;}