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;}



/*****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:100px; clear:both; background:#ffffff;}

.head .cot{ width:1200px; height:100px; margin:0 auto; padding-top:0px; clear:both; position:relative;}

.head .cot .logo{ width:300px; height:55px; padding-top:20px; float:left; font-size:0px; line-height:0px;}

.head .cot .nav{ width:auto; height:37px; clear:both; position:absolute; top:42px; right:0px;}

.head .cot .nav .li{ width:auto; height:37px; line-height:32px; margin-left:30px; float:left; font-size:15px; color:#000000; position:relative;}

.head .cot .nav .li a{ display:inline-table; width:auto; height:37px; color:#000000; text-decoration:none;}

.head .cot .nav .li a:hover{ color:#009b4c;}

.head .cot .nav .li a .line{ display:none;}

.head .cot .nav .li-on{ color:#009b4c;}

.head .cot .nav .li-on a{ color:#009b4c;}

.head .cot .nav .li-on a .line{ display:block; width:30px; height:5px; clear:both; background:#009b4c; border-radius:5px; position:absolute; bottom:0px; left:50%; margin-left:-15px; font-size:0px; line-height:0px;}



.banner{ width:100%; height:450px; clear:both; position:relative; overflow:hidden;}

.banner .cot{ width:100%; height:450px; clear:both; position:absolute; top:0px; left:0px;}

.banner .cot .li{ width:100%; height:450px; clear:both; font-size:0px; line-height:0px;}

.banner .cot .li img{ width:100%; height:450px;}

.banner-sub{ height:400px;}

.banner-sub .cot{ height:400px;}

.banner-sub .cot .li{ height:400px;}



.wrap{ width:1200px; height:auto; margin:0 auto; clear:both; position:relative;}



/*****Foot*****/

.foot{ width:100%; height:auto; margin:60px auto 0 auto; clear:both; background:#f1f1f1; border-top:1px solid #dddddd;}

.foot .nav-qrcode{ width:1200px; height:auto; margin:0 auto; padding-top:25px; clear:both; overflow:hidden;}

.foot .nav{ width:auto; height:auto; float:left;}

.foot .nav .li{ width:auto; height:auto; padding-right:40px; float:left;}

.foot .nav .li .lt{ width:auto; height:auto; clear:both; font-size:14px; color:#333333; font-weight:bold;}

.foot .nav .li .lt a{ color:#333333;}

.foot .nav .li .lc{ width:auto; height:auto; padding-top:8px; clear:both;}

.foot .nav .li .lc .l-li{ width:auto; height:auto; padding:1px 0px; clear:both; font-size:14px; color:#666666;}

.foot .nav .li .lc .l-li a{ color:#666666;}

.foot .qrcode{ width:auto; height:auto; padding-top:0px; float:right;}

.foot .qrcode .li{ width:110px; height:auto; padding-left:25px; float:left;}

.foot .qrcode .li .pic{ width:110px; height:110px; margin:0 auto; clear:both; font-size:0px; line-height:0px;}

.foot .qrcode .li .txt{ width:110px; height:auto; margin:0 auto; padding-top:5px; clear:both; text-align:center; font-size:12px; color:#000000;}

.foot .copyright{ width:100%; height:auto; margin-top:70px; clear:both; background:#000000;}

.foot .copyright .cot{ width:1200px; height:auto; margin:0px auto; padding:20px 0px; clear:both; text-align:center; font-size:12px; color:#888888; line-height:170%;}

.foot .copyright .cot img{ vertical-align:middle;}

.foot .copyright .cot a{ color:#888888;}



/*****Main*****/

.public-title{ width:100%; height:75px; margin:0 auto; padding-top:88px; clear:both; position:relative;}

.public-title .line{ width:100%; height:36px; clear:both; border-bottom:1px solid #009b4c; font-size:0px; line-height:0px;}

.public-title .title{ width:1200px; height:auto; margin:0 auto; clear:both; text-align:center; position:absolute; top:88px; left:50%; margin-left:-600px; z-index:100;}

.public-title .title .txt{ display:inline-table; width:auto; height:72px; line-height:70px; margin:0px auto; padding:0 45px; clear:both; background:#ffffff; border:1px solid #009b4c; border-radius:75px; text-align:center; font-size:34px; color:#009b4c; font-weight:bold;}



.about{ width:100%; height:auto; padding-top:65px; clear:both;}

.about .cot{ width:1200px; height:auto; min-height:505px; margin:0 auto; clear:both; background:url(../image/about.png) top center no-repeat; position:relative;}

.about .cot .ads{ width:auto; height:auto; clear:both; position:absolute; top:3px; left:198px; z-index:1; font-size:34px; color:#414852; line-height:135%;}

.about .cot .more{ width:auto; height:auto; clear:both; position:absolute; top:69px; left:630px; z-index:1; font-size:16px; color:#e34136;}

.about .cot .more a{ color:#e34136;}

.about .cot .pic{ width:400px; height:300px; clear:both; position:absolute; top:10px; right:0px; z-index:1; border-radius:5px; font-size:0px; line-height:0px; overflow:hidden;}

.about .cot .pic img{ width:400px; height:auto; min-height:300px;}

.about .cot .txt{ width:730px; height:auto; clear:both; position:absolute; top:128px; left:0px; z-index:1; font-size:16px; color:#414852; line-height:180%;}

.about .cot .sub-nav{ width:1200px; height:auto; padding-top:473px; clear:both; position:relative;}

.about .cot .sub-nav .li{ width:300px; height:375px; float:left; background:#404752;}

.about .cot .sub-nav .li a{ display:block; width:100%; height:100%; text-decoration:none;}

.about .cot .sub-nav .li .licon{ width:62px; height:61px; margin:0 auto; padding-top:60px; clear:both; font-size:0px; line-height:0px;}

.about .cot .sub-nav .li .ltit{ width:240px; height:55px; margin:0 auto; padding-top:15px; clear:both; position:relative;}

.about .cot .sub-nav .li .ltit .en{ width:240px; height:auto; clear:both; position:absolute; top:15px; left:0px; z-index:1; text-align:center; font-size:36px; color:rgba(255,255,255,0.1); font-weight:bold; text-transform:uppercase;}

.about .cot .sub-nav .li .ltit .cn{ width:240px; height:auto; clear:both; position:absolute; top:25px; left:0px; z-index:2; text-align:center; font-size:24px; color:#ffffff; font-weight:bold;}

.about .cot .sub-nav .li .lcot{ width:240px; height:110px; margin:0 auto; padding-top:0px; clear:both; text-align:center; font-size:14px; color:#ffffff; line-height:170%;}

.about .cot .sub-nav .li .lmore{ width:22px; height:18px; margin:0 auto; clear:both; background:url(../image/more.png) center no-repeat; font-size:0px; line-height:0px;}

.about .cot .sub-nav .li-white{ background:#ffffff;}

.about .cot .sub-nav .li-white .ltit .en{ font-size:30px; color:rgba(0,0,0,0.1);}

.about .cot .sub-nav .li-white .ltit .cn{ color:#000000;}

.about .cot .sub-nav .li-white .lcot{ color:#414852;}

.about .cot .sub-nav .li-white .lmore{ background:url(../image/more_black.png) center no-repeat;}

.about .cot .sub-nav .li1{ background:#404752;}

.about .cot .sub-nav .li2{ margin-top:27px; background:#e34237;}

.about .cot .sub-nav .li3{ margin-top:10px; background:#fcfcfc;}

.about .cot .sub-nav .li4{ margin-top:-20px; background:#f0f0f0;}



.product{ width:100%; height:auto; padding-top:0px; clear:both;}

.product .synthesize{ width:1200px; height:auto; margin:0 auto; padding-top:30px; clear:both; overflow:hidden;}

.product .synthesize .txt{ width:580px; height:auto; padding-top:35px; float:left; font-size:16px; color:#000000; line-height:180%;}

.product .synthesize .pic{ width:576px; height:242px; float:right; font-size:0px; line-height:0px;}

.product .picture{ width:1200px; height:auto; margin:0 auto; clear:both; padding-top:40px; clear:both;}

.product .picture .menu{ width:340px; height:50px; margin:0 auto; clear:both; background:#ffffff; border:1px solid #009b4c; border-radius:50px; overflow:hidden;}

.product .picture .menu .li{ width:170px; height:50px; line-height:50px; float:left; text-align:center; font-size:18px; color:#404752;}

.product .picture .menu .li a{ display:block; width:100%; height:100%; color:#404752; text-decoration:none;}

.product .picture .menu .li-on{ background:#009b4c; color:#ffffff;}

.product .picture .menu .li-on a{ color:#ffffff;}

.product .picture .cot{ width:1200px; height:auto; margin:0 auto; padding-top:40px; clear:both;}

.product .picture .cot .li{ width:1200px; height:390px; clear:both; position:relative;}

.product .picture .cot .li .arrow-left{ width:31px; height:57px; clear:both; position:absolute; top:108px; left:-70px; background:url(../image/arrow_left.png) center no-repeat; font-size:0px; line-height:0px; cursor:pointer;}

.product .picture .cot .li .cc{ width:1200px; height:auto; clear:both;}

.product .picture .cot .li .cc .cli{ width:288px; height:390px; padding-right:16px; float:left;}

.product .picture .cot .li .cc .cli a{ display:block; width:100%; height:100%; text-decoration:none; background:url(../image/product_bg.png) center no-repeat; border-radius:5px;}

.product .picture .cot .li .cc .cli .pic{ width:250px; height:235px; margin:0 auto; padding:20px 0; clear:both; font-size:0px; line-height:0px;}

.product .picture .cot .li .cc .cli .txt{ width:250px; height:60px; margin:0 auto; padding-top:0px; clear:both; text-align:center; font-size:20px; color:#ffffff; line-height:135%;}

.product .picture .cot .li .cc .cli .more{ width:85px; height:25px; line-height:25px; margin:0px auto; background:#ffffff; border-radius:25px; text-align:center; font-size:14px; color:#404752;}

.product .picture .cot .arrow-right{ width:31px; height:57px; clear:both; position:absolute; top:200px; right:-70px; background:url(../image/arrow_right.png) center no-repeat; font-size:0px; line-height:0px; cursor:pointer;}



.research{ width:100%; height:auto; padding-top:0px; clear:both;}

.research .cot{ width:100%; height:500px; margin-top:-38px; clear:both; position:relative;}

.research .cot .bg{ width:100%; height:500px; clear:both; position:absolute; top:0px; left:0px; z-index:1;}

.research .cot .bg .li{ width:50%; height:500px; float:left; background:#009b4c;}

.research .cot .bg .li-r{ background:#00752e; float:right;}

.research .cot .txt{ width:1200px; height:auto; clear:both; position:absolute; top:0px; left:50%; margin-left:-600px; z-index:2;}

.research .cot .txt .li{ width:500px; height:500px; float:left; position:relative;}

.research .cot .txt .li a{ display:block; width:100%; height:405px; padding-top:95px; text-decoration:none;}

.research .cot .txt .li .ltit{ width:500px; height:auto; clear:both; font-size:24px; color:#ffffff; font-weight:bold;}

.research .cot .txt .li .lcot{ width:500px; height:auto; padding-top:20px; clear:both; font-size:16px; color:#ffffff; line-height:170%;}

.research .cot .txt .li .licon{ width:142px; height:142px; clear:both; position:absolute; bottom:55px; left:100px; font-size:0px; line-height:0px;}

.research .cot .txt .li-r{ float:right;}



.news{ width:100%; height:auto; padding-top:0px; clear:both;}

.news .menu{ width:1200px; height:40px; margin:0 auto; padding-top:40px; clear:both; text-align:center;}

.news .menu .li{ display:inline-table; width:auto; height:40px; margin:0px 20px; background:#ebebeb; border-radius:5px; font-size:18px; color:#404752;}

.news .menu .li a{ display:block; width:auto; height:40px; line-height:40px; padding:0px 20px; color:#404752; text-decoration:none;}

.news .menu .li-on{ background:#009b4c; color:#ffffff; font-weight:bold;}

.news .menu .li-on a{ color:#ffffff;}

.news .cot{ width:auto; height:auto; padding-top:50px; clear:both;}

.news .cot .li{ width:1250px; height:auto; margin:0 auto; clear:both; overflow:hidden;}

.news .cot .li .cli{ width:600px; height:150px; padding:0px 0px 40px 25px; float:left; position:relative;}

.news .cot .li .cli a{ display:block; width:100%; height:100%;}

.news .cot .li .cli .pic{ width:200px; height:auto; max-height:150px; margin-top:4px; float:left; border-radius:5px; font-size:0px; line-height:0px; overflow:hidden;}

.news .cot .li .cli .pic img{ width:200px; height:auto;}

.news .cot .li .cli .txt{ width:350px; height:auto; padding-left:20px; float:left;}

.news .cot .li .cli .txt .title{ width:100%; height:auto; clear:both; font-size:18px; color:#404752; line-height:140%;}

.news .cot .li .cli .txt .datetime{ width:100%; height:auto; padding-top:3px; font-size:12px; color:#cccccc;}

.news .cot .li .cli .txt .abstract{ width:100%; height:auto; padding-top:5px; font-size:14px; color:#888888; line-height:150%;}

.news .cot .li .cli .txt .more{ width:80px; height:25px; line-height:25px; clear:both; position:absolute; left:245px; bottom:40px; border:1px solid #006fe0; text-align:center; font-size:14px; color:#006fe0;}

.news .cot .li .cli a:hover .txt .title{ color:#009b4c;}



/*****Sub*****/

.sub{ width:1200px; height:auto; margin:0 auto; padding-top:0px; clear:both; position:relative;}

.sub .menu{ width:240px; height:auto; padding-bottom:60px; float:left;}

.sub .menu .mtit{ width:240px; height:30px; clear:both; background:#009b4c; position:relative;}

.sub .menu .mtit .txt{ width:210px; height:55px; padding:65px 0px 0px 30px; clear:both; position:absolute; top:-90px; left:0px; background:url(../image/sub.png) center no-repeat #009b4c; font-size:30px; color:#ffffff;}

.sub .menu .mcot{ width:240px; height:auto; margin-top:2px; padding:20px 0px 140px 0px; clear:both; background:#f3f3f3; border-radius: 0px 0px 40px 0px;}

.sub .menu .mcot .li{ width:240px; height:48px; clear:both; position:relative;}

.sub .menu .mcot .li a{ display:block; width:100%; height:100%; text-decoration:none;}

.sub .menu .mcot .li .txt{ width:235px; height:48px; line-height:48px; padding-left:30px; clear:both; position:absolute; top:0px; left:0px; font-size:16px; color:#404752;}

.sub .menu .mcot .li .txt .arrow{ display:none;}

.sub .menu .mcot .li a:hover .txt{ color:#009b4c;}

.sub .menu .mcot .li-on .txt{ background:#009b4c; color:#ffffff;}

.sub .menu .mcot .li-on .txt .arrow{ display:block; width:12px; height:21px; margin:13px 13px 0px 0px; float:right; background:url(../image/sub_arrow.png) center no-repeat; font-size:0px; line-height:0px;}

.sub .menu .mcot .li-on a:hover .txt{ color:#ffffff;}

.sub .menu .mcot .li-sub{ width:240px; height:42px; line-height: 42px;}

.sub .menu .mcot .li-sub .txt{ width:220px; height:42px; line-height:42px; padding-left:45px; font-size: 14px;}

.sub .menu .mcot .li-sub.li-on .txt{ background:#ffffff; color:#009b4c;}

.sub .menu .mcot .li-sub.li-on .txt .arrow{ display: none;}

.sub .menu .mcot .li-sub.li-on a:hover .txt{ color:#009b4c;}



.sub .content{ width:900px; height:auto; min-height:500px; padding-bottom:60px; float:right;}

.sub .content .tit{ width:900px; height:48px; margin:0 auto; padding-top:50px; clear:both; position:relative;}

.sub .content .tit .line{ width:900px; height:24px; clear:both; border-bottom:1px solid #009b4c;}

.sub .content .tit .txt{ display:inline-table; width:auto; height:46px; line-height:46px; padding:0px 40px; clear:both; background:#ffffff; border:1px solid #009b4c; border-radius:46px; position:absolute; top:50px; left:0px; z-index:2; font-size:28px; color:#009b4c; font-weight:bold;}

.sub .content .tit .position{ width:auto; height:auto; clear:both; position:absolute; top:30px; right:0px; z-index:1; text-align:right; font-size:14px; color:#414852;}

.sub .content .tit .position a{ color:#414852;}

.sub .content .tit .position a:hover{ color:#414852; text-decoration:underline;}

.sub .content .tit .position span{ padding:0px 7px;}

.sub .content .cot{ width:900px; height:auto; margin:0 auto; padding:20px 0px 0px 0px; clear:both; font-size:16px; color:#414852; line-height:170%; overflow:hidden;}



.sub-big .content{ width:1200px;}

.sub-big .content .tit{ width:900px;}

.sub-big .content .cot{ width:900px;}



/*****News*****/

.sub .s-news{ width:900px; height:auto; margin:0 auto; clear:both;}

.sub .s-news .li{ width:900px; height:auto; clear:both; border-bottom:1px solid #eeeeee; overflow:hidden;}

.sub .s-news .li a{ display:block; width:100%; height:100%; padding:25px 0; overflow:hidden; text-decoration:none;}

.sub .s-news .li .pic{ width:200px; height:auto; max-height:180px; float:left; overflow:hidden; font-size:0px; line-height:0px;}

.sub .s-news .li .pic img{ width:100%;}

.sub .s-news .li .txt{ width:670px; height:auto; padding-right:0px; float:right;}

.sub .s-news .li .txt .title{ width:100%; height:auto; margin-top:-4px; clear:both; text-align:justify; font-size:18px; color:#414852;}

.sub .s-news .li .txt .time{ width:100%; height:auto; padding-top:4px; clear:both; font-size:12px; color:#cccccc;}

.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:#888888; line-height:150%;}

.sub .s-news .li:hover .txt .title{ color:#009b4c; font-weight:bold;}



.sub .s-details{ width:840px; height:auto; padding:0px; clear:both; overflow:hidden;}

.sub .s-details .n-tit{ width:100%; height:auto; clear:both; text-align:center; font-size:30px; color:#009b4c; line-height:140%;}

.sub .s-details .n-time{ width:100%; height:auto; padding-top:15px; 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-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:2px 0; clear:both; font-size:14px; color:#666666;}

.sub .s-details .n-more .li a{ color:#666666;}



/*****Pics*****/

.sub .s-pic{ width:100%; height:auto; clear:both; position:relative;}

.sub .s-pic .li{ width:260px; height:auto; margin:15px 0; padding:0px 40px 0px 0px; float:left;}

.sub .s-pic .li a{ display:block; width:100%; height:100%; text-decoration:none;}

.sub .s-pic .li .pic{ width:260px; height:200px; clear:both; font-size:0px; line-height:0px; overflow:hidden;}

.sub .s-pic .li .pic img{ width:260px; height:auto; min-height:200px;}

.sub .s-pic .li .txt{ width:260px; height:auto; padding-top:7px; clear:both; text-align:center;}

.sub .s-pic .li a:hover .txt{ color:#009b4c;}













/*****Search*****/

.sub-search{ width:900px; height:55px; margin:0 auto; clear:both; background:#f3f3f3;}

.sub-search input{ width:670px; 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; -webkit-appearance:none; -webkit-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:870px; height:auto; margin:0 auto; padding:20px 0 20px 0; clear:both;}

.feedback .f-exp{ width:100%; height:auto; margin:0 auto; clear:both; font-size:14px; color:#666666;}

.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:5px; clear:both; font-size:14px;}

.form .li .ftit span{ color:#FF0000;}

.form .li .input{ width:80%; height:auto; padding:6px; clear:both; background:#fcfcfc; border:1px solid #dddddd; 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:15px; padding:0 20px; float:left; background:#009b4c; text-align:center; font-size:18px; color:#ffffff; cursor:pointer;}

.form .but:hover{ background:#f88400; transition:all ease-in 0.1s;}



/*****Page*****/

.page{ width:100%; height:auto; margin:0px; padding-top:40px; clear:both; font-size:14px;}

.page a{ display:inline-table; padding:5px 12px; margin:0 3px; background:#cccccc; text-align:center; color:#ffffff; text-decoration:none;}

.page a:hover{ background:#009b4c;}

.page a.on{ background:#009b4c; 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;}





/*漂浮*/

.float{ width:55px; height:auto; clear:both; position:fixed; right:10px; bottom:80px; z-index:100;}

.float .li{ width:55px; height:55px; padding-bottom:15px; clear:both; font-size:0px; line-height:0px; position:relative;}

.float .li a{ display:block; width:55px; height:55px;}

.float .li-qq{ background:url(../image/qq.png) center no-repeat;}

.float .li-wechat{ background:url(../image/wechat.png) center no-repeat; cursor:pointer;}

.float .li-wechat .qrcode{ width:150px; height:150px; clear:both; position:absolute; top:-33px; left:-160px; font-size:0px; line-height:0px; display:none;}

.float .li-wechat:hover .qrcode{ display:block;}