@charset "utf-8";
body { background:#ffffff; margin:0; padding:0; font-family: "微软雅黑",Verdana, Geneva, sans-serif; }
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:#000000; transition: all .3s;}
a:hover { color:#00a2ff; text-decoration:none;}
/*public*/
.header_re { width: 100%; height: 100px; overflow: hidden; display: block;}
.header_fixd { width:100%; height:100px; display: block; background: #ffffff; position: fixed; top: 0px; z-index: 9999; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.wap_header { display: none;}
.nav_img_bg { display: none; width: 35px; height: 25px; margin-top: 27px; cursor: pointer; float: right; margin-right: 3%;}
.nav_u_down2 { display: none;}
.wap_nav_fixd { display: none;}
.header_wd { width:96%; height: 100px; display: block; max-width: 1400px; margin: 0px auto; position: relative;}
.logo { width: 35%; height:auto; overflow: hidden; max-width: 400px; float: left; margin-top: 20px;}
.nav_bg { width: 48%; height: 80px; display: block; margin-top: 20px; float: left; margin-left: 5%;}
.nav_bg li { width: 16.666666%; height:80px; display: block; float: left; text-align: center; position: relative;}
.nav_bg li a {  display: block; font-size: 17px; line-height: 78px; border-bottom: 2px solid #ffffff;}
.nav_bg li a:hover { color: #0f7ade; border-bottom: 2px solid #0f7ade; font-weight: bold;}
.nav_bg li.alt a { color: #0f7ade; border-bottom: 2px solid #0f7ade; font-weight: bold;}
.nav_bg li:hover a { color: #0f7ade; border-bottom: 2px solid #0f7ade; font-weight: bold;}
.nav_bg li dl { width: 140px; position: absolute; z-index: 9; top: 80px; height: auto; overflow: hidden; background: #f6f6f6; left: 0%; display: none;}
.nav_bg li dl.dl2 { left: 140px;}
.nav_bg li dl.r { left: auto; right: 0;}
.nav_bg li dl dd { display: block; width: 100%; height: 42px;  overflow: hidden; float: left; }
.nav_bg li dl dd a { border: 2px solid #ffffff; line-height: 42px; overflow: hidden; display: block; font-size: 14px; box-sizing: border-box; color: #000000;}
.nav_bg li dl dd:hover a { background: #0f7ade !important; color: #ffffff !important;}
.nav_bg li:hover dl { display: block;}
.nav_bg li:hover dl dd a { border: 2px solid #ffffff; line-height: 42px; overflow: hidden; display: block; font-size: 14px; box-sizing: border-box;color: #000000; font-weight: normal;}
.headr_r { display: inline-block; overflow: hidden; position: absolute; z-index: 9; top: 0px; right: 0px;}
.lang_bg { display: block; height: 25px; overflow:hidden; margin-top: 15px;}
.lang_li { width: 45px; height: 25px; overflow: hidden; float: right; margin-left: 20px; border-radius: 5px;}
.lang_li a { display: block; font-size: 14px; line-height: 25px; text-align: center; color: #ffffff; background: #00a2fd;}
.top_tel { display: block; font-size: 20px; line-height: 25px; font-weight: bold; color: #00A2FD; background: url(../images/dot_tel.png) no-repeat left; padding-left: 28px; overflow: hidden; margin-top: 10px;}

.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: auto; 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: #2068b0; opacity: .6; margin: 0px 5px; outline: none; border-radius: 100%;}
.banner_bg .swiper-pagination-bullet-active { opacity: 1; background:#2068b0; width:14px; height: 14px; box-sizing: border-box;}

.width { width: 94%; height: auto; overflow: hidden; display: block; position: relative; max-width: 1400px; margin: 0px auto;}
.iabout_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px; background: #eeeeee;}
.iabout_wd { width: 94%; height: auto; overflow: hidden; display: block; position: relative; max-width: 1500px; margin: 0px auto;}
.iabout_l { width: 50%; height: auto; overflow: hidden; display: block; position: relative;  left: 0; top: 0; float: left;}
.iabout_r { width:50%; height: auto; overflow: hidden; position: relative; right: 0; padding-left: 30px; box-sizing: border-box; top: 0; float: right;}
.itit_bg { width: 100%; height: auto; overflow: hidden; display: block; text-align: center; font-size: 35px; font-weight: bold; color: #000000; line-height: 45px;}
.itit_bg span { display: block; font-size: 16px; line-height: 25px; font-weight: normal; text-transform: uppercase;}
.iabout_tit { font-size:28px; line-height: 40px; display: block; text-align: center; color: #000000; margin-top: 15px; overflow: hidden;}
.iabout_tit span { font-size: 14px; display: block; text-align:center; line-height: 25px; overflow: hidden;}
.iabout_info { display: block; font-size: 17px; line-height: 30px; color: #000000; margin-top: 18px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 13;overflow: hidden;}

.ipro_bg { width: 100%; height: auto; overflow: hidden; display: block; padding:70px 0px;}
.ipro_nav { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.ipro_nav li { width: 20%; height: auto; overflow: hidden; display: block; margin-top: 20px; padding: 0px 13px; float: left; box-sizing: border-box;}
.ipro_nav li .img { width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #cecece; box-sizing: border-box;}
.ipro_nav li .img img { transition:all .3s;}
.ipro_nav 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);}
.ipro_nav li:hover .img { border: 1px solid #00A2FD;}
.ipro_nav li .tit { display: block; font-size: 16px; line-height: 30px; margin-top: 8px; text-align: center;}
.imore { width: 200px; height: 45px; display: block; box-shadow:0px 0px 5px rgba(0,0,0,.2); overflow: hidden; margin:50px auto 10px auto;}
.imore a { display: block; height: 45px; font-size: 15px; line-height: 43px; color: #888888; border: 1px solid #dddddd; text-align: center; box-sizing: border-box;}
.imore a:hover { border: 1px solid #00A2FD; background: #00A2FD; color: #ffffff;}

.ipay_bg { width: 100%; height: auto; overflow: hidden; display: block; margin: 30px auto 0px auto; text-align: center; font-size: 0; max-width: 1050px;}
.ipay_tit { display: block; overflow: hidden; margin: 15px 0px; padding: 0px 10px; border-right: 1px solid #d5d5d5; width:16.66666%; float: left; box-sizing: border-box;}
.ipay_img { display: block; overflow: hidden; margin: 15px 0px; width:16.66666%; float: left; padding: 0px 10px; box-sizing: border-box;}

.iys_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px; background: #efefef;}
.iys_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.iys_ul li { width: 25%; height: auto; overflow: hidden; margin-top: 30px; padding: 0px 15px; box-sizing: border-box; float: left;}
.iys_ul li .tit { width: 100%; height: auto; overflow: hidden; display: block; font-size: 22px;}
.iys_ul li .des { width: 100%; height: auto; overflow: hidden; display: block; font-size: 16px; line-height: 35px; margin-top: 15px;}
.iys_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.iys_ul li .img img { transition:all .3s;}
.iys_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);}

.ibrand_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px; }
.ibrand_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px;}
.ibrand_ul li { width: 25%; height: auto; overflow: hidden; display: block; margin-top: 50px; padding: 0px 20px; box-sizing: border-box; float: left;}
.ibrand_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; border: 2px solid #d6d2d1; border-radius: 3px; box-sizing: border-box;}
.ibrand_ul li .img:hover { border: 2px solid #00A2FD;}

.iuse_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px; background: #efefef;}
.swiper-lingyu { width: 100%; height: auto; overflow: hidden; display: block; position: relative; margin-top: 45px;}
.swiper-lingyu li { padding: 0px 20px; box-sizing: border-box;}
.swiper-lingyu li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-lingyu li .img img { transition:all .3s;}
.swiper-lingyu 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);}
.swiper-lingyu li .tit { display: block; text-align: center; font-size: 17px; line-height: 30px; margin-top: 10px; overflow: hidden;}

.icoop_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px;}
.icoop_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.icoop_ul li { width: 25%; height: auto; overflow: hidden; margin-top: 20px; padding: 0px 25px; box-sizing: border-box; float: left;}
.icoop_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #acaba9; box-sizing: border-box;}

.izizhi_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px; background: #efefef;}
.swiper-zizhi { width: 100%; height: auto; overflow: hidden; display: block; position: relative; margin-top: 50px;}
.swiper-zizhi li { overflow: hidden; padding: 0px 16px; box-sizing: border-box;}
.swiper-zizhi li .img{ width: 100%; height: auto; overflow: hidden; display: block;}
.swiper-zizhi li .tit { display: block; text-align: center; font-size: 16px; line-height: 30px; margin-top: 10px;}

.inews_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px 10px 0px;}
.inews_left { width: 53%; height: auto; overflow: hidden; display: block; float: left;}
.inews_right { width: 47%; height: auto; overflow: hidden; display: block; float: right;}
.inews_tit { display: block; font-size: 30px; line-height: 35px; overflow: hidden; color: #000000; vertical-align: bottom;}
.inews_tit span { font-size: 17px; margin-left: 15px; text-transform: uppercase;}
.inews_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.inews_ul li { width: 50%; height: auto; overflow: hidden; display: block; float: left; padding-right: 8%; box-sizing: border-box; }
.inews_ul li .con { width: 100%; height: auto; overflow: hidden; display: block; padding: 15px 0px; border-bottom: 1px solid #dddddd;}
.inews_ul li .tit { display: block; font-size: 15px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inews_ul li .time { font-size: 13px; line-height: 25px; display: block; overflow: hidden; color: #666666;}
.inews_ul li .des { display: block; font-size: 13px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #777777;}

.ishipin_bg { width: 100%; height: auto; overflow: hidden; display: block;}
.ishipin_bg .swiper-container { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.ishipin_bg .gallery-top { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.ishipin_bg .gallery-top .swiper-slide { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.ishipin_bg .gallery-top .ab { width: 100%; height: 100%; position: absolute; z-index: 9; top: 0; left: 0; background:url(../images/dot_video.png) no-repeat center rgba(0,0,0,.3); overflow: hidden;}
.ishipin_bg .gallery-top .ab a { width: 100%; height: 100%; display: block; overflow: hidden;}
.ishipin_bg .gallery-thumbs { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.ishipin_bg .gallery-thumbs .swiper-slide-thumb-active img { border: 2px solid darkblue; box-sizing: border-box;}

.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #1e3f82; padding-top: 40px; margin-top: 60px;}
.foot_list { display: inline-block; height: auto; overflow: hidden; float: left; width: 13.5%;}
.foot_tit { display: block; font-size: 23px;line-height: 35px; overflow: hidden; color: #ffffff;}
.foot_nav { display: block; overflow: hidden; margin-top: 10px;}
.foot_nav li { display: block; font-size: 15px; line-height: 30px; overflow: hidden;}
.foot_nav li a { color: #ffffff;}
.foot_right { display: inline-block; float: right; overflow: hidden; width: 28%; padding-right: 75px; box-sizing: border-box;}
.foot_ma_bg { display: block; width: 100%; height: auto; overflow: hidden;}
.foot_ma_bg .tit { display: block; font-size: 15px; line-height: 30px; margin-top: 5px; color: #ffffff; text-align: center;}
.foot_ma_bg .img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_ma_bg .img img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_ma01 { width: 42%; height: auto; overflow: hidden; float: left;}
.foot_ma02 { width: 42%; height: auto; overflow: hidden; float: right;}
.foot_contact { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px; font-size: 16px; line-height: 35px; color: #ffffff;}
.banquan_bg { width: 100%; height: auto; overflow: hidden; display: block; text-align: center; font-size: 13px; line-height: 25px; color: #ffffff; padding: 15px 0px; background: #38404b; margin-top: 40px;}
.banquan_bg a { color: #ffffff;}

.banner_n { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.banner_n .img { width: 100%; height: auto; display: block; overflow: hidden;}
.banner_pro { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.banner_pro .img { width: 100%; height: auto; display: block; overflow: hidden;}

.width_n { width: 96%; height: auto; overflow: hidden; display: block; max-width: 1300px; margin: 0px auto; position: relative;}
.place_bg { width: 100%; height: auto; display: block; overflow: hidden; background: #eeeeee; padding: 15px 0px;}
.place_tit { display: block; font-size: 24px; line-height: 30px; overflow: hidden; font-weight: bold; color: #294a8b;}
.place_tit span { display: block; font-size: 16px; font-weight: normal; font-family: arial; line-height: 25px; text-transform: uppercase;}
.place_ab { display: inline-block; font-size: 15px; line-height: 30px; overflow: hidden; right: 0; transform: translateY(-50%); color: #555555; position: absolute; z-index: 9; top: 50%;}
.place_ab a { color: #555555;}

.left_bg { width:21%; height: auto; overflow: hidden; display: block; float: left;}
.nav_left { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 45px;}
.nav_left li { width: 100%; height: auto; overflow: hidden; display: block; background: #eeeeee; border-bottom: 1px solid #dddddd;}
.nav_left li.cur{ background: #294a8b;}
.nav_left li:hover { background: #294a8b;}
.nav_left li a { display: block; font-size: 16px; line-height: 40px; color: #555555; overflow: hidden; padding: 0px 10%; box-sizing: border-box;}
.nav_left li a i { float: right; line-height: 40px; color: #eeeeee;}
.nav_left li.cur a { color: #FFFFFF;}
.nav_left li:hover a { color: #FFFFFF;}
.news_wihte_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px; padding: 0px 5% 40px 5%; box-sizing: border-box; background: #ffffff;}
.left_lx_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #294a8b; margin-top: 35px;}
.left_lx_img { width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #dddddd; border-bottom: none; box-sizing: border-box;}
.left_lx_con { width: 100%; height: auto; overflow: hidden; display: block; padding: 18px 0px; text-align: center; }
.left_lx_tit {font-size: 15px; line-height: 30px; color: #ffffff; text-align: center; display: block; overflow: hidden;}
.left_lx_tit span { display: block; font-size: 19px; color: #ffffff; line-height: 30px; font-weight: bold;}
.left_lx_kf { width:70%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 30px; border: 1px solid #ff5a00; margin: 10px auto 0px auto;}
.left_lx_kf a { display: block; color: #ff5a00; overflow: hidden;}
.right_bg { width: 100%; height: auto; overflow: hidden; float: right; display: block;}
.right_tit_bg { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #294A8B; margin-top: 45px; position: relative;}
.right_tit_hr { width: 250px; height: 1px; background: #294A8B; margin: 15px auto 0px auto;}
.right_tit { display: inline-block; font-size: 23px; font-weight: bold; color: #294A8B; line-height: 25px; background: #ffffff; padding: 0px 12px; top: 0; left: 50%; transform: translateX(-50%); position: absolute; z-index: 9;}
.page_con { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 25px; font-size: 16px; line-height: 35px; color: #444444;}
.page_con p { font-size: 16px; line-height: 35px; color: #444444; overflow: hidden;}
.page_con img { max-width: 100%; margin: 20px auto; display: block; overflow: hidden;}

.pic_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px; padding-bottom: 10px;}
.pic_ul li { width: 25%; height: auto; overflow: hidden; float: left; padding: 0px 10px; box-sizing: border-box; margin-top: 20px;}
.pic_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.pic_ul li .tit { display: block; font-size: 15px; text-align: center; line-height: 30px; overflow: hidden; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap;}

.news_ul { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0; padding-bottom: 15px; border:1px solid #b5b5b5; box-sizing: border-box; margin-top: 25px;}
.news_ul li { width: 100%; height: auto; overflow: hidden; display:block; background: #ffffff; border-bottom: 1px solid #b5b5b5; padding: 15px; box-sizing: border-box;}
.news_ul li:hover { background: #f2f2f2;}
.news_ul li .tit { display: block; font-size: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-right: 150px; box-sizing: border-box;}
.news_ul li .time { font-size: 13px; line-height: 30px; display: inline-block; overflow: hidden; position: absolute; z-index: 9; right: 0; top: 0; color: #444444;}
.news_ul li .des { width: 100%; height: auto; margin-top: 5px; font-size: 13px; line-height: 25px; color: #777777; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_ul li:hover .tit a { color: #294A8B;}

.pagelist { width:100%; text-align:center; overflow:hidden; padding-bottom: 10px; margin-top: 30px; text-align: center; font-size: 15px; line-height: 25px;}
.pagelist a { background:#ffffff; padding:5px 12px; font-size:14px; color:#555555; line-height:20px; box-shadow: 0 0 3px rgba(0,0,0,.3); margin:10px 3px 0px 3px; display:inline-table; border-radius: 3px;}
.pagelist span { background: #294A8B; padding:5px 12px; font-size:14px; color:#ffffff; line-height:20px; display:inline-table; border-radius: 3px;}
.pagelist a.a1 { font-family: simsun;}

.show_con_bg { width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #eeeeee; padding: 25px 20px; box-sizing: border-box;}
.show_tit { display: block; font-size: 20px; line-height: 30px; text-align: center; color: #444444; overflow: hidden; padding: 0px 6%;}
.show_val { display: block; font-size: 13px; line-height: 25px; padding-bottom: 10px; color: #777777; border-bottom: 1px solid #eeeeee; text-align: center; overflow: hidden; margin-top: 10px;}
.show_val span { color: #777777;}
.show_info { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 25px; font-size: 16px; line-height: 35px; color: #444444; padding-bottom: 25px; border-bottom: 4px solid #e2e2e2;}
.show_info p { font-size: 16px; line-height: 35px; color: #444444; overflow: hidden;}
.show_info img { max-width: 100%; margin: 20px auto; display: block; overflow: hidden;}
.show_fan { width: 100%; height: auto; overflow: hidden; margin-top: 20px; display: block;}
.show_fan p { font-size: 15px; line-height: 25px; overflow: hidden; display: block; margin-top: 10px;}
.back_btn { font-size: 15px; line-height: 35px; overflow: hidden; display: block; margin-top: 30px; width: 130px; text-align: center;}
.back_btn a { display: block; background: #00a1ff; color: #ffffff;}
.show_video { width: 94%; height: auto; overflow: hidden; display: block; margin: 25px auto 0px auto;}
.contact_tit {  font-size: 20px; line-height: 35px; color: #444444; display: block; overflow: hidden; font-weight: bold;}
.contact_con { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px; font-size: 16px; line-height: 35px; color: #444444;}
.contact_con p { font-size: 16px; line-height: 35px; color: #444444; overflow: hidden;}
.contact_con img { max-width: 100%; margin: 20px auto; display: block; overflow: hidden;}



.my-map { width:100%; height: 350px; display: inline-block;  vertical-align: middle; margin-top: 40px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-info-content { border-radius: 10px; padding: 0px 15px 10px 15px; width: 200px; height: auto; font-size: 14px;}
.amap-container{height: 100%;}

#accordion .link { height: 40px; line-height: 40px; font-size: 18px; color: #fff; background: #294a8b; padding: 0 30px; cursor: pointer; display: block;
	position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display: flex; align-items: center; justify-content: space-between;
	margin-top: 20px;
}

#accordion li.open .link { border-bottom: none; }
#accordion .submenu { display: none; font-size: 16px; color: #505050; padding: 20px; line-height: 32px; }
#accordion i.mdui-icon { left: auto; font-size: 24px; color: #fff; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
#accordion li.open i.mdui-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

.online { background: #EEEEEE; margin: 20px 0; padding: 38px 50px; font-size: 18px;}

.online h4 { font-size: 30px; color: #202020; font-weight: bold; margin-bottom: 20px;}

.online .lab { display: flex; justify-content: center;	align-items: center;color: #505050;	line-height: 35px;	margin-bottom: 20px; font-size: 16px;}

.online .area {	width: 85%;	margin-bottom: 20px}

.online input,
.online textarea {	box-sizing: border-box;	background-color: #fff;	line-height: 42px;	border: none;	padding-left: 10px;	font-size: 14px;color: #666;margin-left: 20px;	flex: 1;height: 40px;}

.online textarea {height: 124px;overflow: auto;	resize: none;line-height: 42px;	float: right;font-family: "微软雅黑";}

.online input[type="submit"] {	width: 110px;height: 40px;cursor: pointer;margin-left: 92px;background: #ff5a00;color: #fff;}

.down_ul { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0; padding-bottom: 15px; border:1px solid #b5b5b5; box-sizing: border-box; margin-top: 25px;}
.down_ul li { width: 100%; height: auto; overflow: hidden; display:block; background: #ffffff; border-bottom: 1px solid #b5b5b5; padding: 15px; box-sizing: border-box;}
.down_ul li:hover { background: #f2f2f2;}
.down_ul li .tit { display: block; font-size: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;  box-sizing: border-box;}
.down_ul li .des { width: 100%; height: auto; margin-top: 5px; font-size: 13px; line-height: 25px; color: #777777; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.down_ul li:hover .tit a { color: #294A8B;}
.down_ul li .tit i.mdui-icon { margin-right: 5px; font-size: 23px; color: #294A8B;}
.down_btn { width: 140px; height: 35px; display: block; border-radius: 25px; overflow: hidden; background: #294A8B; text-align: center; font-size: 15px; line-height: 35px; margin-top: 25px;}
.down_btn a { display: block; color:#ffffff; overflow: hidden;}
.down_btn a i { margin-right: 5px; font-size: 23px;}

.shipin_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px; padding-bottom: 10px;}
.shipin_ul li { width: 33.3333%; height: auto; overflow: hidden; float: left; padding: 0px 10px; box-sizing: border-box; margin-top: 20px;}
.shipin_ul li .img_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.shipin_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.shipin_ul li .tit { display: block; font-size: 15px; text-align: center; line-height: 30px; overflow: hidden; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap;}
.shipin_ul li .ab { width: 100%; height: 100%; position: absolute; z-index: 9; top: 0; left: 0; background:url(../images/dot_video.png) no-repeat center rgba(0,0,0,.3); overflow: hidden; background-size:60px auto}
.shipin_ul li .ab a { width: 100%; height: 100%; display: block; overflow: hidden;}

.pro_wd { width: 94%; height: auto; overflow: hidden; display: block; position: relative; max-width: 1300px; margin: 0px auto;}
.pro_bn_bg { width: 94%; max-width: 1300px; height: auto; overflow: hidden; position: absolute;z-index: 9; top: 50%; transform: translate(-50%,-50%); left: 50%;}
.pro_bn_tit { font-size: 30px; line-height: 35px; display: block; overflow: hidden;}
.pro_bn_tit span { font-size: 23px; text-transform:uppercase; display: block; font-family: arial;}
.pro_nav_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 40px 0px 50px 0px;}
.pro_nav_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_nav_ul li { width: 122px; height: 37px; float: left; border: 1px solid #dddddd; box-sizing: border-box; margin: 10px 2.5px 0px 2.5px;}
.pro_nav_ul li a { display: block; text-align: center; font-size: 15px; line-height: 35px;}
.pro_nav_ul li a.cur { background: #00a1ff; color: #ffffff;}
.pro_gray { width: 100%; height: auto; overflow: hidden; display: block; background: #eeeeee; padding-bottom: 45px; margin-bottom: -60px;}
.pro_place { display: block; font-size: 14px; line-height: 30px; overflow: hidden; margin-top: 20px; color: #333333; position: relative;}
.pro_back { width: 120px; height: 30px; background: #ffffff; display: block; position: absolute; top: 0; right: 0;}
.pro_back a { display: block; text-align: center; font-size: 14px; line-height: 30px;}

.pro_wihte_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px; padding: 40px 20px; box-sizing: border-box; background: #ffffff;}
.pro_menu_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_menu_ul li { display: block; overflow: hidden; width: 100%; height: auto;}
.pro_menu_ul li .tit { width: 100%; height: auto; overflow: hidden; display: block; background: #e3e3e3; font-size:18px; font-weight: bold; line-height: 50px; padding: 0px 25px; box-sizing: border-box;}
.pro_menu_ul li .tit2 { width: 100%; height: auto; overflow: hidden; display: block; border-bottom: 1px solid #e3e3e3; padding: 0px 20px; box-sizing: border-box;}
.pro_menu_ul li .tit2 a { display: block; background: url(../images/dot_menu.jpg) no-repeat left; padding-left: 20px; font-size:16px; line-height: 60px; overflow: hidden; box-sizing: border-box;}

.pro_list_bg { width: 100%; height: auto; overflow-x:auto; overflow-y: hidden; display: block;  margin-top: 20px;}
.pro_list_con { width: 100%; height: auto; overflow: hidden; min-width: 1200px; display: block; border-top: 2px solid #00A1FF; background: #ffffff; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; box-sizing: border-box;}
.pro_one_bg { width: 100%; height:70px; overflow: hidden; display:block; background: #f4f7fc; font-size: 0; border-bottom: 1px solid #dddddd;}
.pro_list_name { width: 18%; height:70px; overflow: hidden; display: inline-block; float: left;  font-size: 17px; text-align: center; line-height: 70px;}
.pro_list_use { width: 17%; height: 70px; overflow: hidden; display: inline-block; float: left; border-left: 1px solid #dddddd;font-size: 17px; text-align: center; line-height: 70px; box-sizing: border-box;}
.pro_list_hrs { width: 21%; height: 70px; overflow: hidden; display: inline-block; float: left; border-left: 1px solid #dddddd; font-size: 17px; text-align: center; line-height: 70px; box-sizing: border-box;}
.pro_list_short01 { width: 3%; height: 70px; overflow: hidden; display: inline-block; float: left; border-left: 1px solid #dddddd;font-size: 17px; text-align: center; line-height: 23px; padding: 10px 5px 0px 5px; box-sizing: border-box;}
.pro_list_short02 { width: 3%; height: 70px; overflow: hidden; display: inline-block; float: left; border-left: 1px solid #dddddd;font-size: 17px; text-align: center; line-height: 23px; box-sizing: border-box; padding: 0px 5px}
.pro_list_vdc { width: 8%; height: 70px; overflow: hidden; display: inline-block; float: left; border-left: 1px solid #dddddd; font-size: 17px; text-align: center; line-height: 25px; box-sizing: border-box; padding: 10px 5px}
.pro_list_uf { width: 11%; height: 70px; overflow: hidden; display: inline-block; float: left; border-left: 1px solid #dddddd; font-size: 17px; text-align: center; line-height: 70px; box-sizing: border-box; }
.pro_list_more { width: 5%; height: 70px; overflow: hidden; display: inline-block; float: left; border-left: 1px solid #dddddd;  font-size: 17px; text-align: center; line-height: 25px; box-sizing: border-box; padding: 10px; background: #fff6ef; color: #f77f2c;}
.pro_list_down { width: 5%; height: 70px; overflow: hidden; display: inline-block; float: left; border-left: 1px solid #dddddd;  font-size: 17px; text-align: center; line-height: 25px; box-sizing: border-box; padding: 10px; color: #2169d8;}
.pro_list_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_list_ul li { width: 100%; height: auto; overflow: hidden; display: block; position: relative; border-bottom: 1px solid #DDDDDD;}
.pro_list_ul li .cat_re { width: 9%; height: 35px; display: inline-block; float: left;}
.pro_list_ul li .catname { width: 9%; height: 100%; position: absolute; z-index: 9; left: 0; top: 0; background: #ffffff;}
.pro_list_ul li .cat_tit { position: absolute; top: 50%; transform: translateY(-50%); font-size: 15px; line-height: 25px; width: 100%; text-align: center;}
.pro_list_dl { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_list_dl dd { display: block; width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 37px; border-bottom: 1px solid #dddddd;}
.pro_list_dl dd:last-child { border: none;}
.pro_list_dl dd.t1 { background: #f8f8f8;}
.pro_list_dl dd.t2 { background: #ffffff;}
.pro_dl_tit { width:9%; height: 37px; line-height: 37px; border-left: 1px solid #dddddd; float: left; display: inline-block; box-sizing: border-box; text-align: center; overflow: hidden;}
.pro_dl_use { width: 17%; height:37px; line-height: 37px; border-left: 1px solid #dddddd; float: left; display: inline-block; box-sizing: border-box; text-align: center; overflow: hidden;}
.pro_dl_hrs { width: 21%; height:37px; line-height: 37px; border-left: 1px solid #dddddd; float: left; display: inline-block; box-sizing: border-box; text-align: center; overflow: hidden;}
.pro_dl_short { width: 3%; height:37px; line-height: 37px; border-left: 1px solid #dddddd; float: left; display: inline-block; box-sizing: border-box; text-align: center; overflow: hidden;}
.pro_dl_vdc { width: 8%; height:37px; line-height: 37px; border-left: 1px solid #dddddd; float: left; display: inline-block; box-sizing: border-box; text-align: center; overflow: hidden;}
.pro_dl_uf { width: 11%; height:37px; line-height: 37px; border-left: 1px solid #dddddd; float: left; display: inline-block; box-sizing: border-box; text-align: center; overflow: hidden;}
.pro_dl_more { width: 5%; height:37px; line-height: 37px; border-left: 1px solid #dddddd; float: left; display: inline-block; box-sizing: border-box; text-align: center; overflow: hidden;}
.pro_dl_more a { color: #f77f2c;}
.pro_dl_down { width: 5%; height:37px; line-height: 37px; border-left: 1px solid #dddddd; float: left; display: inline-block; box-sizing: border-box; text-align: center; overflow: hidden;}
.pro_dl_down a { display: inline-block; color: #2169d8; background: url(../images/dot_pdf.jpg) no-repeat left; padding-left: 20px;}

.pro_show_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff; padding: 25px; box-sizing: border-box; margin-top: 25px;}
.pro_show_top { width: 100%; height: auto; overflow: hidden; display: block;}
.pro_show_left { width: 42%; height: auto; overflow: hidden; display: block; float: left;}
.pro_show_right { width: 54%; height: auto; overflow: hidden; display: block; float: right;}
.pro_show_tit { display: block; font-size: 23px; color: #000000; line-height: 30px; border-bottom: 1px solid #dddddd; overflow: hidden; padding-bottom: 10px;}
.pro_show_des { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.pro_show_des p { display: block; font-size: 15px; line-height: 25px; border-bottom: 1px solid #eaeaea; overflow: hidden; padding: 5px 0px;}
.pro_show_pay { width: 130px; height: 35px; display: block; border-radius: 20px; overflow: hidden; margin-top: 30px;}
.pro_show_pay a { display: block; font-size: 15px; line-height: 35px; background: #dd0000; overflow: hidden; color: #ffffff; text-align: center;}
.pro_show_pay a .dot { display: inline-block; background: url(../images/dot_car.png) no-repeat left; padding-left: 23px;}
.pro_show_h { width: 100%; height: 40px; display: block; margin-top: 40px; background: #eeeeee; padding: 0px 25px; box-sizing: border-box; color: #000000; font-size: 18px; font-weight: bold; line-height: 40px;}
.pro_info { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 25px; font-size: 15px; line-height: 32px; color: #444444; padding:0px 15px 25px 15px; box-sizing: border-box;}
.pro_info p { font-size: 16px; line-height: 35px; color: #444444; overflow: hidden;}
.pro_info img { max-width: 100%; margin: 20px auto; display: block; overflow: hidden;}
.gua { width:16%; height: auto; overflow: hidden; max-width: 128px; position: fixed; z-index: 9999; right: 2%; bottom: 15%;}

.pro_table_bg { width: 100%; height: auto; overflow: hidden; min-width: 1200px; display: block; border-top: 2px solid #00A1FF; background: #ffffff; box-sizing: border-box;}
.pro_table {  border-collapse: collapse; width: 100%; height: auto; overflow: hidden; display: block; box-sizing: border-box; text-align: center;}
.pro_table th { background: #f4f7fc; font-size: 15px; line-height: 20px; padding: 10px 5px; font-weight: normal; width: 400px; border: 1px solid #cccccc; box-sizing: border-box;}
.pro_table td { font-size: 13px; color: #555555; line-height: 20px; padding:7px 5px; text-align: center; border: 1px solid #cccccc; box-sizing: border-box;}

.pro_table .more_url { color: #f77f2c;}
.pro_table .down_url { background: url(../images/dot_pdf.jpg) no-repeat left; padding-left: 25px; line-height: 20px;}

.add_qq { width: 45px; height: 45px; display: block; position: fixed; z-index: 999999; bottom: 40%; right: 0px;  -webkit-animation: wobble 1.5s  infinite; animation: wobble 1.5s  infinite; border-radius: 100%; overflow: hidden;}