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

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

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

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

/*****Header*****/
.header{ width: 100%; min-width: 1200px; height: 100px; clear: both; background: #ffffff; position: relative;}
.header .cot{ width: 100%; height: 100px; margin: 0 auto; padding-top: 0px; clear: both; position: relative;}
.header .cot .logo{ width: 200px; height: 48px; padding: 27px 0px 0px 40px; float: left; font-size: 0px; line-height: 0px;}
.header .cot .logo img{ width: 100%; height: auto;}
.header .cot .nav{ width: auto; height: 50px; padding: 50px 0px 0px 50px; float: left;}
.header .cot .nav .li{ width: auto; height: 50px; margin-left: 30px; float: left; font-size: 16px; color: #1d454b; position: relative;}
.header .cot .nav .li a{ display:inline-table; width: auto; height: 50px; color: #1d454b; text-decoration: none;}
.header .cot .nav .li a:hover{ color: #1d454b; font-weight: bold;}
.header .cot .nav .li a .line{ display: none;}
.header .cot .nav .li-on{ color: #1d454b; font-weight: bold;}
.header .cot .nav .li-on a{ color: #1d454b;}
.header .cot .nav .li-on a .line{ display: block; width: 100%; height: 5px; clear: both; background: #1d454b; position: absolute; bottom: 0px; left: 0px; font-size: 0px; line-height: 0px;}
.header .cot .nav .li .nav-sub{ width: 1000px; height: auto; padding: 58px 0px; clear: both; position: absolute; top: 50px; left: 0px; z-index: 100; display: none;}
.header .cot .nav .li .nav-sub .txt{ width: 810px; height: auto; clear: both; position: relative;}
.header .cot .nav .li .nav-sub .txt .t-tit{ width: 100%; height: auto; clear: both; font-size: 24px; color: #ffffff; font-weight: bold;}
.header .cot .nav .li .nav-sub .txt .t-cot{ width: 100%; height: auto; padding-top: 12px; clear: both; font-size: 14px; color: #a4b2b3; line-height: 170%;}
.header .cot .nav .li .nav-sub .txt .t-more{ width: auto; height: 30px; line-height: 30px; clear: both; position: absolute; top: 0px; right: -160px; background: #ffffff; border-radius: 30px; overflow: hidden;}
.header .cot .nav .li .nav-sub .txt .t-more a{ display: block; width: 100%; height: 100%; padding: 0 25px; font-size: 14px; color: #000000;}
.header .cot .nav .li .nav-sub .txt .t-more a span{ padding-left: 5px; font-size: 14px; color: #999999;}
.header .cot .nav .li .nav-sub .subnav{ width: 840px; height: auto; padding-top: 40px; clear: both; overflow: hidden;}
.header .cot .nav .li .nav-sub .subnav .nli{ width: 180px; height: 45px; line-height: 45px; margin-right: 30px; float: left; border-bottom: 1px solid #778f93; overflow: hidden;}
.header .cot .nav .li .nav-sub .subnav .nli a{ display: block; width: 100%; height: 100%; font-size: 16px; color: #ffffff; font-weight: normal;}
.header .cot .nav .li .nav-sub .subnav .nli a span{ padding-left: 5px; font-size: 14px;}
.header .cot .nav .li .nav-sub .subnav .nli a:hover{ font-weight: bold;}
.header .cot .phone{ width: auto; height: auto; padding: 50px 30px 0px 0px; float: right; background: url(../image/head_icon.png) top right no-repeat;}
.header .cot .phone span{ display: inline-block; font-size: 14px; color: #000000; vertical-align: middle;}
.header .cot .phone span.txt{ padding-left: 5px; font-size: 24px; color: #1d454b;}
.header .nav_bg{ width: auto; height: 680px; clear: both; position: absolute; top: 100px; left: 0px; right: 0px; z-index: 10; background: #1d454b; display: none;}
.header .nav_bg .icon{ width: 353px; height: 136px; clear: both; position: absolute; right: 0px; bottom: 45px; background: url(../image/nav_icon.png) center no-repeat; font-size: 0px; line-height: 0px;}

/*****Footer*****/
.footer{ width: 100%; height: auto; margin: 35px auto 0 auto; clear: both; background: #1d454b; position: relative;}
.footer .logo{ width: 145px; height: 37px; margin: 0 auto; padding-top: 35px; clear: both; font-size: 0px; line-height: 0px;}
.footer .nav{ width:1200px; height:auto; margin: 0 auto; padding-top: 25px; clear: both; text-align: center;}
.footer .nav .li{ display: inline-block; width: auto; height: auto; margin: 0 15px; font-size: 16px; color: #ffffff;}
.footer .nav .li a{ color: #ffffff; text-decoration: none;}
.footer .nav .li a:hover{ text-decoration: underline;}
.footer .qrcode{ width: 1200px; height: auto; margin: 0 auto; padding-top: 30px; clear: both; text-align: center;}
.footer .qrcode .li{ display: inline-block; width: 90px; height: auto; padding: 0px 15px;}
.footer .qrcode .li .pic{ width: 90px; height: 90px; margin: 0 auto; clear: both; font-size: 0px; line-height: 0px;}
.footer .qrcode .li .pic img{ width: 100%; height: auto;}
.footer .qrcode .li .txt{ width: 90px; height: auto; margin: 0 auto; padding-top: 5px; clear: both; text-align: center; font-size: 12px; color: #ffffff;}
.footer .phone{ width: 1200px; height: auto; margin: 0 auto; padding-top: 30px; clear: both; text-align: center; font-size: 36px; color: #ffffff;}
.footer .phone span{ display: block; padding-top: 12px; font-size: 14px; color: #ffffff;}
.footer .copyright{ width: 100%; height: auto; margin-top: 30px; clear: both; border-top: 1px solid #617d81;}
.footer .copyright .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 25px 0px; clear: both; text-align: center; font-size: 12px; color: #ffffff; line-height: 170%;}
.footer .copyright .cot img{ vertical-align: middle;}
.footer .copyright .cot a{ color: #ffffff;}

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

.about{ width: 100%; height: auto; clear: both; background: #ffffff;}
.about .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 0px 0px 70px 0px; clear: both; overflow: hidden;}
.about .cot .txt-menu{ width: 620px; height: auto; padding-top: 68px; float: left;}
.about .cot .txt{ width: 100%; height: auto; clear: both;}
.about .cot .txt .tit{ width: 100%; height: 50px; clear: both; font-size: 36px; color: #1d454b; position: relative;}
.about .cot .txt .tit span{ font-weight: bold;}
.about .cot .txt .tit .icon{ width: 145px; height: 26px; clear: both; position: absolute; top: 12px; right: 100px; background: url(../image/about_icon.png) center no-repeat; font-size: 0px; line-height: 0px;}
.about .cot .txt .explain{ width: 100%; height: auto; clear: both; text-align: justify; font-size: 16px; color: #000000; line-height: 170%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 14; overflow: hidden; text-overflow: ellipsis;}
.about .cot .menu{ width: 100%; height: auto; padding-top: 45px; clear: both; overflow: hidden;}
.about .cot .menu .li{ width: 180px; height: auto; margin: 0px 25px 0px 0px; float: left;}
.about .cot .menu .li a{ display: block; width: 100%; height: 100%; text-decoration: none;}
.about .cot .menu .li .mpic{ width: 180px; height: 90px; clear: both; font-size: 0px; line-height: 0px; overflow: hidden;}
.about .cot .menu .li .mpic img{ width: 100%; height: auto; min-height: 90px;}
.about .cot .menu .li .mtxt{ width: 180px; height: auto; padding-top: 8px; clear: both; font-size: 16px; color: #000000;}
.about .cot .menu .li a:hover .mtxt{ color: #1d454b;}
.about .cot .pic{ width: 500px; height: 448px; margin-top: 108px; float: right; font-size: 0px; line-height: 0px; box-shadow: 0px 10px 0px rgba(29,69,75,0.2); overflow: hidden;}
.about .cot .pic img{ width: 100%; height: auto; min-height: 448px;}

.product{ width: 100%; height: auto; clear: both;}
.product .cot{ width: 1200px; height: 850px; margin: 0 auto; clear: both;}
.product .cot .tit{ width: 450px; height: 80px; margin: 0 auto; clear: both; background: url(../image/product_tit.png) center no-repeat; font-size: 0px; line-height: 0px;}
.product .cot .pics{ width: 1200px; height: auto; margin: 50px auto 0 auto; clear: both; position: relative;}
.product .cot .pics .menu{ width: 250px; height: 720px; clear: both; background: #ffffff; position: absolute; top: 0px; left: 0px; overflow: hidden;}
.product .cot .pics .menu .li{ width: 230px; height: 48px; line-height: 48px; padding-left: 20px; clear: both; font-size: 16px; color: #1d454b;}
.product .cot .pics .menu .li a{ display: block; width: 100%; height: 100%; text-decoration: none; color: #1d454b;}
.product .cot .pics .menu .li span{ padding-left: 5px; font-size: 16px; display: none;}
.product .cot .pics .menu .li-on{ background: #1d454b; font-size: 18px; font-weight: bold; color: #ffffff;}
.product .cot .pics .menu .li-on a{ color: #ffffff;}
.product .cot .pics .menu .li-on span{ display: inline-block;}
.product .cot .pics .pic{ width: 950px; height: 720px; clear: both; position: absolute; top: 0px; right: 0px;}
.product .cot .pics .pic .li{ width: 950px; height: 720px; clear: both; position: relative;}
.product .cot .pics .pic .li .lpic{ width: 950px; height: 800px; clear: both; position: absolute; top: 0px; left: 0px; z-index: 1; font-size: 0px; line-height: 0px; overflow: hidden;}
.product .cot .pics .pic .li .lpic img{ width: 100%; height: auto; min-height: 800px;}
.product .cot .pics .pic .li .ltxt{ width: 427px; height: 330px; clear: both; background: rgba(0,0,0,0.8); position: absolute; left: 630px; bottom: 0px; z-index: 2;}
.product .cot .pics .pic .li .ltxt .ltit{ width: 250px; height: auto; padding: 35px 0px 0px 35px; clear: both; font-size: 24px; color: #ffffff; font-weight: bold;}
.product .cot .pics .pic .li .ltxt .lcot{ width: 250px; height: auto; padding: 15px 0px 0px 35px; clear: both; text-align: justify; font-size: 14px; color: #ffffff; line-height: 160%;}
.product .cot .pics .pic .li .ltxt .lmore{ width: 30px; height: 30px; line-height: 30px; margin: 20px 0px 0px 35px; clear: both; background: #1d454b; border-radius: 30px; text-align: center; font-size: 14px; color: #ffffff;}
.product .cot .pics .pic .li .ltxt .lmore a{ display: block; width: 100%; height: 100%; color: #ffffff; text-decoration: none;}

.craft{ width: 100%; height: auto; clear: both; background: #ffffff;}
.craft .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 150px 0px 70px 0px; clear: both; overflow: hidden;}
.craft .cot .tit{ width: 1200px; height: auto; clear: both; text-align: center;}
.craft .cot .tit .ttxt{ display: inline-block; width: auto; height: auto; padding: 0px 20px; text-align: center; font-size: 36px; color: #1d454b; position: relative;}
.craft .cot .tit .ttxt span{ font-weight: bold;}
.craft .cot .tit .ttxt .line{ width: 150px; height: 1px; clear: both; background: #1d454b; position: absolute; top: 12px; left: -150px; font-size: 0px; line-height: 0px;}
.craft .cot .tit .ttxt .line-right{ left: auto; right: -150px;}
.craft .cot .tit .explain{ width: 1200px; height: auto; margin: 0 auto; padding-top: 25px; clear: both; text-align: center; font-size: 16px; color: #000000; line-height: 160%;}
.craft .cot .pic{ width: 1200px; height: 450px; margin: 0 auto; padding-top: 40px; clear: both; overflow: hidden;}
.craft .cot .pic img{ width: 1200px; height: auto; min-height: 450px;}
.craft .cot .specific{ width: 1200px; height: auto; margin: 0 auto; padding-top: 25px; clear: both; overflow: hidden;}
.craft .cot .specific .li{ width: 380px; height: auto; padding-left: 30px; float: left;}
.craft .cot .specific .li:first-child{ padding-left: 0px;}
.craft .cot .specific .li a{ display: block; width: 100%; height: 100%;}
.craft .cot .specific .li .spic{ width: 380px; height: 220px; clear: both; font-size: 0px; line-height: 0px; overflow: hidden;}
.craft .cot .specific .li .spic img{ width: 100%; height: auto; min-height: 220px;}
.craft .cot .specific .li .stxt{ width: 360px; height: auto; padding-top: 15px; clear: both; font-size: 14px; color: #000000; line-height: 160%;}
.craft .cot .specific .li .stxt span{ display: block; padding-bottom: 8px; font-size: 20px; color: #1d454b;}

.news{ width: 100%; height: auto; clear:both; background: url(../image/news_bg.jpg) top center no-repeat; background-size: 100% 100%;}
.news .tit{ width: 1200px; height: auto; margin: 0 auto; padding-top: 50px; clear: both; text-align: center; font-size: 36px; color: #1d454b;}
.news .tit span{ display: block; padding-top: 10px; font-size: 16px; color: #000000;}
.news .menu{ width: 1200px; height: 40px; margin: 0 auto; padding-top: 25px; clear: both; text-align: center;}
.news .menu .li{ display: inline-block; width: auto; height: 40px; margin: 0px 20px; background: #dddddd; 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: #1d454b; color: #ffffff; font-weight: bold;}
.news .menu .li-on a{ color: #ffffff;}
.news .cot{ width: auto; height: auto; padding: 50px 0px 80px 0px; 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; 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%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.news .cot .li .cli .txt .more{ width: 80px; height: 25px; line-height: 25px; clear: both; position: absolute; left: 245px; bottom: 40px; border: 1px solid #1d454b; text-align: center; font-size: 14px; color: #1d454b;}
.news .cot .li .cli a:hover .txt .title{ color:#1d454b;}

/*****Sub*****/
.banner-sub{ width: 100%; height: 380px; clear: both; background: #ffffff; position: relative;}
.banner-sub img{ width: 100%; height: auto; min-height: 380px;}
.banner-sub .cot{ width: 1200px; height: 380px; clear: both; position: absolute; top: 0px; left: 50%; margin-left: -600px;}
.banner-sub .cot .txt{ width: 580px; height: auto; clear: both; position: absolute; top: 92px; right: 0px; font-size: 14px; color: #ffffff; line-height: 170%;}
.banner-sub .cot .txt span{ display: block; padding-bottom: 12px; font-size: 24px; color: #ffffff; font-weight: bold;}

.sub-wrap{ width: 100%; height: auto; clear: both; background: #ffffff;}
.sub{ width: 1200px; height: auto; margin: 0 auto; padding-top: 0px; clear: both; position: relative;}
.sub .title{ width: 1200px; height: 80px; clear: both; position: absolute; top: -80px; left: 0px; background: #ffffff;}
.sub .title .txt{ width: auto; height: 80px; line-height: 80px; clear: both; position: absolute; left: 30px; top: 0px; z-index: 1; font-size: 36px; color: #1d454b; font-weight: bold;}
.sub .title .position{ width: auto; height: 80px; line-height: 80px; padding-right: 30px; float: right; text-align: right; font-size: 16px; color: #999999;}
.sub .title .position a{ color: #999999;}
.sub .title .position a:hover{ color: #1d454b; text-decoration: underline;}
.sub .title .position span{ padding: 0px 8px;}
.sub .title .icon{ width: 178px; height: 35px; clear: both; position: absolute; top: 0px; left: 190px; background: url(../image/sub_nav_icon.png) center no-repeat; font-size: 0px; line-height: 0px;}

.sub .menu{ width: 1140px; height: auto; padding: 15px 29px; clear: both; border: 1px solid #dddddd; overflow: hidden;}
.sub .menu .li{ display: inline-block; width: auto; height: 38px; line-height: 38px; margin-right: 22px; font-size: 18px; color: #555555;}
.sub .menu .li a{ color: #555555; text-decoration: none;}
.sub .menu .li a:hover{ color: #1d454b;}
.sub .menu .li-on{ color: #1d454b; font-weight: bold;}
.sub .menu .li-on a{ color: #1d454b;}
.sub .menu .li-on a:hover{ color: #1d454b;}

.sub .content{ width: 1200px; height: auto; min-height: 500px; padding-bottom: 70px; clear: both;}
.sub .content .tit{ width: 1200px; height: 32px; padding-top: 45px; clear: both; text-align: center;}
.sub .content .tit .ttxt{ display: inline-block; width: auto; height: auto; padding: 0px 20px; text-align: center; font-size: 34px; color: #1d454b; position: relative;}
.sub .content .tit .ttxt .line{ width: 150px; height: 1px; clear: both; background: #1d454b; position: absolute; top: 12px; left: -150px; font-size: 0px; line-height: 0px;}
.sub .content .tit .ttxt .line-right{ left: auto; right: -150px;}
.sub .content .cot{ width: 1200px; height: auto; margin: 0 auto; padding: 28px 0px 0px 0px; clear: both; font-size: 18px; color: #404752; line-height: 170%; overflow: hidden;}
.sub .content .cot .explain{ width: 100%; height: auto; padding-bottom: 40px; clear: both; font-size: 16px; color: #999999; line-height: 170%; overflow: hidden;}
.sub .content .cot .no-data{ width: 300px; height: auto; margin: 0 auto; padding-top: 300px; clear: both; background: url(../image/no_data.png) top center no-repeat; text-align: center; font-size: 16px;}

/*****News*****/
.sub .s-news{ width: 1000px; height: auto; margin: 0 auto; clear: both;}
.sub .s-news .li{ width: 100%; height: auto; clear: both; border-top: 1px solid #dddddd; overflow: hidden;}
.sub .s-news .li:first-child{ border-top: 0px;}
.sub .s-news .li a{ display: block; width: 100%; height: 100%; padding: 35px 0px; overflow: hidden; text-decoration: none;}
.sub .s-news .li .pic{ width: 240px; height: auto; max-height: 180px; float: left; font-size: 0px; line-height: 0px; overflow: hidden;}
.sub .s-news .li .pic img{ width: 100%;}
.sub .s-news .li .txt{ width: 725px; height: auto; padding-right: 0px; float: right;}
.sub .s-news .li .txt .n-title{ width: 100%; height: auto; margin-top: -5px; clear: both; text-align: justify; font-size: 22px; color: #000000; line-height: 135%;}
.sub .s-news .li .txt .n-time{ width: 100%; height: auto; padding-top: 2px; clear: both; font-size: 12px; color: #aaaaaa;}
.sub .s-news .li .txt .n-time span{ padding-right: 15px;}
.sub .s-news .li .txt .n-abstract{ width: 100%; height: auto; padding-top: 5px; clear: both; text-align: justify; font-size: 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 .n-title{ color: #1d454b; font-weight: bold;}

.sub .s-details{ width: 1200px; height: auto; padding-top: 0px; clear: both; overflow: hidden;}
.sub .s-details .n-tit{ width: 100%; height: auto; clear: both; text-align: center; font-size: 36px; color: #1d454b; line-height: 135%; font-weight: bold;}
.sub .s-details .n-time{ width: 100%; height: auto; padding-top: 0px; clear: both; text-align: center; font-size: 14px; color: #999999;}
.sub .s-details .n-time span{ padding: 0 8px;}
.sub .s-details .n-cot{ width: 100%; height: auto; padding-top: 25px; clear: both; text-align: justify; font-size: 18px; color: #000000; line-height: 180%; overflow: hidden;}
.sub .s-details .n-cot p{ margin: 0px; padding: 0px 0px 15px 0px;}
.sub .s-details .n-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 #dddddd;}
.sub .s-details .n-more .li{ width: 100%; height: auto; clear: both; font-size: 14px; color: #666666;}
.sub .s-details .n-more .li a{ color: #666666;}

/*****Picture*****/
.sub .s-pic{ width: 100%; height: auto; clear: both; text-align: center; font-size: 0px; position: relative;}
.sub .s-pic .li{ display: inline-block; width: 268px; height: auto; margin: 15px 15px 15px 15px; border: 1px solid #dddddd;}
.sub .s-pic .li a{ display: block; width: 100%; height: 100%; text-decoration: none;}
.sub .s-pic .li .pic{ width: 100%; height: 210px; clear: both; font-size: 0px; line-height: 0px; overflow: hidden;}
.sub .s-pic .li .pic img{ width: 100%; height: auto; min-height: 210px;}
.sub .s-pic .li .txt{ width: 100%; height: 47px; line-height: 47px; clear: both; text-align: center; font-size: 18px; color: #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
.sub .s-pic .li a:hover .txt{ color: #1d454b; font-weight: bold;}

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

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

/*****Form*****/
.form .li{ width: 100%; height: auto; padding-bottom: 15px; clear: both;}
.form .li .ftit{ width: 100%; height: auto; padding-bottom: 8px; clear: both; font-size: 16px;}
.form .li .ftit span{ color: #FF0000;}
.form .li .input{ width: 100%; height: auto; padding: 6px; clear: both; background: #fcfcfc; border: 1px solid #e7e7e7; box-sizing: border-box; font-size: 16px;}
.form .li .short{ width: 300px; position: relative;}
.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 .short .verify{ width: auto; height: auto; clear: both; position: absolute; top: 0px; right: -85px; font-size: 0px; line-height: 0px;}
.form .li .short .verify img{ width: 70px;}
.form .li .upload{ width: 100%; height: auto; clear: both; overflow: hidden;}
.form .li .upload .pli{ width: 100px; height: 100px; line-height: 85px; margin-right: 20px; float: left; border: 1px solid #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: 100px; height: 100px;}
.form .but{ width: 120px; height: 50px; line-height: 50px; margin-top: 20px; padding: 0px 20px; float: left; background: #1d454b; 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: 0; padding: 20px 0px; clear: both; font-size: 14px; text-align: center;}
.page a{ display: inline-table; padding: 8px 15px; margin: 0 5px; background: #ffffff; border: 1px solid #1d454b; box-sizing: border-box; border-radius: 5px; text-align: center; color: #000000; text-decoration: none;}
.page a:hover{ background: #1d454b; color: #ffffff;}
.page a.on{ background: #1d454b; color: #ffffff;}
.page span{ display: inline-table; padding: 5px 4px;}

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