@charset "utf-8";
body { background:#ffffff; margin:0; padding:0; font-family:arial, "微软雅黑",Verdana, Geneva, sans-serif;  font-weight: normal;}
body::-webkit-scrollbar { width: 3px; height: 10px; background-color:rgba(0,0,0,0.1); }
body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(0,0,0,.2);
}
ul,li,dl,dt,dd { list-style:none; margin:0px; padding:0px;}
img { border:none; padding: 0px; margin: 0px; display: block;}
h1,h2,h3,h4 { margin:0px; padding:0; font-weight:bold;}
p { padding:0px; margin:0;}
a { text-decoration:none; color:#333333; transition: all .3s;}
a:hover { color:#1772b8; text-decoration:none;}
/*public*/
.header_bg { width: 100%; height: 120px; overflow: hidden; display: block;  margin: 0px auto;}
.wap_header { display: none;}
.top_bg { width: 100%; height: 40px; display: block;  background: url(../images/top_bg.png) no-repeat center bottom; position: relative;}
.top_wd { width: 94%; height: 40px; display: block; max-width: 1300px; margin: 0px auto;}
.search_bg { width: 200px; height: 25px; display: block; float: right; overflow: hidden; margin-top: 7.5px; position: relative; padding-right: 25px; box-sizing: border-box; background: #ffffff;}
.search_bg .text { width: 100%; height: 25px; display: block; overflow: hidden; padding: 0px 5px; border: none; box-sizing: border-box; font-size: 13px; line-height: 25px; outline: none; color: #555555;}
.search_bg .button { width: 25px; height: 25px; display: block; position: absolute; z-index: 9; right: 0; top: 0; border: none; outline: none; cursor: pointer; background: url(../images/search_btn.png) no-repeat center;}
.share_bg { display: inline-block; float: right; margin-right: 20px; white-space: nowrap;}
.share_bg li { width: 30px; height: 40px; padding: 12px 4px 12px 4px; box-sizing: border-box; display: block; position: relative; float: left; transition: all .3s;}
.share_bg li:hover { padding-top: 8px;}
.share_bg li a { display: block; height: 40px;}
.share_ab { position: absolute; z-index: 9; top: 40px; left: 50%; transform: translateX(-50%); width: 130px; height: 130px; box-shadow: 0px 0px 10px rgba(0,0,0,.2); display: none;}
.share_ab img { width: 100%; height: auto; overflow: hidden; display: block;}
.share_bg li:hover .share_ab { display: block;}
.header_fixed { width: 100%; height:120px; display: block; position: fixed; z-index: 999; top: 0; left: 0; background: #ffffff; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.header_wd { width: 94%; height:80px; position: relative; max-width: 1300px; margin: 0px auto;}
.logo { width:320px; height: auto; overflow: hidden; display: block; float: left; }
.nav_ul {display:inline-block; height:80px; float: right; white-space: nowrap; }
.nav_ul li { display:inline-block; height: 80px; float: left; position: relative; box-sizing: border-box; padding: 0px 30px; font-size: 18px; font-family: arial; background: url(../images/dot_nav.png) no-repeat left center; }
.nav_ul li:first-child { background: none;}
.nav_ul li a { border-bottom: 2px solid none; line-height: 78px; display: block;}
.nav_ul li:hover a { color: #1772b8; border-bottom: 2px solid #1772b8;}
.nav_ul li dl { position: absolute; z-index: 999; top: 80px; width:160px; height:auto; background: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); left: 50%; transform: translateX(-50%); overflow: hidden; display: none; transition: all .5s;}
.nav_ul li:hover dl {  display: block;}
.nav_ul li dl dd { width:100%; height: auto; overflow: hidden; display: block;  text-align: center;}
.nav_ul li dl dd a { font-size: 14px; line-height: 45px; display: block; overflow: hidden; border: none;}
.nav_ul li:hover dl dd a { border: none; color: #555555;} 
.nav_ul li dl dd:hover a { color: #fe6100; display: block; background: #f2f2f2;}

.nav_img_bg { display: none; width: 35px; height: 25px; margin-top: 17.5px; cursor: pointer; float: left; margin-left: 3%;}
.nav_u_down2 { display: none; }
.wap_search { display: none;}
.wap_search_close { display: none;}

/*banner start*/
.banner_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.banner_bg li { position: relative; width: 100%; height: auto; overflow: hidden; display: block;}
.banner_bg .swiper-slide { overflow: hidden;}
.banner_bg .img { width: 100%; height: 640px; overflow: hidden; display: block;}
.banner_bg .swiper-pagination-banner { width: 100%; text-align: center; position: absolute; bottom: 20px; z-index: 99;}
.banner_bg .swiper-pagination-bullet { width: 14px; height: 14px; background: rgba(255,255,255,.5); opacity: 1; margin: 0px 5px; outline: none; border-radius: 100%;}
.banner_bg .swiper-pagination-bullet-active { opacity: 1; background:#ffffff; width:14px; height: 14px; box-sizing: border-box; border: 2px solid #333333;}
.banner_bg .swiper-button-next-banner { width: 40px; height: 40px; position: absolute; outline: none; z-index: 9; right: 3%; top: 50%; transform: translateY(-50%); background: url(../images/banner_r.png) no-repeat; cursor:pointer; opacity: 0; transition: all .3s;}
.banner_bg .swiper-button-prev-banner { width: 40px; height: 40px; position: absolute; outline: none; z-index: 9; left: 3%; top: 50%; transform: translateY(-50%); background: url(../images/banner_l.png) no-repeat; cursor:pointer; opacity: 0; transition: all .3s;}
.banner_bg:hover .swiper-button-next-banner { opacity: 1;}
.banner_bg:hover .swiper-button-prev-banner { opacity: 1;}
.banner_bg .swiper-button-next-banner:hover { background: url(../images/banner_r_h.png) no-repeat;}
.banner_bg .swiper-button-prev-banner:hover { background: url(../images/banner_l_h.png) no-repeat;}
.banner_n { width: 100%; height: auto; overflow: hidden; display: block;}
.banner_n .img { width: 100%; height: 420px; overflow: hidden; display: block;}
.width { width:94%; height: auto; overflow: hidden; margin: 0px auto; display: block; position: relative; max-width: 1300px;}

.itit_bg { display: block; font-size: 36px; font-weight: bold; line-height: 45px; color: #000000; text-align: center; margin-top: 75px; text-transform: uppercase;}
.itit_des { display: block; font-size: 14px; line-height: 30px; color: #999999; text-align: center; vertical-align: middle; margin-top: 15px; letter-spacing: 6px; text-transform: uppercase;}
.itit_des span { width: 30px; height: 1px; background: #1772b8; display: inline-block; margin: 0px 15px 0px 9px; vertical-align: middle;}
.tab-menu_bg { width: 94%; max-width: 1000px; margin: 40px auto 0px auto; height: auto; overflow: auto; overflow-y:hidden; display: block;}
.tab-menu_bg .tab-hd { width: 100%; height: auto; overflow: hidden; display: block;}
.tab-menu_bg .tab-hd li{ width: 16.6666%; height: 45px; overflow: hidden; text-align: center; background: #dddddd; display: block; float: left; position: relative; border-left: 1px solid #ffffff; box-sizing: border-box;}
.tab-menu_bg .tab-hd li a { display: block; font-size: 13px; line-height: 45px; overflow: hidden;}
.tab-menu_bg .tab-hd li:first-child { border: none;}
.tab-menu_bg .tab-hd li.active{ background:#1772b8;}
.tab-menu_bg .tab-hd li.active a { color: #ffffff;}
.tab_menu_con { width: 100%; height: auto; overflow: hidden; display:block; margin-top:20px;}
.tab_menu_con .tab-bd { width: 100%; height: auto; overflow: hidden; display: block;}
.tab_menu_con .tab-bd li{display:none; width: 100%; height: auto; overflow: hidden;}
.tab_menu_con .tab-bd li.addclass{ display:list-item;}
.ipro_dl { width: 100%; height: auto; overflow: hidden; display: block; text-align: center; font-size: 0; margin-top: 20px;}
.ipro_dl dd { width: 25%; height: auto; overflow: hidden; display: inline-block; position: relative; vertical-align: top; }
.ipro_dl dd .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ipro_dl dd .img img { transition: all .5s; min-height: 100%; }
.ipro_dl dd:hover .img img { transform:scale(1.2);//设置缩放比例 -ms-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -moz-transform:scale(1.2);}
.ipro_ab { width: 100%; height: 100%; transform: scale(0, 0); transition: transform 0.4s ease 0s; position: absolute; z-index: 9; top: 0; left: 0; text-align: center; background: rgba(0, 101, 177, .9); display: block; overflow: hidden;}
.ipro_con { width: 70%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.ipro_dl .tit {  font-size: 20px; font-weight: bold; text-align: center; line-height: 30px; height: 60px; width: 100%; overflow: hidden; }
.ipro_dl .tit a { color: #ffffff; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.ipro_dl .more { width: 125px; height: 40px; display: block; margin: 20px auto 0px auto; overflow: hidden; border-radius: 30px;}
.ipro_dl .more a { display: block; font-size: 14px; line-height: 40px; background: rgba(255,255,255,.7); text-align: center; transition: all .3s;}
.ipro_dl .more a span { font-family: simsun; margin-left: 5px; }
.ipro_dl .more a:hover { background:rgba(254,97,0,.9); color: #FFFFFF;}
.ipro_dl dd:hover .ipro_ab { transform: scale(1, 1);}
.tit_wap { width:100%; height: auto; display: none; font-size: 13px; line-height: 20px; overflow: hidden; text-align: center;text-overflow: ellipsis; white-space: nowrap; margin-top: 15px; padding: 0px 20px; box-sizing: border-box;}

.imore_bg { width: 240px; height: 40px; overflow: hidden; display: block; margin: 50px auto 0px auto; border-radius:30px;}
.imore_bg a { display: block; font-size: 14px; line-height: 40px; color: #ffffff; text-align: center; background: #1772b8; transition: all .3s;}
.imore_bg a:hover { background: #fe6100; color: #ffffff;}

.iabout_bg { width: 100%; height: auto; overflow: hidden; display: block; padding-bottom: 70px; margin-top: 75px; background: url(../images/iabout_bg.jpg) no-repeat center; background-size:cover ;}
.iabout_wd { width: 94%; height: auto; overflow: hidden; display: block; position: relative; max-width: 1300px; margin: 50px auto 0px auto;}
.iabout_l_bg { width: 50%; height: 100%; position: absolute; z-index: 9; top: 0; left: 0; overflow: hidden; display: block;}
.iabout_l_bg a { width: 100%; height: 100%; display: block; overflow: hidden;}
.iabout_l_h { width: 70%; height: auto; overflow: hidden; display: block; padding: 15px 5%; box-sizing: border-box; background: rgba(0, 101, 177, .9); position: absolute; z-index: 10; left: 0; bottom: 10%;}
.iabout_l_h a { display: block; font-size: 23px; line-height: 30px; overflow: hidden; color: #ffffff ;}
.iabout_r_bg { width: 46%; height:auto; overflow: hidden; display: block; float: right;}
.iabout_r_h { font-size: 23px; line-height: 25px; display: block; font-weight: bold; color: #000000;}
.iabout_r_p { margin-top: 15px; width: 100%; font-size: 14px; line-height: 23px; overflow: hidden; color: #555555; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.iabout_r_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.iabout_r_ul li { width: 48%; height: auto; overflow: hidden; display: block; margin-top: 20px; float:left;}
.iabout_r_ul li:last-child { float: right;}
.iabout_r_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.iabout_r_ul li .img img { transition: all .3s; min-height: 100%; }
.iabout_r_ul li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}

.ipro02_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top:30px;}
.inews_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.inews_ul li { width: 33.3333%; height: auto; overflow: hidden; display: block; padding: 10px 15px; margin-top: 15px; float: left; box-sizing: border-box;}
.inews_ul li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f8f8f8; position: relative; transition: all .3s;}
.inews_ul li:hover .con_bg { background: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.inews_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; overflow: hidden;}
.inews_ul li .img img { transition: all .3s; min-height: 100%; }
.inews_ul li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.inews_ul li .tim_bg { width: 60px; height: 70px; display: block; position: absolute; z-index: 9; top: 0; left: 0; background: #fe6100; font-size: 23px; line-height: 40px; font-weight: bold; color: #ffffff; text-align: center;}
.inews_ul li .tim_bg span { display: block; font-size: 13px; font-weight: normal; line-height: 30px; background: #000000;}
.inews_ul li .info_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 20px; box-sizing: border-box;}
.inews_ul li .info_tit { font-size: 16px; font-weight: bold; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.inews_ul li:hover .info_tit a { color:#FE6100;}
.inews_ul li .info_hr { width: 40px; height: 2px; display: block; background: #fe6100; overflow: hidden; margin-top: 10px;}
.inews_ul li .info_des { font-size: 14px; line-height: 23px; color: #999999; width: 100%; height: 46px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-top: 10px;}
.inews_ul li .more_bg { width: 100%; height: auto; display: block; overflow: hidden; margin-top: 25px; text-align: right;}
.inews_ul li .more_bg a { display: inline-block; font-size: 14px; line-height: 20px; overflow: hidden; color: #1772b8;}
/*foot_start*/
.bot_link_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 70px; background: #1772b8; padding: 35px 0px;}
.bot_link_h { font-size: 25px; display: block; font-weight: bold; color: #ffffff; line-height: 40px; overflow: hidden; background: url(../images/dot_send.png) no-repeat left; padding-left: 50px; box-sizing: border-box;}
.bot_link { width: 160px; height: 40px; display: block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0;}
.bot_link a { display: block; font-size: 14px; font-weight: bold; color: #ffffff; text-align: center; line-height: 40px; overflow: hidden; background: #e0be2a; transition: all .3s;}
.bot_link a:hover { background: #FE6100;}

.banquan_info_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #222222; padding: 10px 0px;}
.banquan_info { width: 100%; height:auto; display: block; font-size: 14px; line-height: 25px; color: #cccccc; text-align: center; overflow: hidden; }
.banquan_info a { color: #888888;}
.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 50px 0px; background: #313131; box-sizing: border-box;}
.foot_nav_bg { display: inline-block; overflow: hidden; float: left; margin-right:7%; width: 150px;}
.foot_nav2_bg { display: inline-block; overflow: hidden; float: left; margin-right:7%; width: 150px;}
.foot_nav_tit { display: block; font-size: 18px; font-weight: bold; color: #ffffff; line-height: 30px; overflow: hidden; }
.foot_nav_tit a { display: block; color: #ffffff;}
.foot_nav_ul { display: block; overflow: hidden; margin-top: 15px;}
.foot_nav_ul li { display: block; font-size: 14px; line-height: 35px; overflow: hidden;}
.foot_nav_ul li a { color:rgba(255,255,255,.7);}
.foot_nav_ul li a:hover { color:rgba(255,255,255,1); text-decoration: underline;}
.foot_con_bg { width: 420px; height: auto; overflow: hidden; display: block; float:left;}
.foot_con_p { display: block; font-size: 14px; line-height: 35px; color: rgba(255,255,255,.7); overflow: hidden; margin-top: 15px;}
.foot_con_li { width: 100%; display: block; font-size: 14px; line-height: 35px; color:rgba(255,255,255,.7); overflow: hidden;}
.foot_con_li span { width: 18px; height: auto; overflow: hidden; display: inline-block;vertical-align: middle; margin-right: 10px;}

.foot_mes_bg { width: 20%; height: auto; overflow: hidden; display: block; float: right;}
.foot_mes { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_mes li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.foot_mes li .text { width: 100%; height: 30px; border: 1px solid #aaaaaa; box-sizing: border-box; outline: none; background: none; padding: 0px 10px; font-size: 14px; line-height: 30px; color: #FFF;}
.foot_mes li .test { width: 100%; height:auto; min-height: 50px; border: 1px solid #aaaaaa; box-sizing: border-box; outline: none; background: none; padding:5px 10px; font-family: arial; font-size: 14px; line-height: 32px; color: #FFF;}
.foot_mes li .mes_sub { width: 70%; height: 35px; display: block; margin: 0px auto; max-width: 300px; text-align: center; border: none; outline: none; color: #ffffff; line-height: 35px; background: #e0be2a; cursor:pointer;}

/*内页*/
.place_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #EEEEEE; }
.place_tit { width: 20%; height: 50px; background:#FE6100; text-align: center; font-size: 18px; line-height: 50px; font-weight: bold; color: #ffffff; display: block; overflow: hidden; }
.place_ab { display: inline-block; font-size: 14px; line-height: 23px; color: #555555; overflow: hidden; background: url(../images/dot_home.png) no-repeat left; padding-left: 25px; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%);}

.page_nav { width: 100%; height: auto; overflow: hidden; display: block; text-align: center; font-size: 0; margin-top: 50px;}
.page_nav li { display: inline-block; height: 45px; margin: 0px 1%; overflow: hidden;}
.page_nav li a { display: block; font-size: 15px; line-height: 45px; padding: 0px 35px; color: #333333; background: #eeeeee;}
.page_nav li.sel a { background: #FE6100; color: #FFFFFF;}
.page_nav li:hover a { background: #FE6100; color: #ffffff;}

.left_nav { width: 20%; height: auto; overflow: hidden; display: block; float: left; margin-top: 28px;}
.left_nav li { width: 100%; height: 50px; display: block; background: #1772b8; margin-top: 2px; position: relative;}
.left_nav li a { display: block; font-size: 16px; line-height: 50px; padding: 0px 12%; color: #ffffff; box-sizing: border-box;}
.left_nav li a span { font-family: simsun; font-weight: bold; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); right: 14%; transition: all .5s;}
.left_nav li:hover a { background: #FE6100;}
.left_nav li:hover a span { right: 7%;}
.left_nav li.sel a { background: #FE6100;}
.left_nav li.sel a span { right: 7%;}
.right_bg { width: 80%; height: auto; overflow: hidden; display: block;  padding-left: 40px; box-sizing:border-box;}
.r_pro_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.r_pro_ul li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.r_pro_ul li .catname { display: block; width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #fe6100; position: relative; padding-bottom: 5px;}
.r_pro_ul li .catname a { display: block; font-size: 20px; line-height: 36px; overflow: hidden; color: #1772b8; font-weight: bold;}
.r_pro_ul li .catname a span { font-size: 35px; color: #FE6100; margin-right: 5px; vertical-align: middle;}
.r_pro_ul li .catname a:hover { color: #FE6100;}
.r_pro_ul li .more { width: 25px; height: 25px; display: block; position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%);}
.r_pro_ul li .more a { width: 25px; height: 25px; border: 2px solid #1772b8; padding-left:7px; line-height: 21px; font-family: simsun; font-size: 17px; font-weight: bold; color: #1772b8; box-sizing: border-box; border-radius: 100%;}
.r_pro_ul li .more a:hover { color: #FE6100; border: 2px solid #FE6100;}
.r_pro_dl { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px;}
.r_pro_dl dd { width: 33.3333%; float: left; height: auto; overflow: hidden;  margin-top: 20px; padding: 0px 12px; box-sizing: border-box;}
.r_pro_dl dd .img_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.r_pro_dl dd .img { width: 100%; height: auto; overflow: hidden; display: block;}
.r_pro_dl dd .ab_img { width: 100%; height:0; position: absolute; bottom: 0; z-index: 9; background: rgba(0, 101, 177, .9); display: block; transition: all .5s;}
.r_pro_dl dd .ab_con { width: 90%; height: auto; overflow: hidden; display: none; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: all .5s;}
.r_pro_dl dd .ab_tit {  font-size: 18px; font-weight: bold; text-align: center; line-height: 25px; height: 50px; width: 100%; overflow:hidden; display: block;}
.r_pro_dl dd .ab_tit a { color: #ffffff; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.r_pro_dl dd .ab_more { width: 35px; height: 35px; overflow: hidden; display: block; margin: 25px auto 0px auto; border-radius: 100%;}
.r_pro_dl dd .ab_more a {display: block; font-size: 30px; font-weight: bold; color: #1772b8; text-align: center; line-height: 35px; background: #ffffff; transition: all .3s;}
.r_pro_dl dd .ab_more a:hover { background: #FE6100; color: #ffffff;}
.r_pro_dl dd:hover .ab_img { height: 100%;}
.r_pro_dl dd:hover .ab_con { display: block; opacity: 1;}

.catname_list { display: block; width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #fe6100; position: relative; padding-bottom: 5px; margin-top: 30px;}
.catname_list a { display: block; font-size: 20px; line-height: 36px; overflow: hidden; color: #1772b8; font-weight: bold;}
.catname_list a span { font-size: 35px; color: #FE6100; margin-right: 5px; vertical-align: middle;}
.catname_list a:hover { color: #FE6100;}

.page_about_bg { width: 100%; height: auto; min-height: 820px; overflow: hidden; display: block; margin-top: 40px; }
.page_about_wd { width: 55%; height: auto; overflow: hidden; display: block;}
.page_tit { width: 100%; height: auto; display: block; overflow: hidden; font-size: 23px; line-height:35px; color: #333333;  font-weight: bold; margin-top: 50px; text-align: center;}
.page_con { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.page_info { width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 28px; color: #444444; display: block;}
.page_info div {font-size: 14px; line-height: 28px; color: #444444; display: block;}
.page_info p {font-size: 14px; line-height: 28px; color: #444444; display: block;}
.page_info img { max-width: 100%; margin: 20px auto; overflow: hidden; display: block;}

/*新闻*/
.news_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.news_ul li { width: 50%; height: auto; overflow: hidden; display:block; position: relative; float: left; margin-top: 45px; padding: 0px 3%; box-sizing: border-box; font-size: 0;}
.news_ul li .con_bg { width: 58%; height: auto; overflow: hidden;  position: relative; box-sizing: border-box; display: inline-block; padding-left: 25px; vertical-align: middle;}
.news_ul li .img { width:42%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle;}
.news_ul li .img img { transition: all .3s; min-height: 100%; }
.news_ul li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.news_ul li .time { display: block; font-size: 12px; line-height: 25px; color: #999999; overflow: hidden;}
.news_ul li .tit { display: block; font-size: 16px; line-height: 30px; overflow: hidden;  font-weight: bold;}
.news_ul li .tit a { color: #333333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_ul li:hover a{ color: #1772b8;}
.news_ul li .des { width: 100%; height: 50px; overflow: hidden; font-size: 14px; line-height: 25px; margin-top: 10px; color: #888888; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_ul li .more { display: block; font-size: 13px; line-height: 25px; overflow: hidden; margin-top: 10px;}
.news_ul li .more a { color: #1772b8;}
.pagelist { width: 100%; height: auto; overflow: hidden; margin-top: 70px; font-size: 13px; line-height: 25px; text-align: center;}
.pagelist b { margin: 0px 4px;}
.pagelist a { margin: 0px 4px; display: inline-block; overflow: hidden; padding: 0px 8px; line-height: 25px; vertical-align: middle; font-size: 13px; border: 1px solid #cccccc;}
.pagelist a.a1 { display: inline-block; padding: 0px 8px; line-height: 25px; border: 1px solid #cccccc; vertical-align: middle;}
.pagelist a:hover { background: #FE6100; color: #ffffff; border: 1px solid #FE6100;}
.pagelist span { display: inline-block; padding: 0px 8px; line-height: 25px; border: 1px solid #FE6100; vertical-align: bottom; background: #FE6100; color: #ffffff;}
.show_con { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px; }
.show_tit { width: 100%; height: auto; display: block; font-size: 23px; line-height: 30px; color: #333333; text-align: center; font-weight: bold; padding: 0px 5%; box-sizing: border-box;}
.value_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 0px 4% 15px 4%; text-align: center; margin-top: 15px; box-sizing: border-box; border-bottom: 1px solid #e2e2e2;}
.value { display: block; font-size: 13px; line-height: 20px; color: #555555; text-align: center;}
.show_info { width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 25px; color: #444444; display: block; margin-top: 20px;}
.show_info img { max-width: 100%; margin: 20px auto; overflow: hidden; display: block;}
.show_fanye { display: block; font-size: 13px; line-height: 20px; overflow: hidden; margin-top: 20px;}
.show_page_list { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap;}

.contact_bg { width: 100%; height: auto; overflow: hidden; display: block; background:url(../images/map.png) no-repeat center; padding: 50px 0px;}
.contact_wd { width: 94%; height: auto; overflow: hidden; display: block; margin: 0px auto; max-width: 800px;}
.contact_tit { font-size:23px; line-height: 30px; display: block; font-weight: bold; color:#1772b8; text-align: center; overflow: hidden;}
.contact_info { font-size: 15px; line-height: 35px; display: block; color: #444444; text-align: center; overflow: hidden; margin-top: 15px;}
.contact_info img { max-width: 100%; height: auto; overflow: hidden; display: block; margin: 20px auto;}

.mes_ul { width: 100%; height: auto; overflow: hidden; display: block; margin: 60px auto 0px auto; max-width: 800px;}
.mes_ul li { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.mes_ul li .input_text { width:33.333%; height: auto; overflow: hidden; float: left; padding: 0px 15px; box-sizing: border-box;}
.mes_ul li .text { width: 100%; height: auto; overflow: hidden; display:block; border: none; border-bottom: 1px solid #bbbbbb; font-size: 14px; line-height: 35px; padding: 0px 10px; box-sizing: border-box;}
.mes_ul li .input_test { width:100%; height: auto; overflow: hidden; display: block; padding: 0px 15px; box-sizing: border-box;}
.mes_ul li .test { width: 100%; height: auto; min-height: 90px; overflow: hidden; display:block; border: 1px solid #bbbbbb; font-family: arial; font-size: 14px; line-height: 35px; padding: 0px 10px; box-sizing: border-box;}
.mes_ul li .mes_sub { width: 70%; height: 40px; display: block; margin: 0px auto; max-width: 300px; text-align: center; border: none; outline: none; color: #ffffff; line-height: 40px; background: #1772b8; cursor:pointer;}

.pic_tit { display: block; font-size: 23px; font-weight: bold; line-height: 35px; margin-top: 40px; overflow: hidden; color: #444444;}

.ul_listpic { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 25px;}
.ul_listpic li { width: 33.333%; height: auto; overflow: hidden; float: left; padding: 0px 10px; margin-top: 10px; box-sizing: border-box;}
.ul_listpic li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}

.ul_listpic li .img { width: 100%; height: auto; overflow: hidden; display: block; position: relative; }
.ul_listpic li .img img { transition: all .3s; min-height: 100%; }
.ul_listpic li:hover .img img { transform:scale(1.1);//设置缩放比例 -ms-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);}
.ul_listpic li .tit { display: block; width: 100%; height: 35px; background: rgba(0,0,0,.5); text-align: center; padding: 0px 10px; font-size: 13px; line-height: 35px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; position: absolute; z-index: 9; bottom: 0; left: 0;}

.pro_top_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top:32px;}
.pro_top_l { width: 60%; height: auto; overflow: hidden; display: block; float: left;}

.pro_top_l .swiper-container { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_top_l .gallery-thumbs { width: 100%; display: block; height: auto; overflow: hidden; margin-top: 10px;}
.pro_top_l .swiper-slide-thumb-active img { border: 2px solid #ff0000; box-sizing: border-box;}
.pro_top_l .gallery-thumbs .swiper-slide { overflow: hidden; padding: 0px 3px; box-sizing: border-box;}
.pro_top_r { width: 36%; height: auto; overflow: hidden; display: block; float: right;}
.pro_top_tit { display: block; font-size: 18px; font-weight: bold; line-height: 25px; color: #333333; overflow: hidden;}
.pro_top_des_bg { width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #aaaaaa; margin-top: 25px; padding: 25px; box-sizing: border-box;}
.pro_top_des { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_top_p { width: 100%; display: block; font-size: 14px; line-height: 40px; color: #555555; overflow: hidden;}
.pro_top_p span { width: 18px; height: auto; overflow: hidden; display: inline-block;vertical-align: middle; margin-right: 10px;}

.pro_top_btn { width: 70%; height: auto; overflow: hidden; display: block; max-width: 260px; margin-top:30px;}
.pro_top_btn a { display: block; width: 100%; height: 40px; border-radius: 20px; box-sizing: border-box; overflow: hidden; font-size: 13px; line-height: 40px; text-align: center; color: #ffffff; background: #1772b8;}
.pro_top_btn a:hover { background: #FE6100;}
.pro_show_tit { width: 100%; height: 45px; display: block; margin-top: 40px; background: #1772b8; border-left: 5px solid #FE6100; padding-left: 30px; box-sizing: border-box; font-size: 18px; line-height: 45px; color: #ffffff;}
.pro_show_info { width: 100%; height: auto; overflow: hidden; display: block; padding: 25px; box-sizing: border-box; background: #eff4f8;}
.pro_show_con { width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 25px; color: #444444; display: block;}
.pro_show_con img { max-width: 100%; margin: 20px auto; overflow: hidden; display: block;}
/*客服*/
.kefu_bg { width: 45px; height: 240px; display: block; position: fixed; z-index: 999;right: 5px; top: 50%; transform: translateY(-50%);}
.kefu_bg li { width: 45px; height: 45px; display: block; position: relative; margin-top: 5px;}
.kefu_bg li a { width: 45px; height: 45px; display: block; background: #00a3a3; border-radius: 5px; overflow: hidden; text-align: center; overflow: hidden; padding: 8.5px; box-sizing: border-box;}
.kefu_bg li .ab{ position:absolute; display:none; height: auto; overflow: hidden; padding-right:5px; box-sizing: border-box; z-index: 9; top: 0; right: 45px;}
.kefu_bg li:hover .ab { display: inline-block;}
.kefu_bg li .con { display:block; border: 1px solid #cccccc; background: #ffffff; padding: 5px 10px; box-sizing: border-box; font-size: 12px; line-height: 30px; color: #666666;} 
.kefu_bg li .con .p { display: block; overflow: hidden; white-space: nowrap;}
.kefu_wap { display: none;}
.kefu_wap_bg { display: none;}