@charset "utf-8";
/* CSS Document */

/* Main */
header,section,footer{ display:block;}
.table{position:relative;display:table;width:100%; height:100%;}
.tableCell {display:table-cell;vertical-align:middle;width:100%; height:100%;}


.wrap{ position:relative; width:1200px; margin:0 auto;}
.wrap13{ position:relative; width:1300px; margin:0 auto;}
.wrap14{ position:relative; width:1400px; margin:0 auto;}

.fl{ float:left;}
.fr{ float:right;}
.bodytop{ padding-top:80px;}
.pb120{ padding-bottom:120px;}
.pb140{ padding-bottom:140px;}
.pb160{ padding-bottom:160px;}
.pb180{ padding-bottom:180px;}
.ptb140{ padding-top:140px; padding-bottom:140px;}


/* Header */
header{ position:fixed; z-index:9; width:100%; background:url(../images/heabg.png) center no-repeat;}

.head{ height:80px;}
.logo{ font-size:0; padding:15px 0;}
.logo img{ height:50px;}




/* Navs */
.nav{ position:relative; padding:15px 0;}
.nav_sub,
.nav_sub2{ display:none;}
.nav_men{ overflow:hidden;}
.nav_men li{ float:left; padding:5px 0;}
.nav_men li.mr0{ margin-right:0;}
.nav_men li a{ display:block; font-size:16px; color:#fff; line-height:40px; padding:0 15px;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.nav_men li a:hover,
.nav_men li a.cur{ color:#1d2089; background:#fff;}

/* Footer */
.footer{ width:100%; color:#fff;background:url(../images/test3.jpg) no-repeat left top / 100% 100%;}
.footer a{ color:#fff;}
.footer a:hover{ text-decoration:underline;}
.fot_top{ overflow:hidden; padding-top:20px;}
.fot_top_img{ width:338px; height:280px; background:url(../images/dt.png) left bottom no-repeat; border-right:1px solid #1d2089; padding-left:550px;}
.fot_top_img img{ display:block; width:300px; padding:10px 10px;}
.fot_top_img img.img2017{ border-bottom:1px solid #b4e7fc; margin-top: 31px;}
.fot_top_img img:nth-of-type(2){ height: 140px;}
.fot_top_txt{ width:311px; height:280px;}
.fot_code{ font-size:0; text-align:center; padding:20px 0; border-bottom:1px solid #b4e7fc;}
.fot_code img{ width:80px; height:79px; margin:0 20px;}
.fot_ul{ padding:5px 0 0 40px;}
.fot_ul li{ overflow:hidden; padding:2px 0;}
.fot_ul li i,
.fot_ul li em{ float:left; font-size:14px; color:#fff; line-height:22px;}
.fot_ul li i{ position:relative; padding-left:32px;}
.fot_ul li i img{ position:absolute; left:0; bottom:3px;}
.fot_ul li em{ width:175px;}
.fot_bot{ text-align:center; border-top:1px solid #b4e7fc;}
.fot_bot i,
.fot_bot a{ font-size:14px; line-height:40px;}
.fot_bot i{ margin:0 10px;}

@media screen and (max-width: 1080px){
.wrap,
.wrap13,
.wrap14{ position:relative; width:90%; margin:0 auto;}


header{ background:#fff; z-index:999; border-bottom:1px solid #ccc;}

.nav_sub,
.nav_sub2{ display:block; width:50px; height:50px; line-height:999px; overflow:hidden; background:url(../images/3daogang.png) center no-repeat;}
.nav_men{ position:absolute; top:81px; right:0; z-index:9999; display:none; width:150px; background:#fff; padding:0; box-shadow:0 0 15px rgba(153,153,153,.5);}
.nav_men li{ float:none; padding:5px;}
.nav_men li a{ text-align:center; font-size:14px; color:#666; padding:0;}
.nav_men li a.cur{ color:#fff; background:#1d2089;}


.fot_top_img{ width:50%; padding:0; background:none;}
.fot_top_img img{}
.fot_top_txt{ width:calc(50% - 1px);}

.fot_bot{ padding:10px 0;}
.fot_bot i{ display:block; line-height:20px;}
}

@media screen and (max-width: 640px){
.wrap,
.wrap13,
.wrap14{ position:relative; width:96%; padding:0 2%}

.bodytop{ padding-top:40px;}

.head{ height:40px;}	
.logo{ font-size:0; padding:5px 0;}
.logo img{ height:30px;}

.nav{ position:relative; padding:5px 0;}
.nav_sub,
.nav_sub2{ width:30px; height:30px;}
.nav_men{ top:41px; width:90px;}
.nav_men li a{ font-size:12px;}

.fot_top{ padding-top:10px;}
.fot_top_img{ display:none;}
.fot_top_txt{ float:none; width:100%; height:auto; padding-bottom:10px;}
.fot_top_txt .fot_code{ display:none;}
.fot_ul{ padding:0;}
.fot_bot{ text-align:left;}
.fot_bot i{ font-size:12px;}
.fot_bot i a{ font-size:12px;}


}

/* side */
.side{position:fixed;bottom:0;right:10px;z-index:99;width:50px;}
.side ul li{width:50px;height:55px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li img{float:left;}
.side ul li .sidebox{position:absolute;top:0;right:0;width:50px;height:55px;color:#fff;font:14px/55px "微软雅黑";overflow:hidden; background:#000;
/* opacity */
filter:alpha(opacity=60);   
-khtml-opacity:.6;   
-moz-opacity:.6;  
opacity:.6; 
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.side ul li .sidetop,
.side ul li .sidewx{display:inline-block;width:50px;height:55px;line-height:55px; background:#000;
/* opacity */
filter:alpha(opacity=60);   
-khtml-opacity:.6;   
-moz-opacity:.6;  
opacity:.6; 
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.side ul li:hover .sidebox{ width:180px; background:#0ab1ec;
/* opacity */
filter:alpha(opacity=100);   
-khtml-opacity:1;   
-moz-opacity:1;  
opacity:1; }
.side ul li .sidetop:hover,
.side ul li .sidewx:hover{ background:#0ab1ec;
/* opacity */
filter:alpha(opacity=100);   
-khtml-opacity:1;   
-moz-opacity:1;  
opacity:1; }
.side ul li .sidewx .code{ position:absolute; top:0; right:50px; width:0; height:0; background:#fff; padding:0;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.side ul li .sidewx:hover .code{ width:100px; height:100px; padding:5px;}