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

@keyframes rotate{

	from{ transform:rotate(0deg);}

	to{ transform: rotate(360deg);}

}



.bg{ width:100%; height:100%; clear:both; position: fixed; top: 0px; left: 0px; background: url(/template/default/pc/image/product_bg.jpg) center no-repeat; background-size: 1920px 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;}



/*****Head*****/

.head{ width:100%; height:120px; clear:both; background: rgba(0,0,0,0.5); border-bottom: 1px solid rgba(255,255,255,0.5); box-sizing: border-box; position: absolute; top: 0px; left: 0px; z-index: 100;}

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

.head .cot .logo{ width:283px; height:85px; padding:19px 0px 0px 0px; float:left; font-size:0px; line-height:0px;}

.head .cot .logo img{ width: 100%; height: auto;}

.head .cot .nav{ width:auto; height:65px; padding: 55px 0px 0px 0px; float: right;}

.head .cot .nav .li{ width:auto; height:65px; margin-left:27px; float:left; font-size:16px; color:#ffffff; position:relative;}

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

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

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

.head .cot .nav .li-on{ color:#ffffff; font-weight: bold;}

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

.head .cot .nav .li-on a .line{ display:block; width:100%; height:4px; clear:both; background:#ffffff; position:absolute; bottom:0px; left:0px; font-size:0px; line-height:0px;}

.head .cot .nav .li .nav-sub{ width:500px; height:auto; padding-top:30px; clear:both; position:absolute; top:65px; left:0px; z-index:100; display:none;}

.head .cot .nav .li .nav-sub-nopic{ width: 340px;}

.head .cot .nav .li .nav-sub .pic{ width:200px; height:auto; margin:0px 0px 0px -40px; float:left; font-size:0px; line-height:0px;}

.head .cot .nav .li .nav-sub .pic img{ width: 100%; height: auto; border-radius: 8px;}

.head .cot .nav .li .nav-sub .txt{ width:310px; height:auto; padding:4px 0px 0px 30px; float:left;}

.head .cot .nav .li .nav-sub .txt .ttit{ width:100%; height:auto; clear:both; font-size:28px; color:#ffffff; font-weight: bold;}

.head .cot .nav .li .nav-sub .txt .tcot{ width:100%; height:auto; padding-top:15px; clear:both;}

.head .cot .nav .li .nav-sub .txt .tcot .nli{ width:auto; height:auto; padding-right:30px; float:left; font-size:16px; color:#ffffff; line-height:200%;}

.head .cot .nav .li .nav-sub .txt .tcot .nli a{ height:auto; color:#ffffff;}

.head .cot .nav .li .nav-sub .txt .tcot .nli a:hover{ color:#ffffff;}

.nav_bg{ width:auto; height:230px; clear:both; position:absolute; top:120px; left: 0px; right:0px; z-index: 1; _background:#ec7d17; background-image:-webkit-linear-gradient(left,rgba(236,125,23,1),rgba(236,125,23,0)); display:none;}



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

.foot{ width:100%; height:auto; margin:0 auto; clear:both; background: #222222; position: relative;}

.foot .nav-qrcode{ width:1200px; height:auto; margin:0 auto; padding:30px 0px 50px 0px; 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:#ffffff; font-weight: bold;}

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

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

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

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

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

.foot .qrcode .li{ display: inline-block; width:110px; height:auto; padding: 0px 0px 0px 30px;}

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

.foot .qrcode .li .pic img{ width: 100%; height: auto;}

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

.foot .copyright{ width:100%; height:auto; clear:both; background: #000000;}

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

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

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



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

.banner{ width:100%; height:780px; clear:both; background: #ffffff; position:relative;}

.banner .slogan{ width: 828px; height: auto; clear: both; position: absolute; top: 492px; left: 50%; margin-left: -414px; z-index: 100; font-size: 0px; line-height: 0px;}

.banner .slogan-en{ width: 100%; height: auto; clear: both; position: absolute; bottom: 14px; left: 0px; text-align: center; font-size: 60px; color: rgba(255,255,255,0.2); font-weight: bold; text-transform: uppercase; display: none;}

.banner .bottom{ width: 202px; height: 40px; clear: both; position: absolute; bottom: 0px; left: 50%; margin-left: -101px; z-index: 1; background: url(/template/default/pc/image/banner_bottom.png) center no-repeat; font-size: 0px; line-height: 0px;}

.banner-sub{ height:500px; overflow: hidden;}

.banner-sub .cot{ width:1920px; height:500px; clear:both; position:absolute; top:0px; left:50%; margin-left:-960px;}

.banner-sub .cot .li{ width:1920px; height:500px; clear:both; font-size:0px; line-height:0px;}

.banner-sub .slogan-en{ bottom: 21px; font-size: 80px; color: rgba(255,255,255,0.5); display: none;}



.public-title{ width: 1200px; height: 150px; margin: 0 auto; clear: both; position: relative;}

.public-title::after{ content: ""; width: 500px; height: 1px; clear: both; background: #e9e9e9; position: absolute; top: 75px; left: 0px; font-size: 0px; line-height: 0px;}

.public-title::before{ content: ""; width: 500px; height: 1px; clear: both; background: #e9e9e9; position: absolute; top: 75px; right: 0px; font-size: 0px; line-height: 0px;}

.public-title .en{ width: 100%; height: auto; clear: both; position: absolute; top: 72px; left: 0px; z-index: 1; text-align: center; font-size: 60px; color: rgba(236,125,23,0.1); font-weight: lighter; text-transform: uppercase; display: none;}

.public-title .cn{ width: 100%; height: auto; clear: both; position: absolute; top: 67px; left: 0px; z-index: 3; text-align: center; font-size: 36px; color: #000000; font-weight: bold;}

.public-title .line{ width: 80px; height: 10px; clear: both; position: absolute; top: 90px; left: 50%; margin-left: -40px; z-index: 2; background: #f09745; border-radius: 10px; font-size: 0px; line-height: 0px;}



.about{ width: 100%; height: auto; clear: both; background: #ffffff;}

.about .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 0px 0px 60px 0px; clear: both; overflow: hidden;}

.about .cot .pic{ width: 600px; height: 380px; float: left; border-radius: 15px; position: relative; font-size: 0px; line-height: 0px; overflow: hidden;}

.about .cot .pic img{ width: 100%; height: auto; min-height: 380px;}

.about .cot .pic .play{ width: 96px; height: 96px; clear: both; position: absolute; top: 142px; left: 252px; background: url(/template/default/pc/image/play.png) center no-repeat; cursor: pointer;}

.about .cot .txt-menu{ width: 560px; height: auto; float: right;}

.about .cot .txt{ width: 100%; height: auto; clear: both; font-size: 16px; color: #000000; line-height: 170%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; text-overflow: ellipsis;}

.about .cot .menu{ width: 100%; height: auto; padding-top: 30px; clear: both; overflow: hidden;}

.about .cot .menu .li{ width: 128px; height: 50px; line-height: 50px; margin: 0px 10px 12px 0px; float: left; border: 1px solid #dddddd; text-align: center; font-size: 16px; color: #666666;}

.about .cot .menu .li a{ display: block; width: 100%; height: 100%; color: #666666; text-decoration: none;}

.about .cot .menu .li-on{ background: #ec7d17; border: 1px solid #ec7d17; color: #ffffff;}

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



.product{ width: 100%; height: auto; clear: both;}

.product .public-title::after{ background: rgba(255,255,255,0.4);}

.product .public-title::before{ background: rgba(255,255,255,0.4);}

.product .public-title .en{ color: rgba(255,255,255,0.2);}

.product .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 0px 0px 60px 0px; clear: both; overflow: hidden;}

.product .cot .text{ width: 100%; height: auto; clear: both; text-align: center; font-size: 20px; color: #ffff; line-height: 170%;}

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

.product .cot .cc .cli{ width:388px; height:270px; padding-right:18px; float:left;}

.product .cot .cc .cli a{ display:block; width:100%; height:100%; text-decoration:none; background: #ffffff; border-radius:8px; box-shadow: 0px 2px 0px rgba(0,0,0,0.1); position: relative;}

.product .cot .cc .cli .txt{ width:auto; height:auto; padding-top:20px; clear:both;}

.product .cot .cc .cli .txt .title{ width:345px; height:auto; padding-left: 25px; clear:both; font-size:24px; color:#000000; line-height:135%; position: relative;}

.product .cot .cc .cli .txt .title::after{ content: ""; width: 5px; height: 22px; clear: both; position: absolute; top: 6px; left: 0px; background: #ec7d17; font-size: 0px; line-height: 0px;}

.product .cot .cc .cli .txt .abstract{ width:154px; height:auto; padding:12px 0px 0px 25px; clear:both; font-size:14px; color:#666666; line-height:150%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis;}

.product .cot .cc .cli .details{ width: 78px; height: 32px; line-height: 32px; padding-left: 12px; clear: both; position: absolute; left: 25px; bottom: 25px; background: #ec7d17; color: #ffffff; border-radius: 8px;}

.product .cot .cc .cli .pic{ width:205px; height:183px; clear:both; position: absolute; right: 0px; bottom: 20px; font-size:0px; line-height:0px; overflow: hidden;}

.product .cot .cc .cli .pic img{ width: 100%; height: auto;}

.product .cot .more{ width: 340px; height: 47px; margin: 0 auto; padding-top: 80px; clear: both;}

.product .cot .more .arrow-left{ width:47px; height:47px; float: left; background:url(/template/default/pc/image/arrow_left.png) center no-repeat; font-size:0px; line-height:0px; cursor:pointer;}

.product .cot .more .more-cot{ width: 189px; height: 47px; margin-left: 28px; float: left; background:url(/template/default/pc/image/more.png) center no-repeat;}

.product .cot .more .more-cot a{ display: block; width: 120px; height: 47px; line-height: 47px; padding-left: 69px; font-size: 14px; color: #000000;}

.product .cot .more .arrow-right{ width:47px; height:47px; float: right; background:url(/template/default/pc/image/arrow_right.png) center no-repeat; font-size:0px; line-height:0px; cursor:pointer;}



.video{ width: 100%; height: auto; clear: both; background: #ffffff;}

.video .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 20px 0px 80px 0px; clear: both; overflow: hidden;}

.video .cot .li{ width:388px; height:auto; padding-left:18px; float:left;}

.video .cot .li:first-child{ padding-left: 0px;}

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

.video .cot .li .pic{ width: 100%; height: 250px; clear: both; border-radius: 8px; font-size: 0px; line-height: 0px; overflow: hidden; position: relative;}

.video .cot .li .pic img{ width: 100%; height: auto; min-height: 250px;}

.video .cot .li .pic .play{ width: 96px; height: 96px; clear: both; position: absolute; top: 77px; left: 146px; background: url(/template/default/pc/image/play.png) center no-repeat; cursor: pointer;}

.video .cot .li .txt{ width:100%; height:auto; padding-top:12px; clear:both; text-align: center; font-size: 16px; color: #000000;}

.video .cot .li a:hover .txt{ color: #ec7d17;}



.news{ width: 100%; height: auto; clear: both; background: url(/template/default/pc/image/news_bg.jpg) top center #f5f7fa;}

.news .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 0px 0px 70px 0px; clear: both; overflow: hidden;}

.news .cot .list{ width: 100%; height: 395px; clear: both;}

.news .cot .list .li{ width:280px; height:395px; margin-left:26px; float:left; background:#ffffff; -webkit-box-shadow:0px 5px 0px rgba(0,0,0,0.03); -moz-box-shadow:0px 5px 0px rgba(0,0,0,0.03); box-shadow:0px 5px 0px rgba(0,0,0,0.03); border-radius: 8px; overflow: hidden;}

.news .cot .list .li:first-child{ margin-left:1px;}

.news .cot .list .li a{ display:block; width:100%; height:100%; text-decoration:none;}

.news .cot .list .li .lpic{ width:280px; height:180px; margin:0 auto; clear:both; font-size:0px; line-height:0px; overflow:hidden;}

.news .cot .list .li .lpic img{ width: 100%; height: auto; min-height: 180px;}

.news .cot .list .li .ltit{ width:250px; height:auto; min-height: 50px; margin:0 auto; padding-top:15px; clear:both; font-size:18px; color:#000000; line-height:140%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

.news .cot .list .li .labs{ width:250px; height:auto; min-height: 70px; margin:0 auto; padding-top:12px; clear:both; font-size:14px; color:#666666; line-height:160%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}

.news .cot .list .li .ltime{ width:250px; height:auto; margin:0 auto; padding-top:28px; clear:both; font-size:14px; color:#999999;}

.news .cot .list .li a:hover .ltit{ color:#ec7d17;}

.news .cot .more{ width: 1200px; height: 47px; margin: 0 auto; padding-top: 70px; clear: both;}

.news .cot .more .more-cot{ width: 189px; height: 47px; margin: 0 auto; background:url(/template/default/pc/image/more.png) center no-repeat;}

.news .cot .more .more-cot a{ display: block; width: 120px; height: 47px; line-height: 47px; padding-left: 69px; font-size: 14px; color: #000000;}



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

.sub{ width:100%; height:auto; margin:0 auto; padding-top:0px; clear:both; background: #ffffff; position:relative; overflow: hidden;}

.sub .menu{ width:100%; height:auto; clear: both; border-bottom: 1px solid #e8e8e8;}

.sub .menu .mcot{ width:1200px; height:auto; margin: 0 auto; clear:both; text-align: center;}

.sub .menu .mcot .li{ display: inline-block; width:auto; height:auto; line-height: 78px; margin: 0px 20px; font-size: 24px; color: #666666;}

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

.sub .menu .mcot .li a:hover{ color: #ec7d17;}

.sub .menu .mcot .li .line{ display: none;}

.sub .menu .mcot .li-on{ color: #ec7d17;}

.sub .menu .mcot .li-on a{ color: #ec7d17;}

.sub .menu .mcot .li-on .line{ display: block; width: 20px; height: 10px; clear: both; position: absolute; bottom: -7px; left: 50%; margin-left: -10px; background: url(/template/default/pc/image/arrow_nav.png) center no-repeat; font-size: 0px; line-height: 0px;}

.sub .menu .mcot .mcot-sub{ width: auto; height: auto; clear: both; position: absolute; top: 75px; left: 0px; right: 0px; z-index: 10; border-top: 1px solid #e8e8e8; white-space: nowrap; font-size: 0px; line-height: 0px;}

.sub .menu .mcot .mcot-sub .sli{ display: inline-block; width: auto; height: auto; line-height: 55px; padding-left: 20px; text-align: left; font-size: 16px; color: #666666;}

.sub .menu .mcot .mcot-sub .sli:first-child{ padding-left: 0px;}

.sub .menu .mcot .mcot-sub .sli a{ color: #666666;}

.sub .menu .mcot .mcot-sub .sli a:hover{ text-decoration: underline;}

.sub .menu .mcot .mcot-sub .sli-on{ color: #ec7d17;}

.sub .menu .mcot .mcot-sub .sli-on a{ color: #ec7d17;}

.sub .menu .mcot .mcot-clear{ width: 100%; height: 55px; clear: both;}



.sub .content{ width:1200px; height:auto; margin: 0 auto; padding:0px 0px 80px 0px; clear: both;}

.sub .content-search{ padding: 35px 0px 80px 0px;}

.sub .content .tit{ width: 1200px; height: 150px; margin: 0 auto; clear: both; position: relative;}

.sub .content .tit .en{ width: 100%; height: auto; clear: both; position: absolute; top: 72px; left: 0px; z-index: 1; text-align: center; font-size: 60px; color: rgba(236,125,23,0.1); font-weight: lighter; text-transform: uppercase; display: none;}

.sub .content .tit .cn{ width: 100%; height: auto; clear: both; position: absolute; top: 67px; left: 0px; z-index: 3; text-align: center; font-size: 36px; color: #000000; font-weight: bold;}

.sub .content .tit .line{ width: 80px; height: 10px; clear: both; position: absolute; top: 90px; left: 50%; margin-left: -40px; z-index: 2; background: #f09745; border-radius: 10px; font-size: 0px; line-height: 0px;}

.sub .content .cot{ width:1200px; height:auto; margin:0 auto; clear:both; font-size:18px; color:#000000; line-height:180%; overflow:hidden;}

.sub .content .cot-page img{ border-radius: 10px;}

.sub .content .cot-page p{ margin: 0px; padding: 0px 0px 15px 0px;}



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

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

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

.sub .s-news .li:first-child{ border-top: 0px;}

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

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

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

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

.sub .s-news .li .txt .title{ width:100%; height:auto; margin-top:-5px; clear:both; text-align:justify; font-size:22px; color:#f09745; line-height: 135%;}

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

.sub .s-news .li .txt .time span{ padding-right:15px;}

.sub .s-news .li .txt .abstract{ width:100%; height:auto; padding-top:10px; clear:both; text-align:justify; font-size:14px; color:#888888; line-height:150%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}

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



.sub .s-details{ width:1200px; height:auto; padding-top:50px; clear:both; overflow:hidden;}

.sub .s-details .n-tit{ width:100%; height:auto; clear:both; text-align:center; font-size:36px; color:#f09745; line-height:135%;}

.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 img{ border-radius: 10px;}

.sub .s-details .n-cot p{ margin: 0px; padding: 0px 0px 15px 0px;}

.sub .s-details .n-share{ width:auto; height:50px; padding-top:20px; clear:both; float:right; font-size: 14px;}

.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:210px; clear:both; font-size:0px; line-height:0px; overflow:hidden;}

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

.sub .s-pic .li .txt{ width:260px; height:auto; padding-top:7px; clear:both; text-align:center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}

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













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

.sub-search{ width:100%; height:70px; margin:0 auto; clear:both; background:#ffffff;}

.sub-search .cot{ width: 1000px; height: 70px; margin: 0 auto; clear: both;}

.sub-search .cot input{ width:800px; height:70px; line-height:50px; margin:0px; padding:0px 25px; float:left; background: #dddddd; font-size:18px; color:#333333; border:0px; 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 .cot .but{ width:150px; height:70px; float:right; background:url(/template/default/pc/image/search.png) center no-repeat #dddddd; font-size:0px; line-height:0px;}

.sub-search .cot .but a{ display:block; width:100%; height:100%;}













/*****Feedback*****/

.feedback{ width:900px; height:auto; margin: 0 auto; padding:60px 0 20px 0; clear:both;}

.feedback .f-exp{ width:100%; height:auto; margin:0 auto; clear:both; font-size:16px; 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:98%; height:auto; padding:10px 1%; clear:both; background:#fcfcfc; border:1px solid #dddddd; box-sizing: border-box; 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; 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 .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:50px; line-height:50px; margin-top:15px; padding:0 20px; float:left; background:#f09745; 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; text-align: center; font-size:14px;}

.page a{ display:inline-table; padding:10px 17px; margin:0 5px; background:#cccccc; text-align:center; color:#ffffff; text-decoration:none; border-radius: 6px;}

.page a:hover{ background:#f09745;}

.page a.on{ background:#f09745; color:#ffffff;}

.page span{ display:inline-table; padding:5px 2px;}





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





/*ΠΕΟΆΜαΚΎ*/

.message-clear{ width: 100%; height: 120px; clear: both;}

.message{ width:auto; height:auto; padding:180px 0px 240px 0px; clear:both; background: #ffffff;}

.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(/template/default/pc/image/qq.png) center no-repeat;}

.float .li-wechat{ background:url(/template/default/pc/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;}







<!--0.00011610984802246-->