/* CSS Document */
*{margin:0px; padding:0px;}
body{font-size:14px; font-family:"Microsoft Yahei"; color:#333; background:#fff;background:url(headbg.jpg) center top no-repeat;}
img{border:none;}
li{list-style-type:none;}
a{color:#333; text-decoration:none;}
a:hover{text-decoration:none;}
.clr{clear:both;}

/*LOGO*/
.head{ width:100%;}
.logo{ width:1200px; height:380px; margin:0 auto;position: relative;}
.logoL{width:616px; height:85px; margin:120px auto; background:url(logo.png) no-repeat;}
.logoL a{ display:block; width:400px; height:65px;}
.logoR{position: absolute; right:0; padding-top:190px;}
.ewm{float:left;width:70px;height:85px;margin-left:265px;font-size:12px;text-align:center;line-height:12px;color:#999;letter-spacing: 1.5pt;}

.form1{position:relative;}
.search{ width:200px; height:20px; padding:5px; border:2px solid #036cc9; color:#999; line-height:20px; outline: none;font-size: 16px;}
.btn{ width:65px; height:34px; background-color:#036cc9; color:#fff; text-align:center; line-height:34px; border:none; font-size:16px; cursor:pointer; position:absolute; top:0px; right:0px;}
.hots{ color:#999999; padding-top:10px; text-align:left;}
.hots a{ font-weight:normal; color:#999999;margin-right:10px}
.hots a:hover{color:#b60000}

.menunav{ width:100%; background: linear-gradient(to right, #0068c5 30%,#438db4,#0068c5);}
.nav{ width:1200px; height:60px; margin:0 auto;}
.nav ul li{ width:105px; text-align:center; font-size:18px; float:left;}
.nav ul li:first-child{ margin-left:0px;}
.nav ul li:last-child{ margin-right:0px;}
.nav ul li a{ width:110px; height:60px; text-align:center; font:18px "Microsoft Yahei"; color:#fff; line-height:60px; margin:0 auto; display:block; }
.nav ul li:hover a{ background-color:#057eeb; color:#fff;}
.nav ul li:hover span{ display:block; width:110px; height:2px; background-color:#b60000; margin-top:7px; }
.nav ul li span{ margin-left: auto; margin-right: auto;}
.nav ul li.gga a{background-color:#057eeb;color:#fff;}
.nav ul li.gga span {display:block; width:110px; height:2px; background-color:#b60000; margin-top:7px; }

/*bigtitle*/
.bigtitle{width: 1200px;margin: 20px auto;height: 130px;}
.bt_l{width:120px;height:150px;float: left;}
.bt_l .bt_logo{border:1px solid #ff0000;width:100px;height:100px;margin-top: 15px;}
.bt_l .bt_logo .up,.bt_l .bt_logo .down{height: 50px;line-height: 50px;font-weight: bold;font-size: 16pt;}
.bt_l .bt_logo .up{color: #fff;text-align: center;background-color: #ff0000;}
.bt_l .bt_logo .down{color: #ff0000;text-align: center;}
.bt_r{width:1070px;float:right;}
.bt_r .bt_title{color:#ff0000; font-size:22pt;text-align: center;font-family: "Microsoft YaHei, SimHei";font-weight:bold;letter-spacing:2pt;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bt_r .bt_content{color:#666; font-size:18px;margin-top: 20px;line-height: 26px;text-indent:2em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*main-slide*/
.main{width: 1200px;margin: 20px auto 10px auto;}
.main_l{width:750px;float:left;}
.main_r{width:430px;float:right;}
.Slide {width:750px;height:420px;overflow: hidden;position: relative;float: left; }
.slide-cont {width:750px;height:420px;position: relative;overflow: hidden;}
.slide-item {position: absolute;width: 100%;height: 100%;}
.slide-item a {display: block;width: 100%;height: 100%;}
.slide-item img {width: 100%;height:100%;}
.slide-txt {width:100%;height:50px;position: absolute;left: 0;bottom: -10px;z-index: 1;background:#000;opacity: 0.7;filter: alpha(opacity=70);} 
.slide-txt a {display: inline-block;width:100%;height: 40px;font-size:16px;padding: 0 10px; padding-top:10px;overflow: hidden; color:#FFF;position: absolute;left: 0;top: 0;}
.slide-nav {width: auto;height: 11px;display: inline-block;position: absolute;z-index: 100;	bottom: 10px;right: 20px;overflow: hidden;}
.slide-nav a {display: block;width: 10px;height: 10px; border-radius:5px;background:#d4d4d4;cursor: pointer; margin-left: 5px;float: left;text-indent: -99em;overflow: hidden;}
.slide-nav .nownav {background:#0068c5;}

.main .hr_list{float: right;width: 430px;overflow: hidden;}
.main .hr_list li{text-align: left;padding-left: 15px;height:36px;background: url(dian.jpg) no-repeat 1px 9px;}
.main .hr_list li a{display: block;padding-bottom: 3px;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main .hr_list li a:hover{color: #0068c5;text-decoration:underline;}
.hr_list li.hr_list_titles{width:100%;height:30px;border-bottom: 1px solid #0068c5;text-align:left;margin-bottom:20px;background:none;padding-left:0px;padding-bottom: 8px;}
.hr_list li.hr_list_titles dd{float:left;width:80px;font-size: 20px;font-weight: bold;color: #0068c5; margin-left:0px;padding-bottom:10px;border-bottom:2px solid #0068c5;}
.hr_list li.hr_list_titles span{display: block;float:right;margin-top:8px;background-color: #0068c5;width: 50px;text-align:center;height:22px;border-radius: 5px;}
.hr_list li.hr_list_titles span a{color:#fff;font-size:16px;}
.hr_list li.hr_list_titles span a:hover{display: block;color:#fff;font-size:16px;text-decoration:none;}
.hr_list li.hr_list_titles span:hover{display: block;background-color: #3f8bb6;color:#fff;border-radius: 5px;height:22px;}


/*banner*/
.banner{width:1200px;margin:0 auto;border:1px solid #ddd;text-align:center;font-size: 0;}
.banner img{width:100%;border:0;}

/*content-style*/
.main_l .nav1,.nav_titles{width:100%;height:30px;border-bottom: 1px solid #0068c5;text-align:left;margin-bottom:20px;padding-left:0px;padding-bottom: 8px;}
.nav1 li{float:left;width:100px;font-size:20px;text-align:left;border-right:1px solid #0068c5;font-weight: bold;color: #0068c5;margin-right: 20px;}
.nav1 li a{color:#0068c5;}
.nav1 .on{height:30px;border-bottom:2px solid #0068c5; color:#0068c5; padding-bottom:10px;}

.newslist{width:100%;margin:0 auto;font-size:18px;color:#333;}
.newslist ul li{text-align: left;padding-left: 15px;height:36px;background: url(dian.jpg) no-repeat 1px 9px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist ul li a{color:#333;}
.newslist ul li a:hover{color:#0068c5;text-decoration: underline;}

.nav_titles dd{float:left;width:80px;font-size: 20px;font-weight: bold;color: #0068c5; margin-left:0px;padding-bottom:10px;border-bottom:2px solid #0068c5;font-family:"Microsoft Yahei";}
.nav_titles span{display: block;float:right;margin-top:8px;background-color: #0068c5;width: 50px;text-align:center;height:22px;font-size:16px;border-radius: 5px;}
.nav_titles span a{color:#fff;}
.nav_titles span a:hover{display: block;color:#fff;font-size:16px;text-decoration:none;}
.nav_titles span:hover{display: block;background-color: #3f8bb6;color:#fff;border-radius: 5px;height:22px;}
.img_list li{float:left;width:220px;height:160px;margin-right:22px;border:1px solid #e4e4e4;overflow: hidden;position: relative;}
.img_list li img{max-width:220px;}
.li_m_r{margin-right:0px;}
.li_m_t{margin-top:20px;}
.img_list li a{color:#fff;}
.img_list li img{transition: all 0.5s;}
.img_list li img:hover{transform: scale(1.1,1.1);}
.img_list li p{position: absolute;bottom:0px;width:100%;height:22px;opacity: 0.5;text-align: center;background-color: #000;color:#fff;line-height:22px;}
.img_list li p:hover{background-color: #0068c5;}

/*links*/
.links{width:1200px;margin:0 auto;text-align:left;margin-top:30px;border-top:1px solid #0068c5;padding:40px 0 20px 0; font-size:18px;}
.links span{margin-right:20px;}
.links span a:hover{color:#0068c5;text-decoration:underline;}

/*foot*/
.foot{width:100%;height:220px;text-align:center;margin-top:18px;padding-top:40px;background: linear-gradient(to right, #0068c5 40%, #0068c5);color:#fff;font-size:16px;}
.foot p{height:26px;}
.foot a{color:#fff;text-decoration:none;}
.foot a:hover{color:#fff;text-decoration:underline;}

/*ewm*/
.ewm{ position: fixed; width: 90px; height: 280px; bottom: 212px; right: 20px; }
.ewm .close{ position: absolute; padding-left: 15px; font-size: 12px; color: #6C6C6C; right: 5px; top: 0px; background:url(ewm_close.png) no-repeat left center; height: 15px; line-height: 15px; cursor: pointer; }
.ewm .con{ margin: auto; margin-top: 20px;}

/*content*/
.content_box{box-shadow: 0 0 10px 0 #eaedf4;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top: 20px;}
.address-nav{width:100%;text-align:left;color:#333;}
.address-nav a{color:#333;}
.address-nav a:hover{color:#0068c5;text-decoration:underline;}
.title{height:60px;text-align:center;font-weight:bold;font-size:24px;margin-top:20px;}
.info{height:40px;line-height:30%;text-align:center;font-size:16px;border-bottom:1px solid #e4e4e4;margin-top:20px;}
.content{font-size:18px;line-height:40px;margin-top:20px;margin-bottom:50px;}
.content p{margin:10px 0;}
.content img{padding:3px;border:1px solid #e4e4e4;}

/*class*/
.main_list{width:100%;margin-top:20px;box-shadow: 0 0 10px 0 #eaedf4;padding:20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.left_menu{width:200px;height:100%;float:left;background-color:#efefef;margin-right:10px;font-size:18px;}
.left_menu li{text-align:center;height:40px;line-height:40px;border-bottom:2px solid #fff;display:block;}
.left_menu li:hover{background:#0068c5;}
.left_menu li:hover a{color:#fff;}
.left_menu li .active{background:#0068c5;display:block;color:#fff;}
.left_menu li a:hover{color:#fff;}
.news_list{float: left;}
.news_list li{text-align: left;padding-left: 20px;height:46px;background: url(dian.jpg) no-repeat 6px 22px;width: 98%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px dashed #d6dfec;line-height:46px;}
.news_list .c_title,.image_list .c_title{background:none;color:#0068c5;font-weight:bold;border-bottom:2px solid #0068c5;margin-bottom:20px;font-size:22px;padding-left: 4px;width: 100%;}
.news_list li a{font-size:18px;}
.news_list li a:hover{color:#0068c5;text-decoration:underline;}
.news_list span{float:right;}

.image_list{width:100%;overflow: hidden;}
.image_list li{float: left;width: 280px;height:230px;margin-bottom:20px;margin-right:13px;}
.image_list li .picbox {border: 1px solid #e4e4e4;padding: 6px; height: 200px;}
.image_list li .pbox {overflow: hidden;height: 200px;}
.image_list li .pbox-title {height: 30px;line-height: 30px;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.image_list li a{color:#333;}
.image_list li img{max-height:200px;transition: all 0.5s;border:1px solid #e4e4e4;}
.image_list li img:hover{transform: scale(1.1,1.1);}
.image_list li:nth-child(5),.image_list li:nth-child(9),.image_list li:nth-child(13),.image_list li:nth-child(17),.image_list li:nth-child(21),.image_list li:nth-child(25),.image_list li:nth-child(29),.image_list li:nth-child(33),.image_list li:nth-child(37),.image_list li:nth-child(41){margin-right:0;}

/*page*/
.pagnation { width:100%;float:left;text-align: center; margin-top: 32px; line-height:50px; margin-bottom:20px;display:inline;}
.pagnation a { color:#000; border-radius: 5px; display: inline-block; width: 50px; height: 50px; line-height: 50px; overflow: hidden; background:#efefef; margin-left: 4px; font-size: 16px; vertical-align: middle; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-decoration: none}
.pagnation a:hover { background:#0068c5; color: #fff; text-decoration: none }
.pagnation .page-prev, .pagnation .page-next {}
.pagnation a.page-prev { background:url(left.gif) center center no-repeat #efefef;}
.pagnation a.page-prev:hover { background:url(left_hover.gif) center center no-repeat #0068c5; }
.pagnation a.page-next { background:url(right.gif) center center no-repeat #efefef;}
.pagnation a.page-next:hover { background:url(right_hover.gif) center center no-repeat #0068c5; }
.pagnation .current { background:#0068c5; color: #fff }
.pagnation-tips { margin-top: 10px; color: #999; text-align: center }

@media (max-width: 1200px) {
	.menunav{ width:1200px; background: linear-gradient(to right, #0068c5 40%, #0068c5);}
	.foot{width:1200px;height:220px;text-align:center;margin-top:18px;padding-top:40px;background: linear-gradient(to right, #0068c5 40%, #0068c5);color:#fff;font-size:16px;}
}