@charset "utf-8";
*{margin:0px;padding: 0px;}
a,a:hover,a:visited{text-decoration: none;}
a{color: #333;cursor: pointer;}
a:hover{color: #2c88de;}
a img{ border:none;}
body{font-family: "Microsoft Yahei";font-size: 14px;color:#333;}
ul,li{list-style-type: none;}


.wrapper{width: 100%;height: auto;overflow: hidden;position: relative;}
.c{width: 1200px;margin: 0 auto;position: relative;}
.fl{float: left;}
.fr{float: right;}

.side{position: fixed;right: 50px;bottom: 145px;z-index: 50;}
.side ul{width: 50px;}
.side ul li{width: 50px;height: 52px;margin-bottom: 1px;background: #000;filter:alpha(opacity=50);opacity: 0.5;cursor: pointer; }
.side ul li:hover{background: #cc0000;filter:alpha(opacity=100);opacity: 1;}
.wx,.phone{position: relative;}
.erweima{position: absolute;top: 0px;left: -158px;display: none;}
.number{width: 158px;height: 52px;background: #cc0000;color: #fff;font-size: 20px;line-height: 52px;text-align: center;font-weight: bold;position: absolute;top: 0;left: -158px;display: none;}

.header{height: 121px;width: 100%;border-bottom: 2px solid #2c88de;background: url(../images/header_hg.jpg) left top repeat-x;}
.logo{position: absolute;top: 0;left: 0;width: 450px;height: 121px;}
.logo i{width: 450px;height: 121px;display: table-cell;vertical-align: middle;text-align: center;}
.logo i img{max-width: 100%;max-height: 100%;}

.head{width: 696px;height: 121px;padding-left: 504px;}
.top{width: 100%;height: 59px;overflow: hidden;}/*多语言下拉则需去除overflow*/
.search{width: 204px;height: 30px;border: 1px solid #dedede;border-radius: 14px;margin-top: 10px;padding-left: 12px;padding-right: 12px;line-height: 30px;font-size: 12px;color: #999;display: inline-block;}
.search-box{border: none;outline: none;background: none;/*margin-top:6px*/height: 30px;line-height: 30px;}
.btn_s{width: 14px;height: 14px;padding: 8px;overflow: hidden;outline: none;}
.language{display: inline-block;margin-top: 10px;}
.language ul{display: inline-block;color: #999;}
.language ul li{display: inline-block;}
.language ul li a{color: #999;display: block;padding: 0 4px;height: 32px;line-height: 32px;}

.nav{width: 100%;height: auto;}
.nav ul{width: 100%;}
.nav ul li{width: 116px;height: 42px;text-align: center;float: left;display: inline-block;position: relative;font-size: 14px;font-weight: bold; }
.nav ul li a{width: 100px;padding: 0 8px;height: 42px;line-height: 42px;display: block;color: #333;overflow: hidden;}
.nav ul li a:hover,.nav ul li.cu a{color: #fff;background: #2c88de;}
.nav ul li ul{padding-top: 22px;position: relative;z-index: 5;display: none;}
.nav ul li ul li{width: 100%;height: 33px;border-bottom: 1px solid #e2e2e2;font-size: 12px;font-weight: normal;}
.nav ul li ul li a,.nav ul li.cu ul li a{color: #666;background: #f1f1f1;height: 33px;line-height: 33px;}
.nav ul li ul li a:hover,.nav ul li.cu ul li a:hover{color: #fff;background: #2c88de;}

.banner{width: 1920px;height: 618px;position: relative;left: 50%;margin-left: -960px;}
.banner_s{height: 308px;}
.slider{position: relative;}
.prev-banner,.next-banner{width: 60px;height: 60px;position: absolute;top: 278px;background: #2c88de;border-radius: 100%;z-index: 10;filter:alpha(opacity=10);opacity: 0.1;}
.prev-banner{left: 300px;}
.next-banner{right: 300px;}
.prev-banner:hover,.next-banner:hover{filter:alpha(opacity=8);opacity: 0.8;}

.main{height: 136px;text-align: center;}
.main ul{display: inline-block;margin-top: 50px; }
.main ul li{width: 268px;height: 44px;background: url(../images/shadow.png) center center no-repeat; margin: 0 60px;display: inline-block;position: relative;}
.main ul li a{width: 250px;height: 36px;padding: 0 9px;margin-bottom: 8px;display: block;background: #f1f1f1;color: #333;font-weight: bold;font-size: 16px;text-align: center;line-height: 36px;overflow: hidden;}
.main ul li a:hover{color: #fff;background: #2c88de;}
.main-hover{position: absolute;left: 0px;top: -202px;display: none;}

.footer{width: 100%;border-top: 1px solid #e2e2e2;}
.foot{font-size: 14px;line-height: 30px;color: #666;height: 70px;text-align: center;padding-top: 14px;}
.foot a{color: #666;}
.foot a:hover{color: #2c88de;}

.container{margin: 40px auto 50px;height: auto;overflow: hidden;}

.left{width: 256px;margin-right: 40px;height: auto;overflow: hidden;}
.left_top{width: 216px;padding: 0 20px;line-height: 24px;color: #fff;background: #2c88de;height: 82px;}
.bt_en{font-size: 12px;padding-top: 18px;height: 24px;overflow: hidden;}
.bt_cn{font-size: 20px;height: 24px;overflow: hidden;font-weight: bold;}
.left_list{width: 100%;height: auto;overflow: hidden;}
.left_list ul li{border-bottom: 1px solid #ebebeb;width: 100%;font-size: 13px;font-weight: bold;}
.left_list ul li a{display: block;padding: 0 20px;width: 214px;height: 43px;line-height: 43px;color: #666;overflow: hidden; border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}
.left_list ul li a:hover,.left_list ul li a.cu1{background: #2c88de;color: #fff;border-left: 1px solid #2c88de;border-right: 1px solid #2c88de;}
.left_list ul li ul li{text-indent: 20px;border-bottom: none;}
.left_list ul li ul li a{color: #2c88de;}
.left_list ul li ul li a:hover,.left_list ul li ul li a.cu2{background: none;color: #2c88de;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}
.left_list ul li ul li ul li{text-indent: 40px;}
.left_list ul li ul li ul li a{color: #999;}
.left_list ul li ul li ul li a:hover{color: #cc0000;}
.second,.third{display: none;}

.right{width: 904px;height: auto;overflow: hidden;}
.right_top{border-bottom: 1px solid #e2e2e2;height: 60px;line-height: 60px;position: relative;margin-bottom: 20px;}
.title{height: 60px;font-size: 18px;color: #333;font-weight: bold;display: inline-block;max-width: 450px;overflow: hidden;}
.right_top_bg{width: 72px;height: 3px;position: absolute;left: 0px;top: 59px;z-index: 5;background: url(../images/right_top_bg.png) center center no-repeat;}
.here{height: 60px;color: #999;font-size: 12px;max-width: 450px;overflow: hidden;}
.here a{color: #999;}
.here a:hover{color: #2c88de;}

.about_det{font-size: 14px;line-height: 32px;color: #666;}
.about_det img{max-width: 100%;max-height: 100%;padding: 12px 0;}

.next1{text-align: center;width: 100%;height: 24px;line-height: 24px;}
.next1 ul{display: inline-block;}
.next1 ul li{display: inline-block;}
.next1 a{display: inline-block;padding: 0 6px;margin: 0 7px;text-align: center;font-size: 12px;color: #999;min-width: 12px;}
.next1 a:hover,.next1 a.on1{color: #fff;background: #cc1d1f;}

.news_list{width: 100%;height: auto;overflow: hidden;}
.news_list li{margin-bottom: 40px;width: 100%;height: 172px;overflow: hidden;}
.news_list li a{display: block;width: 100%;height: 172px;}
.news_pic{width: 200px;height: 172px;margin-right: 30px;}
.news_pic i{width: 200px;height: 172px;display: table-cell;vertical-align: middle;text-align: center;}
.news_pic i img{max-width: 100%;max-height: 100%;}
.news_info{width: 674px;height: 172px;}
.news_tit{font-size: 14px;font-weight: bold;color: #333;line-height: 20px;margin-bottom: 10px;height: 20px;overflow: hidden;}
.news_date{font-size: 14px;line-height: 30px;color: #666;height: 30px;}
.news_des{font-size: 14px;line-height: 30px;color: #666;height: 90px;overflow: hidden;}
.read_more{height: 22px;line-height: 22px;font-weight: bold;font-size: 14px;color: #2c88de;}
.news_list li a:hover .news_tit,.news_list li a:hover .read_more{color: #cc0000;}

.knowledge{width: 100%;height: auto;overflow: hidden;margin-bottom: 40px;}
.knowledge li{height: 50px;line-height: 50px;border-bottom: 1px dotted #d9d9d9;overflow: hidden;}
.knowledge_tit{width: 800px;padding-left: 14px;background: url(../images/dot.png) left center no-repeat;}
.update{width: 90px;height: 50px;line-height: 50px;overflow: hidden;}
.knowledge li a{display: block; color: #666;}
.knowledge li a:hover{color: #cc1d1f;}
.knowledge li a:hover .knowledge_tit{background: url(../images/dot_h.png) left center no-repeat;}


.pro_list{width: 100%;height: auto;overflow: hidden;padding-top: 10px;}
.pro_list li{margin: 0 13px 40px;width: 274px;height: 356px;float: left;}
.pro_list li a{display: block;}
.pro_pic{width: 274px;height: 306px;}
.pro_pic i{width: 274px;height: 306px;display: table-cell;vertical-align: middle;text-align: center;}
.pro_pic i img{max-width: 100%;max-height: 100%;}
.pro_shadow{width: 100%;height: 50px;background: url(../images/pro_shadow.png) center center no-repeat;}
.pro_name{height: 40px;line-height: 40px;padding: 0 20px;margin-bottom: 10px; width: 234px;overflow: hidden;text-align: center;font-size: 14px;font-weight: bold;color: #666;background: #fff;}
.pro_list li a:hover .pro_name{color: #fff;background: #2c88de;}

.news_title{font-size: 16px;font-weight: bold;color: #333;line-height: 32px;text-align: center;}
.news_update{font-size: 12px;color: #cc0000;line-height: 32px;text-align: center;border-bottom: 1px dotted #e6e6e6;padding-bottom: 5px;}
.news_update a{color: #cc0000;}
.news_det{font-size: 14px;line-height: 32px;color: #666;padding-top: 15px;margin-bottom: 15px;}
.news_det img,.pro_det img{max-width: 100%;max-height: 100%;padding: 15px 0;}

.share{height: 36px;float: right;overflow: hidden;margin-bottom: 18px;}
.next2{width: 100%;height: auto;overflow: hidden;border-top: 1px dotted #e6e6e6;padding-top: 12px;}
.next2 ul li{font-size: 14px;line-height: 32px;}
.next2 ul li a{color: #999;}
.next2 ul li a:hover{color: #cc0000;}

.pro_image{width: 100%;height: 564px;margin-bottom: 15px;padding-top: 15px; position: relative;}
.bd_pro{width: 506px;height: 564px;margin: 0 auto;}
.bd_pro ul li{width: 506px;height: 564px;}
.bd_pro ul li i{width: 506px;height: 564px;display: table-cell;vertical-align: middle;text-align: center;}
.bd_pro ul li i img{max-width: 100%;max-height: 100%;}
.prev_pro,.next_pro{position: absolute;top: 0;width: 150px;height: 564px;}
.prev_pro{background: url(../images/prev_pro.png) center center no-repeat;left: 50px;}
.prev_pro:hover{background: url(../images/prev_pro_h.png) center center no-repeat;}
.next_pro{background: url(../images/next_pro.png) center center no-repeat;right: 50px;}
.next_pro:hover{background: url(../images/next_pro_h.png) center center no-repeat;}
.pro_det{font-size: 14px;line-height: 32px;color: #666; margin-bottom: 15px;}