@charset "utf-8";
*{margin:0px;padding: 0px;}
a,a:hover,a:visited{text-decoration: none;}
a{color: #333;}
a:hover{color: #1462af;}
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;min-width: 1400px;}
.c{width: 1400px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.img_c i{display: table-cell;vertical-align: middle;text-align: center;}
.img_c i img{max-width: 100%;max-height: 100%;}

.top{width: 100%;height: 40px;line-height: 40px;background: #f9f9f9;border-bottom: 1px solid #e8e8e8;overflow: hidden;color: #999;}
.welcome{}
.language{height: 40px;overflow: hidden;text-align: right;}
.language ul{display: inline-block;height: 40px;overflow: hidden;}
.language ul li{margin-left: 60px;float: left;}
.language ul li a{display: block;padding-left: 24px;line-height: 40px;height: 40px;overflow: hidden;color: #999;}
.language ul li a:hover,.language ul li a.on{color: #0170bf;}
.language ul li.en a{background: url(../images/en.png) left center no-repeat;}
.language ul li.cn a{background: url(../images/cn.png) left center no-repeat;}
.language ul li.en a:hover,.language ul li.en a.on{background: url(../images/en_h.png) left center no-repeat;}
.language ul li.cn a:hover,.language ul li.cn a.on{background: url(../images/cn_h.png) left center no-repeat;}
.header{width: 100%;height: auto;overflow: hidden;}
.logo{width: 592px;height: 126px;font-size: 0px;overflow: hidden;display: table-cell;vertical-align: middle;}
.logo i{width: 592px;height: 126px;}
.logo i img{max-width: 100%;max-height: 100%;}
.logo a{display: block;height: auto;overflow: hidden;}
.tel{font-size: 30px;font-weight: bold;line-height: 126px;height: 126px;overflow: hidden;color: #0170bf;padding-left: 45px;background: url(../images/tel.png) left center no-repeat;}
.menu{width: 100%;height: 50px;background: #0170bf;}
.nav{width: 100%;height: auto;}
.nav ul{width: 100%;height: auto;position: relative;}
.nav ul li{width: 200px;float: left;font-size: 16px;text-align: center;position: relative;}
.nav ul li.slideline{position: absolute;height: 50px;background: #004785;}
.nav ul li a{display: block;height: 50px;line-height: 50px;overflow: hidden;color: #fff;padding: 0 15px;position: relative;z-index: 2;}
.nav ul li a:hover,.nav ul li.cu a{font-weight: bold;}
.nav ul li ul{position: absolute;width: 100%;height: auto;overflow: hidden;background: #045ea1;z-index: 2;display: none;}
.nav ul li ul li{font-size: 14px;}
.nav ul li ul li a,.nav ul li.cu ul li a{line-height: 42px;height: 42px;font-weight: normal;}
.nav ul li ul li a:hover{background: #004785;font-weight: bold;}
.banner{width: 1920px;height: auto;overflow: hidden;position: relative;left: 50%;margin-left: -960px;font-size: 0;margin-bottom: 50px;}
.ibanner{margin-bottom: 34px;}
.hd_banner{position: absolute;bottom: 18px;left: 50%;}
.hd_banner ul{position: relative;left: -50%;}
.hd_banner ul li{width: 16px;height: 16px;float: left;overflow: hidden;margin: 0 7px;background: url(../images/hd.png) center center no-repeat;transition: 400ms;}
.hd_banner ul li.on{background: url(../images/hd_on.png) center center no-repeat;transition: 400ms;}

.main{height: auto;overflow: hidden;margin-bottom: 60px;}
.index_left{width: 986px;height: auto;overflow: hidden;margin-right: 40px;}
.index_right{width: 374px;height: auto;overflow: hidden;max-height: 601px;}
.above_area{margin-bottom: 34px;width: 100%;height: auto;overflow: hidden;}

.scope{width: 572px;margin-right: 40px;height: auto;overflow: hidden;max-height: 251px;}
.headline{width: 85%;padding-right: 15%;position: relative;line-height: 54px;height: 54px;border-bottom: 1px solid #e8e8e8;font-size: 22px;overflow: hidden;position: relative;margin-bottom: 20px;font-weight: bold;}
.headline a{display: block;height: 54px;line-height: 54px;position: absolute;right: 0;top: 0;color: #999;font-size: 12px;font-weight: normal;}
.headline a:hover{color: #0170bf;}
.scope_data{width: 100%;height: auto;overflow: hidden;}
.scope_data ul{width: 100%;height: auto;overflow: hidden;}
.scope_data ul li:nth-child(2){margin: 0 22px;}
.scope_item{width: 176px;height: 176px;overflow: hidden;position: relative;font-size: 0;float: left;}
.scope_item a{display: block;height: auto;overflow: hidden;}
.scope_item i{width: 176px;height: 176px;}
.scope_item a:before{content: "";width: 100%;height: 100%;background: #0170bf;filter:alpha(opacity=0);opacity: 0;position: absolute;top: 0;left: 0;transition: 400ms;}
.scope_item a:after{content: "";width: 25px;height: 25px;background: url(../images/scope_imore.png) center center no-repeat;position: absolute;top: 50%;left: 50%;margin-left: -12.5px;margin-top: -12.5px;opacity: 0;filter:alpha(opacity=0);transform: scale(0) rotate(0deg); transition: 400ms;}
.scope_item a:hover:before{filter:alpha(opacity=80);opacity: 0.8;top: 0;left: 0;transition: 400ms;}
.scope_item a:hover:after{transition: 400ms;opacity: 1;filter:alpha(opacity=100);transform: scale(1) rotate(360deg);}
.about{width: 374px;height: auto;overflow: hidden;max-height: 251px;}
.about_nr{line-height: 32px;color: #666;height: 188px;overflow: hidden;margin-top: -8px;}

.pro_data{width: 100%;height: auto;overflow: hidden;}
.pro_item{width: 241px;height: 241px;overflow: hidden;margin-right: 22px;position: relative;float: left;}
.pro_item a{display: block;height: auto;overflow: hidden;}
.pro_img{width: 241px;height: 241px;font-size: 0;overflow: hidden;}
.pro_img i{width: 241px;height: 241px;}
.pro_item a:before{content: "";width: 100%;height: 100%;background: #0170bf;filter:alpha(opacity=0);opacity: 0;position: absolute;top: 0;left: 0;transition: 400ms ease-in-out;}
.pro_bt{width: 100%;line-height: 54px;height: 54px;overflow: hidden;text-align: center;color: #fff;position: absolute;top: 94px;left: 100%;transition: 400ms ease-in-out;}
.pro_bt:after{content: "";width: 28px;height: 1px;background: #fff;position: absolute;bottom: 0;left: 50%;margin-left: -14px;}
.pro_item a:hover:before{filter:alpha(opacity=80);opacity: 0.8;transition: 400ms ease-in-out;}
.pro_item a:hover .pro_bt{left: 0;transition: 400ms ease-in-out;}

.honor_data{width: 100%;height: auto;overflow: hidden;}
.honor_data ul{width: 100%;height: auto;overflow: hidden;}
.honor_data ul li:nth-child(odd){margin-right: 22px;}
.honor_item{width: 176px;height: 252px;overflow: hidden;font-size: 0;margin-bottom: 22px;float: left;}
.honor_item a{display: block;height: auto;overflow: hidden;}
.honor_item i{width: 176px;height: 252px;}
.honor_item i img{transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);}
.honor_item:hover i img{transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}

.footer{width: 100%;height: auto;overflow: hidden;background: #f9f9f9;padding: 38px 0 42px 0;}
.foot{height: auto;overflow: hidden;}
.sitemap{width: 1140px;height: auto;overflow: hidden;max-width: 1200px;}
.sitemap ul{width: 100%;height: auto;overflow: hidden;}
.sitemap ul li{width: 215px;height: auto;overflow: hidden;float: left;font-weight: bold;}
.sitemap ul li:last-child{width: 280px;}
.sitemap ul li a{display: block;padding-right: 20px;overflow: hidden;color: #333;line-height: 36px;height: 36px;}
.sitemap ul li a:hover{color: #0170bf;}
.sitemap ul li ul{}
.sitemap ul li ul li{font-weight: normal;line-height: 30px;color: #666;}
.sitemap ul li ul li a{color: #666;line-height: 30px;height: 30px;}
.sitemap ul li ul li a:hover{font-weight: bold;color: #0170bf;}
.erweima{width: 104px;height: auto;overflow: hidden;}
.ewm_bt{width: 100%;text-align: center;line-height: 36px;height: 36px;overflow: hidden;font-weight: bold;margin-bottom: 8px;}
.ewm_img{width: 104px;height: 104px;font-size: 0px;background: #fff;}
.ewm_img i{width: 104px;height: 104px;}
.bottom{width: 100%;height: auto;overflow: hidden;background: #0170bf;color: #fff;padding: 12px 0;line-height: 26px;}
.bottom a{color: #fff;}
.bottom a:hover{font-weight: bold;}
.coptright,.surport{max-width: 48%;}

.side{width: 50px;height: auto;position: fixed;right: 0;bottom: 12%;z-index: 50;}
.side ul li{width: 50px;height: 50px;margin-bottom: 2px;position: relative;cursor: pointer;}
.side ul li a{display: block;height: 100%;overflow: hidden;}
.side ul li.side_tel{background: url(../images/side_tel.png) #999 center center no-repeat;}
.side ul li.side_qq{background: url(../images/side_qq.png) #999 center center no-repeat;}
.side ul li.side_wx{background: url(../images/side_wx.png) #999 center center no-repeat;}
.side ul li.side_map{background: url(../images/side_map.png) #999 center center no-repeat;}
.side ul li.side_top{background: url(../images/side_top.png) #999 center center no-repeat;}
.side ul li.side_tel:hover{background: url(../images/side_tel.png) #0170bf center center no-repeat;}
.side ul li.side_qq:hover{background: url(../images/side_qq.png) #0170bf center center no-repeat;}
.side ul li.side_wx:hover{background: url(../images/side_wx.png) #0170bf center center no-repeat;}
.side ul li.side_map:hover{background: url(../images/side_map.png) #0170bf center center no-repeat;}
.side ul li.side_top:hover{background: url(../images/side_top.png) #0170bf center center no-repeat;}
.side_tel .tel_hover{height: 50px;line-height: 50px;/*padding: 0 16px;width: 166px;*/width: 0px;background: #999;color: #fff;font-weight: bold;font-size: 24px;position: absolute;right: 50px;white-space: nowrap;overflow: hidden;}
.side_tel:hover .tel_hover{background: #0170bf;}
.wx_hover{padding-right: 20px;position: absolute;top: 50%;margin-top: -110px; right: 50px;display: none;}
.wx_hover .side_erweima{border: 1px solid #e8e8e8;background: #f9f9f9;padding: 9px;}
.wx_hover .side_erweima i{background: #fff;display: table-cell;vertical-align: middle;text-align: right;margin-bottom: 4px;}
.wx_hover .side_erweima p{line-height: 20px;height: auto;text-align: center;overflow: hidden;color: #999;font-size: 12px;}
.side_top{filter:alpha(opacity=0);opacity: 0;transition: 400ms;}
.side_top.on{filter:alpha(opacity=100);opacity: 1;transition: 400ms;}

.left{width: 300px;height: auto;overflow: hidden;margin-right: 40px;background: #f9f9f9;}
.left_top{padding: 0 20px;background: #0170bf;font-size: 22px;line-height: 60px;height: 60px;overflow: hidden;color: #fff;}
.left_list{padding: 20px 20px 10px 20px;height: auto;overflow: hidden;}
.left_list ul{}
.left_list ul li{margin-bottom: 20px;}
.left_list ul li a{display: block;line-height: 40px;height: 40px;overflow: hidden;background: #ebebeb;color: #333;padding: 0 20px;}
.left_list ul li a:hover,.left_list ul li a.cu1{background: #0170bf;color: #fff;}
.left_list ul li a span{font-size: 16px;margin-right: 10px;}
.left_list ul li ul{display: none;padding-top: 16px;}
.left_list ul li ul li{margin-bottom: 0px;text-indent: 16px;}
.left_list ul li ul li a{background: none;line-height: 32px;height: 32px;}
.left_list ul li ul li a:hover,.left_list ul li ul li a.cu2{background: none;color: #0170bf;}
.left_list ul li ul li ul{display: none;padding-top: 0px;}
.left_list ul li ul li ul li{text-indent: 42px;}
.left_list ul li ul li ul li a{color: #666;}
.left_list ul li ul li ul li a:hover{}

.right{width: 1060px;height: auto;overflow: hidden;}
.right_top{width: 100%;padding-top: 5px;height: auto;overflow: hidden;border-bottom: 1px solid #e8e8e8;margin-bottom: 40px;}
.title{max-width: 30%;font-size: 22px;font-weight: bold;line-height: 54px;height: 54px;overflow: hidden;}
.here{max-width: 65%;font-size: 12px;color: #999;line-height: 54px;height: 54px;overflow: hidden;}
.here a{color: #999;}
.here a:hover{color: #0170bf;}
.right_below{width: 100%;height: auto;overflow: hidden;}
.about_det{line-height: 30px;color: #666;}
.about_det img{max-height: 100%;max-width: 100%;}

.pro_list{width: 100%;height: auto;overflow: hidden;margin-bottom: 20px;}
.pro_list ul li{margin-right: 32px;margin-bottom: 40px;}
.pro_list ul li:nth-child(4n){margin-right: 0px;}

.next1{width: 100%;height: auto;overflow: hidden;text-align: center;}
.next1 ul{display: inline-block;}
.next1 ul li{display: inline-block;}
.next1 a{display: inline-block;width: 28px;line-height: 28px;height: 28px;border: 1px solid #dadada;background: #f9f9f9;color: #666;margin: 0 5px;}
.next1 a:hover,.next1 a.on1{background: #0170bf;border: 1px solid #0170bf;color: #fff;}

.news_list{width: 100%;height: auto;overflow: hidden;margin-bottom: 60px;}
.news_list li{position: relative;}
.news_list li a{display: block;height: auto;overflow: hidden;width: 86%;padding-right: 14%;height: 48px;line-height: 48px;border-bottom: 1px dashed #cfcfcf;}
.news_list li a span{color: #666;position: absolute;right: 0;top: 0;line-height: 48px;height: 48px;}
.news_list li a:hover,.news_list li a:hover span{color: #0170bf;}

.honor_list{width: 100%;height: auto;overflow: hidden;}
.honor_list ul li{width: 176px;height: 252px;overflow: hidden;float: left;margin: 0 44.5px 60px;}
.honor_list ul li i{width: 176px;height: 252px;font-size: 0;}
/*点击放大效果样式修改*/
.lb-data .lb-details{display: none;}
.lb-dataContainer{position: absolute;top: 0;left: 50%;transform: translatex(-50%);}
.lb-data .lb-close{background-size: 100%;margin-right: -90px;}
/* END */

.news_title{text-align: center;font-weight: bold;line-height: 30px;}
.news_publish{text-align: center;color: #666;line-height: 24px;height: auto;overflow: hidden;padding: 6px 0 14px;border-bottom: 1px dashed #cfcfcf;margin-bottom: 12px;}
.share{height: 28px;line-height: 28px;width: 100%;text-align: right;padding: 46px 0 14px;margin-bottom: 12px;border-bottom: 1px dashed #cfcfcf;}
.share_box{float: right;}
.next2{width: 100%;height: auto;overflow: hidden;}
.next2 ul li{line-height: 30px;}
.next2 ul li a{color: #666;}
.next2 ul li a:hover{color: #0170bf;}

.pro_title{margin-bottom: 12px;}
.pro_image{width: 610px;height: auto;overflow: hidden;margin: 0 auto 32px;position: relative;}
.bigimg{width: 608px;height: auto;overflow: hidden;border: 1px solid #ebebeb;margin-bottom: 10px;}
.bigimg li{width: 608px;height: 608px;font-size: 0px;overflow: hidden;}
.bigimg li i{width: 608px;height: 608px;}
.smallscroll{width: 550px;height: auto;overflow: hidden;margin: 0 auto;}
.smallimg{width: 100%;height: auto;overflow: hidden;}
.smallimg ul li{width: 128px;height: 128px;font-size: 0px;overflow: hidden;margin-right: 10px;border: 1px solid #ebebeb;float: left;}
.smallimg ul li i{width: 128px;height: 128px;}
.smallimg ul li.on{border: 1px solid #0170bf;}
.prev_det,.next_det{width: 20px;height: 130px;line-height: 100%;cursor: pointer;position: absolute;bottom: 0px;}
.prev_det:hover{background: url(../images/prev_det_h.png) #0170bf center center no-repeat;}
.next_det:hover{background: url(../images/next_det_h.png) #0170bf center center no-repeat;}
.prev_det,.prev_det.prevStop{left: 0px;background: url(../images/prev_det.png) #ebebeb center center no-repeat;}
.next_det,.next_det.nextStop{right: 0px;background: url(../images/next_det.png) #ebebeb center center no-repeat;}