*html{ background-image:url(about:blank); background-attachment:fixed; transition:.5s;}
body{ font-size:12px; font-family:"微软雅黑"; position:relative; transition:.5s; background:#fff;}
input,select,textarea,button{  font-family:"Microsoft YaHei",arial; outline:none; font-size:12px;}
*{margin:0;padding:0; border: 0;}
ul, li {list-style-type:none;}
em,i,ins{ font-style:normal; text-decoration:none;}
img {border:none; vertical-align:middle;}
a{color:#333;text-decoration:none;}
a:hover{color:#fabe00;}
.fl {float:left;}
.fr {float:right;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display:block;}

.w1200{max-width:1200px; margin:0 auto;/* padding:0 10px;*/ position:relative;}
.table-table{ display:table;}
.table-cell{ display:table-cell; vertical-align:middle;}
.mosk{width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; z-index:555; top:0; left:0; display:none; }
/*html.flow{ overflow:hidden;}*/
.h120{ height:120px; transition:.5s;}
.content{width:100%; overflow:hidden;}
.header-h100{ position:fixed; top:0; left:0; z-index:55; width:100%; background:#fff; box-shadow:0 0 3px #999;}
.h100{ height:100px;}


.openVideo{ max-width:800px; width:90%; position:fixed; z-index:666; top:50%; left:50%; transform:translate(-50%,-50%); display:none;}
.openVideo video{width:100%;}
.mosk{width:100%; height:100%; background:rgba(0,0,0,.6); position:fixed; top:0; left:0; z-index:556;}

/*头部*/
.header{width:100%; height:100px;}
.header-logo img{ height:30px; margin:35px 150px 0 50px;}
.header-nav{ margin-left:100px;}
.header-nav>ul>li {float:left;}

.header-nav>ul>li:hover .navDown-con p{ opacity:1; transition:.5s;}
.header-nav .navTop a{ height:100px; line-height:100px; color:#444; font-size:16px; padding:0 21px;}
.header-nav .on .navTop a,.header-nav .navTop a:hover{color:#f00;}
.header-nav .off .navTop a{color:#f00;}


.header-select{ height:30px; border-radius:5px 5px 0 0; /*margin-top:35px;*/ line-height:30px; background:#fff; padding:0 5px; width:73px;}
.header-option{ position:absolute; top:30px; left:0; width:100%; background:#fff; z-index:22; display:none; text-align:center; /*box-shadow:1px 1px 5px #555;*/ border-radius:0 0 5px 5px;}
.header-option p{ border-top:1px solid #e5e5e5; position:relative; font-size:12px; color:#999;}
.header-option p:first-child{ border-top:0;}
.header-option p.on:before,.header-option p:hover:before{content:""; position:absolute; top:0; left:0; width:2px; height:100%; background:#f00;}
.header-select i{ background:url(../images/icon1.png) no-repeat; width:4px; height:5px; transform:rotate(90deg); display:inline-block; vertical-align:middle; position:absolute; top:14px; right:10px;}
.header-color{ background:#f00; color:#fff;}
.header-right{ line-height:100px;}
.header-search{ height:30px; line-height:30px; overflow:hidden; width:100px; border-radius:20px; border:1px solid #ccc; position:relative; margin-top:34px; margin-right:30px;}
.header-search input{width:100%; text-indent:15px; background:none;}
.header-search i{width:30px; height:30px; border-radius:50%; background:url(../images/search.png) no-repeat #fff center; position:absolute; top:0; right:0;}
.header-language{color:#969696; margin:0 20px; display:none;}
.header-language a{color:#969696; margin:0 2px;}

.headerPro{width:100%; position:absolute; top:100px; left:0; background:#f7f7f7; z-index:44; padding:20px 0 40px; display:none;}
.headerPro-left{width:48%; padding-right:2%; position:relative;}
.headerPro-left:before{content:""; width:1px; height:100%; background:#e1e1e1; position:absolute; top:0; right:0;}
.headerPro-tit{ font-size:20px; height:26px; color:#444; font-weight:600; padding:0 0 20px 0; position:relative;}
.headerPro-tit a{color:#f00; position:absolute; top:12px; right:60px; font-weight:400; font-size:14px;}
.headerPro-list ul{width:25%; float:left;}
.headerPro-list li{margin-top:10px;}
.headerPro-list li b{ font-size:16px; display:block; color:#444;}
.headerPro-list li a{color:#7f7f7f; font-size:14px;}
.headerPro-right{width:45%; padding-left:5%;}
.headerPro-ment{ margin-bottom:23px;}
.headerPro-ment h2{ font-size:16px; margin-top:10px; color:#444;}
.headerPro-ment li{width:33.33%; float:left;margin-top:10px;}
.headerPro-ment li a{color:#7f7f7f; font-size:14px;}
.headerPro-title{ font-size:20px; height:26px; color:#444; font-weight:600; padding:0 0 20px 0; position:relative;}
.headerPro-menu {margin-top:10px;}
.headerPro-menu a{ font-size:14px; color:#F00; display:block; }
.headerPro a:hover{color:#f00;} 


/*.header-h100{ background:none; box-shadow:none;}*/
.header-nav>ul>li{ position:relative;}
/*.header-nav>ul>li:nth-child(4){ position:static;}*/
.navDown{ display:none; text-align:center; line-height:30px; font-size:14px; width:100%;/* position:absolute; top:100px; left:0;*/ height:60px;}
.navDown p{ display:inline-block; height:60px; line-height:60px;}
.navDown p a{ display:inline-block; height:100%; padding:0 15px;}
.navDown p.on a{ background:#f00; color:#fff;}
.navDown p a:hover{background:#f00; color:#fff;}
.navDown .navDown-con{ position:absolute; top:100px; left:0; white-space:nowrap; opacity:0;}
/*.header-nav>ul>li:nth-child(n+5) .navDown .navDown-con{ left:auto; right:0;}*/
/*.navDown .w1200{ max-width:840px;}*/
.header-nav>ul>li.off .navDown .navDown-con{ transition:1s; opacity:1;}


/*尾部*/
.footer{ background:#f4f4f4; padding:30px 0 40px;}
.footer-logo{ display:none;}
.footer-logo a{ display:inline-block;}
/*.footer-nav ul{ float:left; width:105px; margin-left:60px;}*/
.header-email{ position:relative; cursor:pointer; line-height:30px; height:30px; margin-top:35px; width:10%;}  
.footer-nav{width:100%;}
.footer-nav ul{ float:left; width:11%; margin-right:1.5%;}
.footer-nav ul:last-child{ margin-right:0;}
.footer-nav li b{ font-size:16px; color:#444; font-weight:400; padding:0 0 20px; border-bottom:1px solid #e9e9e9; display:block;}
.footer-nav li{margin-top:15px;}
.footer-nav li a{color:#a1a1a1; font-size:12px;}
.footer-nav li a:hover{color:#f00;}

.copyright{ height:50px; line-height:50px; width:100%; color:#a0a0a0; font-size:12px; background:#222; overflow:hidden;}
.copyright-right span i{width:19px; height:19px; display:inline-block; border-radius:3px; vertical-align:middle; margin:-2px 10px 0 0; cursor:pointer;}
.copyright-right span .wx{background:url(../images/wx.png) #fff center no-repeat;}
.copyright-right span .wb{background:url(../images/wb.png) #fff center no-repeat;}
.copyright-right span .qq{background:url(../images/qq.png) #fff center no-repeat;}

/*分页*/
.page{ margin:80px auto 0; text-align:center;}
.page ul{ display:inline-block;}
.page li { height:35px; line-height:35px; float:left; font-size:12px; margin:0 5px; border-radius:3px;}
.page li a{height:33px; padding:0 13px; display:inline-block; border:1px solid #e1e1e1; color:#969696; position:relative; border-radius:3px; transition:.5s;}
.page .current a ,.page li a:hover{color:#fff; background:#f00; border:1px solid #f00;}
.page li:first-child a,.page li:nth-last-child(4) a{width:20px; position:relative;}
.page li:first-child a:before{content:''; position:absolute; top:9px; right:18px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:12px solid #999;}
.page li:nth-last-child(6) a{width:20px;}
.page li:nth-last-child(6) a:before{content:''; position:absolute; top:9px; left:18px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:12px solid #999;}

.page li:first-child a,.page li:nth-last-child(4) a{ background:#fff;}


/*返回顶部*/