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;}
input,select,textarea{ margin:0px; padding:3px 5px; font-family:"微软雅黑"; font-size:14px; vertical-align:middle;}

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

/*IconFont*/
@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont{ font-family:"iconfont" !important; font-style:normal; borde/r-radius:50%; display:inline-block; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*****Picture*****/
.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;}
.popup{ width:100%; height:100%; clear:both; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.4); z-index:1000; display:none;}
.popup .cot{ width:1000px; height:500px; margin:6% auto 0 auto; clear:both; background:#ffffff; position:relative;}
.popup .cot .close{ width:40px; height:40px; line-height:40px; clear:both; position:absolute; top:-45px; right:-21px; text-align:center; font-size:40px; color:#ffffff; font-family:iconfont; cursor:pointer;}
.popup .cot .close:hover{ transform:rotate(180deg); transition:all ease-in 0.5s;}
.loading{ width:30px; height:30px; line-height:30px; margin:25px auto 25px auto; clear:both; text-align:center; font-size:30px; color:#CCCCCC; font-family:iconfont; animation:rotate 1s linear infinite;}
@-webkit-keyframes rotate{
	from{ transform:rotate(0deg);}
	to{ transform: rotate(360deg);}
}

/*****Head*****/
.head{ width:100%; height:80px; clear:both; position:absolute; top:0px; left:0px; z-index:1000; background:rgba(255,255,255,0.8);}
.head .cot{ width:1230px; height:auto; margin:0 auto; padding-top:20px; clear:both;}
.head .cot .logo{ width:230px; height:38px; float:left; font-size:0px; line-height:0px;}
.head .cot .nav{ width:auto; max-width:700px; height:40px; margin-top:6px; padding-left:60px; float:left;}
.head .cot .nav li{ width:auto; height:40px; line-height:40px; margin-left:35px; float:left; font-size:16px; color:#333333; position:relative;}
.head .cot .nav .first{ margin-left:0px;}
.head .cot .nav li a{ color:#333333; text-decoration:none;}
.head .cot .nav li a:hover{ color:#f88400;}
.head .cot .nav li.current a{ color:#f88400;}
.head .cot .nav li .sf-sub-indicator{ display:none;}
.head .cot .nav li ul{ display:none;}
.head .cot .nav .sf-shadow ul{ width:110px; height:auto; margin-top:-7px; padding:5px 0 10px 0; clear:both; position:absolute; top:47px; left:50%; margin-left:-55px; background:rgba(255,255,255,0.8); border-top:2px solid #faa03b; -webkit-box-shadow:0 2px 7px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 7px rgba(0,0,0,0.1); box-shadow:0 2px 7px rgba(0,0,0,0.1); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.head .cot .nav .sf-shadow ul li{ width:110px; height:35px; line-height:35px; margin:0; clear:both; text-align:center; font-size:14px; color:#333333;}
.head .cot .nav .sf-shadow ul li a{ display:block; width:100%; height:100%; color:#333333; position:relative;}
.head .cot .nav .sf-shadow ul li a:hover{ color:#f88400;}
.head .cot .nav .sf-shadow ul li ul{ top:0; left:100%; margin-left:0px;}
.head .cot .nav .sf-shadow ul li span{ display:block; width:3px; height:3px; background:#f88400; clear:both; position:absolute; top:16px; right:10px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; font-size:0; line-height:0;}
.head .cot .other{ width:auto; height:auto; margin-top:5px; padding-top:12px; float:right;}
.head .cot .other .search{ width:130px; height:23px; margin-top:-5px; padding-top:4px; float:left; background:#e8e8e8; /*border:1px solid #dee0e2;*/ border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px; opacity:0.4;}
.head .cot .other .search input{ width:80px; height:20px; line-height:20px; margin:0px; padding:0px 10px; float:left; background:none; border:0; font-size:14px; color:#666666; border:0px; background:none; box-shadow:none; outline-color:invert; outline-style:none; outline-width:0px; border:none; border-style:none; text-shadow:none; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}
.head .cot .other .search .but{ width:20px; height:20px; margin-left:5px; float:left; background:url(../image/search.png) center no-repeat; font-size:0px; line-height:0px;}
.head .cot .other .search .but a{ display:block; width:100%; height:100%;}
.head .cot .other .wechat{ width:25px; height:40px; margin-left:15px; float:left; background:url(../image/wechat.png) top center no-repeat; font-size:0px; line-height:0px; position:relative; cursor:pointer;}
.head .cot .other .wechat .qrcode{ display:none; width:200px; height:auto; clear:both; position:absolute; top:34px; right:0px; background:#ffffff;}
.head .cot .other .wechat .qrcode .qcot{ width:184px; height:auto; margin:0 auto; padding:12px 0 0 0; clear:both; overflow:hidden;}
.head .cot .other .wechat .qrcode .qcot .li{ width:80px; height:110px; padding:0 6px; float:left; text-align:center;}
.head .cot .other .wechat .qrcode .qcot .li span{ display:block; padding-top:10px; font-size:12px; color:#333333;}
.head .cot .other .wechat:hover .qrcode{ display:block;}
.head .cot .other .oa{ width:auto; height:20px; line-height:20px; margin-left:15px; float:left; font-size:16px; color:#bebebf; font-weight:bold;}
.head .cot .other .oa a{ color:#bebebf; text-decoration:none;}
.head .cot .other .oa a:hover{ color:#f88400;}

.banner{ width:100%; height:460px; clear:both; position:relative; overflow:hidden;}
.banner .cot{ width:1920px; height:460px; clear:both; position:absolute; top:0px; left:50%; margin-left:-960px;}
.banner .cot .li{ width:1920px; height:460px; clear:both; font-size:0px; line-height:0px;}

/*****Foot*****/
.foot{ width:100%; height:auto; margin:120px auto 0px auto; clear:both; background:#45484e;}
.foot .qrcode-phone{ width:846px; height:auto; margin:0 auto; padding-top:50px; clear:both;}
.foot .qrcode-phone-sub{ width:515px; height:auto; margin:0 auto; padding-top:50px; clear:both;}
.foot .qrcode{ width:auto; height:auto; float:left;}
.foot .qrcode .cot{ width:auto; height:auto; clear:both; overflow:hidden;}
.foot .qrcode .cot .li{ width:90px; height:auto; padding:0 12px 0 0; float:left;}
.foot .qrcode .cot .li .txt{ width:90px; height:24px; line-height:24px; clear:both; background:#f88400; text-align:center; font-size:12px; color:#ffffff;}
.foot .qrcode .cot .li .pic{ width:80px; height:80px; padding:5px; clear:both; background:#ffffff; font-size:0px; line-height:0px;}
.foot .qrcode .more{ width:190px; height:30px; line-height:30px; margin-top:12px; clear:both; border:1px solid #ffffff; text-align:center; font-size:12px; color:#ffffff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; cursor:pointer;}
.foot .qrcode .more .hand{ width:24px; height:22px; clear:both; position:absolute; bottom:-7px; right:-8px; background:url(../image/qrcode_more.png) center no-repeat; font-size:0px; line-height:0px;}
.foot .qrcode .more .qrcode-box{ display:none; width:380px; height:auto; clear:both; position:absolute; top:-385px; left:-96px; background:#ffffff; border:1px solid #eeeeee;}
.foot .qrcode .more .qrcode-box .qcot{ width:368px; height:auto; margin:0 auto; padding:12px 0 0 0; clear:both; overflow:hidden;}
.foot .qrcode .more .qrcode-box .qcot .li{ width:80px; height:115px; padding:0 6px; float:left; text-align:center;}
.foot .qrcode .more .qrcode-box .qcot .li span{ display:block; padding-top:6px; font-size:12px; color:#333333; line-height:125%;}
.foot .qrcode .more:hover .qrcode-box{ display:block;}
.foot .certificate{ width:210px; height:auto; padding-left:100px; float:left; font-size:0px; line-height:0px;}
.foot .service{ width:auto; height:auto; float:right;}
.foot .service .line{ width:220px; height:60px; line-height:60px; clear:both; background:#f88400; text-align:center; font-size:24px; color:#ffffff;}
.foot .service .line:hover{ background:#f56400;}
.foot .service .line a{ display:block; width:220px; height:60px; color:#ffffff; text-decoration:none;}
.foot .service .line img{ vertical-align:middle; margin-top:-7px; margin-right:10px;}
.foot .service .phone{ width:220px; height:auto; padding-top:10px; clear:both;}
.foot .service .phone .tit{ width:220px; height:auto; clear:both; font-size:14px; color:#ffffff;}
.foot .service .phone .tit span{ padding-left:5px; font-size:12px; color:#afafaf; text-transform:uppercase;}
.foot .service .phone .cot{ width:220px; height:auto; padding-top:10px; clear:both; font-size:30px; color:#ffffff; font-weight:bold;}
.foot .service .time{ width:220px; height:auto; padding-top:15px; clear:both; font-size:13px; color:#ffffff;}
.foot .copyright{ width:1000px; height:auto; margin:0 auto; padding:40px 0px 25px 0px; clear:both; text-align:center; font-size:12px; color:#ffffff;}
.foot .copyright a{ color:#ffffff;}
.foot .copyright span{ padding-left:15px;}
.foot .copyright img{ vertical-align:middle; margin-top:-4px; margin-right:5px;}

/*****Scroll*****/
.scroll{ width:50px; height:auto; clear:both; position:fixed; top:30%; right:0; display:none;}
.scroll .li{ width:50px; height:40px; margin-bottom:10px; clear:both; background:#ffffff; border:1px solid #d5d5d5; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; position:relative;}
.scroll .li:hover{ background:#d5d5d5;}
.scroll .li a{ display:block; width:29px; height:26px; padding:7px 11px 7px 10px; font-size:0px; line-height:0px; text-decoration:none;}
.scroll .li-wechat a{ background:url(../image/scroll_wechat.png) center no-repeat;}
.scroll .li-service a{ background:url(../image/scroll_service.png) center no-repeat;}
.scroll .li-top{ width:50px; height:40px; clear:both; background:#eeeeee; border:1px solid #eeeeee; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.scroll .li-top:hover{ background:#d5d5d5; border:1px solid #d5d5d5;}
.scroll .li-top a{ display:block; width:50px; height:35px; padding-top:5px; text-decoration:none; text-align:center; font-size:12px; color:#333333;}
.scroll .li-top span{ display:block; padding-top:3px;}
.scroll .li .scroll-qrcode{ display:none; width:200px; height:auto; clear:both; position:absolute; top:0px; left:-215px; background:#ffffff; border:1px solid #eeeeee;}
.scroll .li .scroll-qrcode .qcot{ width:184px; height:auto; margin:0 auto; padding:12px 0 15px 0; clear:both; overflow:hidden;}
.scroll .li .scroll-qrcode .qcot .qli{ width:80px; height:110px; padding:0 6px; float:left; text-align:center;}
.scroll .li .scroll-qrcode .qcot .qli span{ display:block; padding-top:2px; font-size:12px; color:#333333;}
.scroll .li .scroll-service{ display:none; width:240px; height:110px; clear:both; position:absolute; top:0px; left:-253px; background:url(../image/scroll_service_bg.png) center repeat-x; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.scroll .li .scroll-service .phone{ width:220px; height:auto; margin:0 auto; padding-top:10px; clear:both;}
.scroll .li .scroll-service .phone .tit{ width:220px; height:auto; clear:both; font-size:14px; color:#ffffff;}
.scroll .li .scroll-service .phone .tit span{ padding-left:5px; font-size:12px; color:#afafaf; text-transform:uppercase;}
.scroll .li .scroll-service .phone .cot{ width:220px; height:auto; padding-top:10px; clear:both; font-size:30px; color:#ffffff; font-weight:bold;}
.scroll .li .scroll-service .time{ width:220px; height:auto; margin:0 auto; padding-top:15px; clear:both; font-size:14px; color:#ffffff;}
.scroll .li-wechat:hover .scroll-qrcode{ display:block;}
.scroll .li-service:hover .scroll-service{ display:block;}

/*****Popup*****/
.popup .popup-certificate{ width:670px; height:500px; clear:both; position:absolute; top:2%; left:50%; margin-left:-335px; clear:both; font-size:0px; line-height:0px;}

/*****Main*****/
.news{ width:1100px; height:auto; margin:0 auto; padding-top:55px; clear:both;}
.news .tit{ width:1100px; height:auto; margin:0 auto; clear:both; text-align:center; font-size:24px; color:#333333;}
.news .tit span{ display:block; padding-top:5px; font-size:12px; color:#afafaf; text-transform:uppercase;}
.news .cot{ width:1100px; height:auto; margin-left:-20px; padding:60px 20px; clear:both;}
.news .cot .li{ width:330px; height:auto; margin-left:55px; float:left; background:#ffffff; border-bottom:4px solid #f88400; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px rgba(0,0,0,0.1); box-shadow:0 0 20px rgba(0,0,0,0.1);}
.news .cot .li-first{ margin-left:0px;}
.news .cot .li a{ display:block; width:100%; height:100%; text-decoration:none;}
.news .cot .li .pic{ width:330px; height:260px; clear:both; overflow:hidden; font-size:0px; line-height:0px; position:relative;}
.news .cot .li .pic img{ width:100%; height:auto; min-height:260px;}
.news .cot .li .pic .mask{ width:100%; height:100%; clear:both; position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.4); font-size:0px; line-height:0px;}
.news .cot .li .title{ width:280px; height:auto; min-height:50px; margin:0 auto; padding-top:25px; clear:both; text-align:center; font-size:16px; color:#787979; line-height:160%;}
.news .cot .li .arrow{ display:none; width:18px; height:18px; margin:30px auto 0 auto; clear:both; background:url(../image/arrow_down.png) center no-repeat; font-size:0px; line-height:0px;}
.news .cot .li .details{ width:280px; height:auto; margin:0 auto; padding-top:10px; clear:both; text-align:center; font-size:14px; color:#f88400;}
.news .cot .li .time{ width:280px; height:auto; margin:0 auto; padding:15px 0 25px 0; clear:both; text-align:center; font-size:12px; color:#c7c7c7;}
.news .cot .li:hover .pic .mask{ display:none; transition:all ease-in 0.3s;}
.news .cot .li:hover .title{ font-size:18px; color:#787979;}
.news .cot .li:hover .arrow{ display:block; transition:all ease-in 0.3s;}
.news .cot .li:hover .details{ padding-top:20px; font-size:16px; transition:all ease-in 0.3s;}
.news .cot .li:hover .time{ padding:20px 0 50px 0; transition:all ease-in 0.3s;}
.news .more{ width:1100px; height:auto; margin:0 auto; padding-top:20px; clear:both; text-align:right; font-size:12px; color:#787979;}
.news .more a{ color:#787979;}
.news .more img{ vertical-align:middle; margin-top:-3px; margin-left:10px;}

.project{ width:1100px; height:auto; margin:0 auto; padding-top:70px; clear:both; overflow:hidden;}
.project .li{ width:520px; height:auto; float:right;}
.project .li-first{ float:left;}
.project .li .tit{ width:520px; height:auto; clear:both; font-size:24px; color:#333333;}
.project .li .tit span{ display:block; padding-top:6px; font-size:12px; color:#afafaf; text-transform:uppercase;}
.project .li .cot{ width:520px; height:270px; margin-top:25px; clear:both; overflow:hidden; font-size:0px; line-height:0px;}

/*****Sub*****/
.sub{ width:1100px; height:auto; margin:0 auto; padding-top:60px; clear:both; overflow:hidden;}
.sub .menu{ width:220px; height:auto; float:left;}
.sub .menu .li{ width:220px; height:auto; margin-bottom:25px; clear:both; background:#ffffff; border-left:0px;}
.sub .menu .li a{ display:block; width:195px; height:43px; padding:5px 0 0 25px; font-size:18px; color:#333333; text-decoration:none;}
.sub .menu .li a span{ display:block; padding-top:0px; font-size:10px; color:#afafaf; text-transform:uppercase;}
.sub .menu .li:hover{ background:#fff1e1;}
.sub .menu .li-on{ width:215px; background:#fff1e1; border-left:5px solid #f5b100;}
.sub .menu .li-on a{ padding:5px 0 0 20px; color:#f99118;}
.sub .menu .li-on a span{ color:#f99118;}
.sub .menu .li .sub1{ width:215px; height:auto; padding-bottom:15px; clear:both;}
.sub .menu .li .sub1 .sli{ width:215px; height:auto; clear:both;}
.sub .menu .li .sub1 .sli a{ display:block; width:180px; height:40px; line-height:40px; padding:0 0 0 35px; font-size:18px; color:#333333; text-decoration:none;}
.sub .menu .li .sub1 .sli-on{ width:215px; background:#fff1e1;}
.sub .menu .li .sub1 .sli-on a{ color:#f99118;}
.sub .menu .li .sub2{ width:215px; height:auto; padding-bottom:10px; clear:both;}
.sub .menu .li .sub2 .sli{ width:215px; height:auto; clear:both;}
.sub .menu .li .sub2 .sli a{ display:block; width:160px; height:30px; line-height:30px; padding:0 0 0 55px; font-size:16px; color:#333333; text-decoration:none;}
.sub .menu .li .sub2 .sli-on{ width:215px; background:#fff1e1;}
.sub .menu .li .sub2 .sli-on a{ color:#f99118;}
.sub .menu .li .sub3{ width:215px; height:auto; padding-bottom:5px; clear:both;}
.sub .menu .li .sub3 .sli{ width:215px; height:auto; clear:both;}
.sub .menu .li .sub3 .sli a{ display:block; width:145px; height:25px; line-height:25px; padding:0 0 0 70px; font-size:14px; color:#333333; text-decoration:none;}
.sub .menu .li .sub3 .sli-on{ width:215px; background:#fff1e1;}
.sub .menu .li .sub3 .sli-on a{ color:#f99118;}

.sub .content{ width:800px; height:auto; float:right;}
.sub .content .tit{ width:800px; height:auto; margin:0 auto; clear:both; text-align:center; font-size:28px; color:#333333;}
.sub .content .tit span{ display:block; padding-top:6px; font-size:12px; color:#afafaf; text-transform:uppercase;}
.sub .content .cot{ width:800px; height:auto; padding-top:40px; clear:both;}
.sub .content .cot .p-cot{ width:100%; height:auto; padding-top:0px; clear:both; text-align:justify; font-size:16px; color:#000000; line-height:170%; overflow:hidden;}
.sub-big .content{ width:1100px; clear:both;}
.sub-big .content .cot{ width:1100px;}
.sub-foot{ padding-bottom:20px;}
.sub-foot .content .cot .p-cot{ width:770px; margin:0 auto;}

/*****Future*****/
.sub .future{ width:800px; height:auto; margin:0 auto; clear:both;}
.sub .future .ftit{ width:800px; height:auto; clear:both; text-align:center; font-size:24px; color:#333333; font-weight:lighter; text-transform:uppercase;}
.sub .future .fcot{ width:800px; height:auto; margin-top:25px; padding-top:40px; clear:both; background:url(../image/coures_line.png) top repeat-y;}
.sub .future .fcot .li{ width:800px; height:auto; padding-bottom:90px; clear:both; position:relative; overflow:hidden;}
.sub .future .fcot .li .time{ width:32px; height:32px; clear:both; position:absolute; top:25px; left:50%; margin-left:-16px; background:url(../image/coures_time.png) center no-repeat; font-size:0px; line-height:0px;}
.sub .future .fcot .li .lcot{ width:250px; height:auto; margin-top:10px; margin-left:20px; padding:20px 50px 30px 30px; float:left; background:#f88400; text-align:justify; font-size:14px; color:#ffffff; line-height:150%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative;}
.sub .future .fcot .li .lcot span.stit{ display:block; padding-bottom:15px; font-size:28px;}
.sub .future .fcot .li .lcot p{ margin:0px; padding:0px;}
.sub .future .fcot .li .lcot .arrow{ width:14px; height:28px; clear:both; position:absolute; top:18px; right:-14px; background:url(../image/coures_arrow.png) center no-repeat; font-size:0px; line-height:0px;}
.sub .future .fcot .li .lcot .line{ width:1px; height:70%; clear:both; position:absolute; top:15%; right:28px; background:#ffffff; font-size:0px; line-height:0px;}
.sub .future .fcot .li .lcot .spot{ width:7px; height:7px; clear:both; position:absolute; top:24%; right:25px; margin-top:-3px; background:#ffffff; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; font-size:0px; line-height:0px;}
.sub .future .fcot .li .lpic{ width:283px; height:auto; margin-right:60px; float:right; overflow:hidden; font-size:0px; line-height:0px;}
.sub .future .fcot .li .lpic img{ width:auto; max-width:283px;}
.sub .future .fcot .li-right .lcot{ margin-right:20px; padding:20px 30px 30px 50px; float:right;}
.sub .future .fcot .li-right .lcot .arrow{  right:auto; left:-14px; background:url(../image/coures_arrow_right.png) center no-repeat;}
.sub .future .fcot .li-right .lcot .line{ right:auto; left:28px;}
.sub .future .fcot .li-right .lcot .spot{ right:auto; left:25px;}
.sub .future .fcot .li-right .lpic{ margin-right:auto; margin-left:60px; float:left;}

/*****News*****/
.sub .s-news{ width:800px; height:auto; margin:0 auto; clear:both;}
.sub .s-news .li{ width:780px; height:auto; clear:both; border-top:1px solid #eeeeee; overflow:hidden;}
.sub .s-news .li:hover{ -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1); -moz-box-shadow:0 5px 15px rgba(0,0,0,0.1); box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.sub .s-news .li a{ display:block; width:100%; height:100%; padding:40px 0; overflow:hidden; text-decoration:none;}
.sub .s-news .li-first{ border-top:0px;}
.sub .s-news .li .pic{ width:180px; height:auto; max-height:150px; margin-left:15px; float:left; overflow:hidden; font-size:0px; line-height:0px;}
.sub .s-news .li .pic img{ width:100%;}
.sub .s-news .li .txt{ width:540px; height:auto; padding-right:15px; float:right;}
.sub .s-news .li .txt .title{ width:100%; height:auto; clear:both; text-align:justify; font-size:18px; color:#f99118;}
.sub .s-news .li .txt .time{ width:100%; height:auto; padding-top:10px; clear:both; font-size:12px; color:#c7c7c7;}
.sub .s-news .li .txt .time span{ padding-right:20px;}
.sub .s-news .li .txt .abstract{ width:100%; height:auto; padding-top:15px; clear:both; text-align:justify; font-size:14px; color:#848484; line-height:150%;}

.sub .s-details{ width:800px; height:auto; margin:0 auto; padding:10px 0 0 0; clear:both; overflow:hidden;}
.sub .s-details .n-tit{ width:100%; height:auto; clear:both; text-align:center; font-size:18px; color:#f99118;}
.sub .s-details .n-time{ width:100%; height:auto; padding-top:25px; 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:20px; clear:both; text-align:justify; font-size:16px; color:#000000; line-height:170%; overflow:hidden;}
.sub .s-details .n-cot img{ width:100%;}
.sub .s-details .n-share{ width:auto; height:50px; padding-top:20px; clear:both; float:right;}
.sub .s-details .n-more{ width:100%; height:auto; margin:20px auto 0 auto; padding-top:20px; clear:both; border-top:1px solid #efefef;}
.sub .s-details .n-more .li{ width:100%; height:auto; padding:5px 0; clear:both; font-size:14px; color:#666666;}
.sub .s-details .n-more .li a{ color:#666666;}

/*****Product*****/
.sub .product{ width:1100px; height:auto; margin:0 auto; padding-bottom:180px; clear:both; overflow:hidden;}
.sub .product .pics{ width:1100px; height:388px; clear:both; background:url(../image/product_bg.png) bottom center no-repeat;}
.sub .product .pics .li{ width:170px; height:auto; padding-left:140px; float:left;}
.sub .product .pics .li-first{ padding-left:165px;}
.sub .product .pics .li .p-tit{ width:170px; height:30px; padding-top:32px; clear:both; text-align:center; font-size:22px; color:#221815;}
.sub .product .pics .li .p-pic{ width:170px; height:auto; clear:both; font-size:0px; line-height:0px;}
.sub .product .details{ width:1100px; height:auto; padding-top:25px; clear:both; overflow:hidden;}
.sub .product .details .txt{ width:560px; height:auto; padding-left:140px; float:left;}
.sub .product .details .txt .p-tit{ width:100%; height:auto; clear:both; font-size:38px; color:#ed6e00; line-height:125%;}
.sub .product .details .txt .p-cot{ width:100%; height:auto; padding-top:20px; clear:both; text-align:justify; font-size:16px; color:#848484;}
.sub .product .details .special{ width:300px; height:auto; padding:30px 0px 0px 60px; float:left;}
.sub .product .details .special .li{ width:300px; height:auto; padding-bottom:20px; clear:both; overflow:hidden;}
.sub .product .details .special .li .icon{ width:28px; height:28px; margin-top:-2px; float:left; font-size:0px; line-height:0px;}
.sub .product .details .special .li .text{ width:250px; height:auto; padding-left:15px; float:left; font-size:16px; color:#000000;}
.sub .product .pics .li:hover .p-tit{ margin-top:-20px; padding-bottom:20px; transition:all ease-in 0.3s;}

.sub .product2{ width:1100px; height:auto; margin:0 auto; padding-bottom:180px; clear:both; overflow:hidden;}
.sub .product2 .pics{ width:504px; height:400px; float:left; background:url(../image/product_bg2.png) bottom center no-repeat;}
.sub .product2 .pics .p-tit{ width:305px; height:30px; margin:0 auto; padding-top:30px; clear:both; text-align:center; font-size:22px; color:#221815;}
.sub .product2 .pics .p-pic{ width:305px; height:auto; margin:0 auto; clear:both; font-size:0px; line-height:0px;}
.sub .product2 .details{ width:570px; height:auto; padding-top:0px; float:right; overflow:hidden;}
.sub .product2 .details .txt{ width:570px; height:auto; clear:both;}
.sub .product2 .details .txt .p-tit{ width:100%; height:auto; clear:both; font-size:38px; color:#ed6e00; line-height:125%;}
.sub .product2 .details .txt .p-cot{ width:100%; height:auto; padding-top:20px; clear:both; text-align:justify; font-size:16px; color:#848484;}
.sub .product2 .details .special{ width:570px; height:auto; padding-top:50px; clear:both;}
.sub .product2 .details .special .li{ width:45%; height:auto; padding-bottom:20px; float:left; overflow:hidden;}
.sub .product2 .details .special .li .icon{ width:28px; height:28px; margin-top:-2px; float:left; font-size:0px; line-height:0px;}
.sub .product2 .details .special .li .text{ width:210px; height:auto; padding-left:10px; float:left; font-size:16px; color:#000000;}
.sub .product2 .details .special .li2{ width:55%;}
.sub .product2 .details .special .li2 .text{ width:260px;}
.sub .product2 .pics:hover .p-tit{ margin-top:-20px; padding-bottom:20px; transition:all ease-in 0.3s;}

.sub .product3{ padding-bottom:20px;}
.sub .product3 .pics{ width:1100px; height:388px; clear:both; background:url(../image/product_bg.png) bottom center no-repeat;}

/*****Payment*****/
.sub .matrix{ width:1100px; height:auto; margin:0 auto; padding-bottom:70px; clear:both;}
.sub .matrix .mcot{ width:720px; height:auto; margin:0 auto; padding-bottom:40px; clear:both; overflow:hidden;}
.sub .matrix .mcot .li{ width:150px; height:175px; margin:0 15px; float:left; background:#f1f4f5; border-radius:10px 0px 10px 10px; -moz-border-radius:10px 0px 10px 10px; -webkit-border-radius:10px 0px 10px 10px; overflow:hidden;}
.sub .matrix .mcot .li .lcot{ width:100%; height:155px; clear:both; background:#ffffff; border-top:3px solid #fc5b00; border-radius:10px 0px 10px 10px; -moz-border-radius:10px 0px 10px 10px; -webkit-border-radius:10px 0px 10px 10px;}
.sub .matrix .mcot .li .lcot .pic{ width:130px; height:130px; margin:18px auto 0 auto; clear:both; font-size:0px; line-height:0px; position:relative; transition:0.6s; transform-style:preserve-3d;}
.sub .matrix .mcot .li .lcot .pic .p-logo{ width:130px; height:130px; clear:both; position:absolute; top:0px; left:0px; background:#ffffff; text-align:center;}
.sub .matrix .mcot .li .lcot .pic .p-qrcode{ width:130px; height:130px; clear:both; position:absolute; top:0px; left:0px; background:#ffffff; transform:rotateY(180deg); text-align:center;}
.sub .matrix .mcot .li .lcot .pic .p-qrcode img{ margin-top:10px;}
.sub .matrix .mcot .li .lcot .pic .p-qrcode-z img{ margin-top:0px;}
.sub .matrix .mcot .li .lcot .txt{ width:130px; height:auto; margin:0 auto; padding-top:40px; clear:both; text-align:center; font-size:16px; color:#ff0000; line-height:150%;}
.sub .matrix .mcot .li:hover .lcot .pic{ transform:rotateY(180deg);}
.sub .matrix .mcot .li-big .lcot .pic{ height:100px; margin:40px auto 0 auto;}
.sub .matrix .mcot .li-big .lcot .pic .p-logo{ width:130px; height:100px;}
.sub .matrix .mcot .li-big .lcot .pic .p-qrcode{ width:130px; height:100px;}
.sub .matrix .mcot .li-big .lcot .pic .p-qrcode img{ margin-top:0px;}
.sub .matrix .mcot2{ width:1010px;}
.sub .matrix .mtxt{ width:600px; height:auto; margin:0 auto; padding-top:25px; clear:both; text-align:center; font-size:14px; color:#848484; line-height:150%;}

.sub .data-txt{ width:620px; height:auto; margin:0 auto; padding-top:25px; clear:both; text-align:center; font-size:16px; color:#848484; line-height:150%;}
.sub .data{ width:1100px; height:auto; margin:0 auto; padding-bottom:100px; clear:both; overflow:hidden;}
.sub .data .li{ width:245px; height:300px; margin:0 15px; float:left; background:#f1f4f5; border-radius:10px 0px 10px 10px; -moz-border-radius:10px 0px 10px 10px; -webkit-border-radius:10px 0px 10px 10px; overflow:hidden;}
.sub .data .li .dcot{ width:100%; height:280px; clear:both; background:#ffffff; border-top:3px solid #fc5b00; border-radius:10px 0px 10px 10px; -moz-border-radius:10px 0px 10px 10px; -webkit-border-radius:10px 0px 10px 10px;}
.sub .data .li .dcot .pic{ width:180px; height:140px; margin:0 auto; padding-top:15px; clear:both; overflow:hidden; font-size:0px; line-height:0px;}
.sub .data .li .dcot .dltit{ width:220px; height:auto; margin:0 auto; padding-top:5px; clear:both; text-align:center; font-size:16px; color:#fc5b00;}
.sub .data .li .dcot .dltxt{ width:220px; height:auto; margin:0 auto; padding-top:15px; clear:both; text-align:center; font-size:16px; color:#000000; line-height:160%;}
.sub .data .li:hover{ background:#cfd8dc;}
.sub .data .li:hover .dcot{ margin-top:-7px; transition:all ease-in 0.3s;}
.sub .data .li:hover .dcot .dltit{ font-weight:bold; transition:all ease-in 0.3s;}

.sub .data-app{ width:1098px; padding-bottom:0px;}
.sub .data-app .li{ width:336px; height:320px; margin:0 15px;}
.sub .data-app .li .dcot{ width:100%; height:300px;}
.sub .data-app .li .dcot .dltit{ width:290px;}
.sub .data-app .li .dcot .dltxt{ width:290px;}

.sub .data-all{ width:900px; margin:0 auto; padding-bottom:0px;}
.sub .data-all .li{ width:270px; height:360px;}
.sub .data-all .li .dcot{ height:340px;}
.sub .data-all .li .dcot .pic{ width:240px; height:180px;}
.sub .data-all .li .dcot .dltit{ padding-top:10px; font-size:16px;}
.sub .data-all .li .dcot .dltxt{ width:220px; padding-top:15px; font-size:16px;}

/*****Join*****/
.sub .data-advantage{padding-bottom:40px;}
.sub .data-advantage .li{ height:380px; margin:0 15px 65px 15px;}
.sub .data-advantage .li .dcot{ height:360px;}
.sub .data-advantage .li .dcot .pic{ width:240px; height:180px;}
.sub .data-advantage .li .dcot .ltit{ padding-top:10px; font-size:24px;}
.sub .data-advantage .li .dcot .ltxt{ width:220px; padding-top:15px; font-size:16px;}

.sub .apply{ width:1100px; height:500px; margin:0 auto; padding-bottom:100px; clear:both; position:relative;}
.sub .apply img{ margin-left:161px;}
.sub .apply .txt{ width:250px; height:auto; clear:both; position:absolute; top:0px; left:0px; text-align:left; font-size:14px; color:#000000; line-height:150%;}
.sub .apply .txt span{ display:block; padding-bottom:5px; text-align:left; font-size:18px; color:#fc5b00;}
.sub .apply .txt1{ top:13px; left:-20px; text-align:right;}
.sub .apply .txt1 span{ text-align:right;}
.sub .apply .txt2{ top:210px; left:-12px; text-align:right}
.sub .apply .txt2 span{ text-align:right;}
.sub .apply .txt3{ top:55px; left:970px;}
.sub .apply .txt4{ top:272px; left:910px;}

.write{ width:100%; height:auto; clear:both;}
.write .title{ width:100%; height:56px; margin:0 auto; padding-top:15px; clear:both; background:#fc5b00; text-align:center; font-size:28px; color:#ffffff;}
.write .title span{ display:block; padding-top:6px; font-size:12px; color:#ffffff; text-transform:uppercase;}
.write .content{ width:1000px; height:auto; margin:0 auto; padding-top:50px; clear:both; overflow:hidden;}
.write .content .cot{ width:1000px; margin-left:43px;}
.write .content .li{ width:500px; height:auto; clear:none; float:left;}
.write .content .buts{ width:100%; height:auto; margin:0 auto; padding-top:20px; clear:both; overflow:hidden;}
.write .content .but-download{ width:auto; height:40px; line-height:40px; margin-right:86px; float:right; background:#f56400; text-align:center; font-size:18px; color:#ffffff;}
.write .content .but-download:hover{ background:#f88400;}
.write .content .but-download a{ display:block; padding:0 30px; color:#ffffff; text-decoration:none;}

/*****Download*****/
.download{ width:100%; height:auto; margin:0 auto; padding-top:0px; clear:both;}
.download .menu{ width:100%; height:240px; clear:both; background:#ffffff; -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1); -moz-box-shadow:0 5px 15px rgba(0,0,0,0.1); box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.download .menu .cot{ width:100%; height:240px; margin:0 auto; clear:both;}
.download .menu .cot .li{ width:50%; height:240px; float:left; background:url(../image/download_bg.jpg) top center no-repeat #e4dfdd; background-size:100% 100%; position:relative; cursor:pointer;}
.download .menu .cot .li .lcot{ width:100%; height:240px; clear:both; position:absolute; top:0px; left:0px;}
.download .menu .cot .li .lcot .icon{ width:40px; height:41px; margin:35px auto 0 auto; clear:both; background:url(../image/icon_download_1.png) center no-repeat; font-size:0px; line-height:0px;}
.download .menu .cot .li .lcot .txt{ width:550px; height:70px; margin:0 auto; padding-top:20px; clear:both; color:#000000;}
.download .menu .cot .li .lcot .txt .tit{ width:100%; height:auto; clear:both; text-align:center; font-size:18px;}
.download .menu .cot .li .lcot .txt .tit span{ padding:0 10px;}
.download .menu .cot .li .lcot .txt .explain{ width:100%; height:auto; padding-top:6px; clear:both; text-align:center; font-size:14px;}
.download .menu .cot .li .lcot .txt .explain span{ padding:0 5px;}
.download .menu .cot .li .lcot .but{ width:110px; height:34px; line-height:34px; margin:0 auto; clear:both; background:#182840; text-align:center; font-size:12px; color:#ffffff;}
.download .menu .cot .li .lcot .but a{ display:block; width:100%; height:100%; color:#ffffff; text-decoration:none;}
.download .menu .cot .li-on .lcot{ width:100%; height:300px; top:-60px; left:0px; background:#fc6000;}
.download .menu .cot .li-on .lcot .icon{ width:40px; height:41px; margin:95px auto 0 auto; clear:both; background:url(../image/icon_download_2.png) center no-repeat; font-size:0px; line-height:0px;}
.download .menu .cot .li-on .lcot .txt{ color:#ffffff;}

.download .list{ width:100%; height:auto; padding-top:30px; clear:both;}
.download .list .li{ width:100%; height:28px; line-height:28px; padding:15px 0px; clear:both;}
.download .list .li .cot{ width:1100px; height:auto; margin:0 auto; clear:both; overflow:hidden;}
.download .list .li .cot .td{ width:10%; height:auto; float:left; font-size:14px; color:#333333;}
.download .list .li .cot .td-tit{ width:30%;}
.download .list .li .cot .td-param{ width:50%; color:#666666;}
.download .list .li .cot .td-download{ width:20%;}
.download .list .li .cot .td span{ padding-right:15px;}
.download .list .li .cot .td .but{ width:28px; height:28px; float:right; background:url(../image/icon_download_3.png) 0 0 no-repeat; font-size:0px; line-height:0px; vertical-align:middle;}
.download .list .li .cot .td .but:hover{ background-position:0px -28px;}
.download .list .li .cot .td .but a{ display:block; width:28px; height:28px;}
.download .list .li-even{ background:#f3f3f3;}
.download .d-page{ width:1100px; height:auto; margin:0 auto; padding-top:50px; clear:both;}

/*****Contact*****/
.sub .contact{ width:1100px; height:auto; margin:0 auto; padding-bottom:100px; clear:both; overflow:hidden;}
.sub .contact .map{ width:550px; height:auto; float:left;}
.sub .contact .c-cot{ width:550px; height:auto; float:left;}
.sub .contact .c-cot .c-title{ width:100%; height:auto; margin-top:-5px; clear:both; font-size:24px; color:#000000; line-height:125%;}
.sub .contact .c-cot .c-title span{ display:block; margin-top:-5px; padding-top:0px; font-size:12px; color:#000000;}
.sub .contact .c-cot .c-content{ width:100%; height:auto; padding-top:15px; clear:both;}
.sub .contact .c-cot .c-content .li{ width:100%; height:auto; padding-bottom:10px; clear:both; overflow:hidden;}
.sub .contact .c-cot .c-content .li .icon{ width:21px; height:21px; margin-top:0px; float:left; font-size:0px; line-height:0px;}
.sub .contact .c-cot .c-content .li .txt{ width:450px; height:auto; padding-left:12px; float:left; font-size:16px; color:#5e5e5e; line-height:150%;}
.sub .contact .c-cot .c-content .li .txt a{ color:#5e5e5e;}
.sub .c-list{ width:1100px; height:1500px; margin:0 auto; clear:both; position:relative;}
.sub .c-list .li{ width:550px; height:auto; clear:both; position:absolute;}
.sub .c-list .li .lli{ width:100%; height:auto; padding-bottom:90px; clear:both;}
.sub .c-list .li .lli .l-tit{ width:450px; height:auto; clear:both; font-size:24px; color:#000000;}
.sub .c-list .li .lli .l-cot{ width:450px; height:auto; padding-top:25px; clear:both;}
.sub .c-list .li .lli .l-cot .lcli{ width:100%; height:auto; padding-bottom:12px; clear:both;}
.sub .c-list .li .lli .l-cot .lcli .lcli-tit{ width:100%; height:40px; clear:both; background:#ffa573; cursor:pointer;}
.sub .c-list .li .lli .l-cot .lcli .lcli-tit .arrow{ width:15px; height:15px; margin:13px 0px 0px 20px; float:left; background:url(../image/contact_arrow.png) center no-repeat; font-size:0px; line-height:0px;}
.sub .c-list .li .lli .l-cot .lcli .lcli-tit .txt{ width:400px; height:40px; line-height:40px; padding-left:10px; float:left; font-size:16px; color:#ffffff;}
.sub .c-list .li .lli .l-cot .lcli .lcli-cot{ width:520px; height:0px; padding:0 0 0px 15px; clear:both; font-size:14px; color:#000000; line-height:150%; overflow:hidden;}
.sub .c-list .li .lli .l-cot .lcli .lcli-cot span{ display:inline-table; padding-top:9px;}
.sub .c-list .li .lli .l-cot .lcli .lcli-cot-no{ height:0px; transition:all ease-in 0.3s;}
.sub .c-list .li .lli .l-cot .lcli .lcli-cot p{ margin:0; padding:0;}
.sub .c-list .li .lli .l-cot .lcli-on .lcli-tit .arrow{ transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all ease-in 0.3s;}
.sub .c-list .li .lli .l-cot .lcli-on .lcli-cot{ height:93px; transition:all ease-in 0.3s;}

/*****Question*****/
.sub .question{ width:1100px; height:auto; margin:0 auto; padding-bottom:40px; clear:both; overflow:hidden;}
.sub .question .li{ width:510px; height:220px; margin:0 20px 30px 20px; float:left; background:#ecedf2;}
.sub .question .li .ltxt{ width:250px; height:auto; padding:35px 0px 0px 25px; float:left;}
.sub .question .li .ltxt .lli{ width:100%; height:auto; clear:both; overflow:hidden;}
.sub .question .li .ltxt .lli .icon{ width:25px; height:25px; margin-top:3px; float:left; background:url(../image/question_ask.png) 0 0 no-repeat; font-size:0px; line-height:0px;}
.sub .question .li .ltxt .lli .txt{ width:220px; height:auto; float:right; font-size:20px; color:#505050; line-height:150%;}
.sub .question .li .ltxt .lli-answer{ padding-top:20px;}
.sub .question .li .ltxt .lli-answer .icon{ margin-top:-2px; background:url(../image/question_answer.png) 0 0 no-repeat;}
.sub .question .li .ltxt .lli-answer .txt{ font-size:14px;}
.sub .question .li .lpic{ width:144px; height:220px; float:right; background:url(../image/question_1.png) 0 0 no-repeat; font-size:0px; line-height:0px;}
.sub .question .li:hover{ background:#f99118;}
.ltxt{ width:320px; height:auto; padding:40px 0px 0px 30px; float:left;}
.sub .question .li:hover .ltxt .lli .icon{ background-position:0px -25px;}
.sub .question .li:hover .ltxt .lli .txt{ color:#ffffff;}
.sub .question .li:hover .lpic{ background-position:0px -220px;}
.sub .question .li1 .lpic{ background:url(../image/question_1.png) 0 0 no-repeat;}
.sub .question .li2 .lpic{ background:url(../image/question_2.png) 0 0 no-repeat;}
.sub .question .li3 .lpic{ background:url(../image/question_3.png) 0 0 no-repeat;}
.sub .question .li4 .lpic{ background:url(../image/question_4.png) 0 0 no-repeat;}

.sub .service{ width:1100px; height:auto; margin:0 auto; padding:0px; clear:both;}
.sub .service .txt{ width:700px; height:auto; margin:0 auto; clear:both; text-align:center; font-size:16px; color:#848484; line-height:150%;}
.sub .service .but{ width:270px; height:60px; line-height:60px; margin:50px auto 0 auto; clear:both; background:#f88400; text-align:center; font-size:26px; color:#ffffff;}
.sub .service .but:hover{ background:#f56400;}
.sub .service .but a{ display:block; width:270px; height:60px; color:#ffffff; text-decoration:none;}
.sub .service .but img{ vertical-align:middle; margin-top:-7px; margin-right:15px;}

/*****Search*****/
.sub-search{ width:870px; height:60px; margin:0 auto; clear:both; background:#f3f3f3;}
.sub-search input{ width:700px; height:60px; line-height:60px; 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; -webkit-appearance:none; -webkit-user-select:text; outline-color:transparent;}
.sub-search .but{ width:120px; height:60px; 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:1200px; height:auto; margin:0 auto; padding:20px 0 20px 0; clear:both;}
.feedback .explain{ width:94%; height:auto; margin:0 auto; clear:both; font-size:14px; color:#666666;}
.feedback .cot{ width:94%; 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 .tit{ width:100%; height:auto; padding-bottom:5px; clear:both; font-size:14px;}
.form .li .tit span{ color:#FF0000;}
.form .li .input{ width:80%; height:auto; padding:6px; clear:both; background:#fcfcfc; border:1px solid #e7e7e7; font-size:16px;}
.form .li .short{ width:350px;}
.form .li .input textarea{ width:100%; height:150px; padding:0px; 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; -webkit-appearance:none; -webkit-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; -webkit-appearance:none; -webkit-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 .upload{ width:100%; height:auto; clear:both; overflow:hidden;}
.form .li .upload .pli{ width:80px; height:80px; line-height:80px; margin-right:20px; float:left; border:1px solid #dddddd; 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:80px; height:80px;}
.form .but{ width:120px; height:40px; line-height:40px; margin-top:0px; padding:0 20px; float:left; background:#f56400; text-align:center; font-size:18px; color:#ffffff; cursor:pointer;}
.form .but:hover{ background:#f88400; transition:all ease-in 0.3s;}

/*****Page*****/
.page{ width:100%; height:auto; margin:0px; padding-top:80px; clear:both; font-size:14px; text-align:center;}
.page a{ display:inline-table; padding:5px 12px; margin:0 1px; background:#555555; text-align:center; color:#ffffff; text-decoration:none;}
.page a:hover{ background:#333333;}
.page a.on{ background:#f99118; color:#ffffff;}
.page span{ display:inline-table; padding:5px 2px;}


ul,li{ margin:0px; padding:0px; list-style-type:none;}


/*信息提示*/
.message{ width:auto; height:auto; padding:180px 0px 250px 0px; clear:both;}
.message .icon{ width:40px; height:40px; margin:0 auto; clear:both; font-size:0px;}
.message .text{ width:auto; height:auto; padding-top:15px; 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;}