/***************************************************************/
                     /* index */
/***************************************************************/
.header{ width:100%; height:auto; border-bottom:7px solid #003BA5;}
.en{ width:100%; padding:0 3%; height:30px; text-align:right; background:#f8f8f8; border-bottom:1px solid #f5f5f5;}
.en p{ width:1200px; margin:0 auto; }
.en span{ height:30px; line-height:30px; font-size:14px;}
.en span{ color:#ababab; padding:0 10px; position:relative; display:inline-block;}
.en span.active{ color:#003BA5;}
.en span:nth-child(1)::after{ position:absolute; content:""; top:9px; right:0; width:1px; height:10px; background:#000;}
.p_width{ width:1200px; height:100px; margin:0 auto;}
.logo{ display:block; height:100%;}
.logo img{ display:block; margin-top:25px;}
.nav button{ display:none;}
.nav_list ul{ float:right;}
.nav_list ul li{ width:auto; height:100px; float:left;}
.nav_list ul li>a,.nav_list ul li>span{ display:block; height:100px; line-height:100px; padding:0 30px; font-size:14px; font-weight:500; color:#535353;}
.nav_list ul li.active,.nav_list ul li.span{ background:#C30C0C; position:relative;}
.nav_list ul li.active>a,.nav_list ul li.active>span{ color:#fff;}
.nav_list ul li.active::after{ content:""; position:absolute; bottom:0; left:50%;width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #003BA5; margin-left:-8px;}
.nav_list ul li span{ position:relative; z-index:111; cursor:pointer;}
.nav_list ul li .nav_down01{ position:absolute; top:107px; left:0; width:100%; height:auto; background:#fff; opacity:0; transition:all 0.3s;}
.nav_list ul li .nav_down01 a{ height:0;}

.nav_list ul li.active .nav_down01{ opacity:1; transition:all 0.3s;}
.nav_list ul li.active .nav_down01 a{ height:auto !important;}
.nav_list ul li.active .nav_down01 a:hover{background-color: #f4f4f4;}
.nav_down01 a{ display:block; width:100%; height:auto; line-height:22px; text-align:center; border-bottom:1px solid #ddd; padding: 8px 0;}

.nav_list ul li.active span .arrow{ border-top: 5px solid #fff; }
.arrow{display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 0; line-height: 0; height: 0; width: 0; border-bottom: 0; border-left: 5px dashed transparent; border-right: 5px dashed transparent; border-top: 5px solid #666;}
.banner{ width:100%;  margin:0 auto; height:550px; overflow:hidden; position:relative;}
.manage_tab{ width:1140px; margin:0 auto; padding:50px 0 0 0;}
.tab_tit{ width:100%; text-align:center;}
.tab_tit span{ padding:0 23px; height:34px; line-height:34px; margin:0 23px; font-size:14px; cursor:pointer; display:inline-block; position:relative;}
.tab_tit span::after{ content:""; position:absolute; right:-23px; top:8px; height:18px; width:1px; background:#dbdbdb; box-shadow:1px 0 0 #cdcdcd;}
.tab_tit span:nth-child(6)::after{ width:0; box-shadow:none;}
.tab_tit span.active{ background:#C30C0C; color:#fff; border-radius:17px;}



.tab_content{ width:100%; height:auto; padding:42px 0 0 0;}
.tab_content ul li{ display:none;}
.tab_content ul li.active{ display:block;}
.product_intro{ width:auto; height:525px; background:url(../images/repeat.jpg) repeat-x; overflow:hidden;}
.tab_img img{ display:block; float:left;}
.show_content{ width:300px; padding:106px 0 0 0; text-align:center;}
.show_content h3{ width:auto; height:62px; line-height:64px; text-align:center; color:#fff; background:linear-gradient(#045dc7, #0037a5); margin:0 auto; font-size:36px;}
.show_content span{ width:100%; border-bottom:1px solid #004ab6; color:#0b0205; font-size:16px; padding:18px 0 20px; display:block; margin-bottom:25px;}
.show_content p{ width:auto; font-size:14px; text-indent:2em; line-height:21px; text-align:left; margin:0 5px;  padding: 0 5px;}
.products{ width:100%; height:auto; margin-top:65px; position:relative;}
.i01{ width:262px; height:328px; border:1px solid #acafb4;}
.i01 img{ display:block; margin:8px auto; width: 245px; height:245px;}
.i01 p{ padding:5px 10px; text-align:center; font-size:16px;}
.products .swiper-button-prev{ background-image:url(../images/btn_left.png) !important; left:-36px !important; width:17px !important; height:45px !important; background-size:auto !important; outline:none; cursor:pointer;}
.products .swiper-button-next{ background-image:url(../images/btn_right.png) !important; right:-36px !important; width:17px !important; height:45px !important; background-size:auto !important; outline:none; cursor:pointer;}
.examples{ max-width:100%; height:790px; background:url(../images/bg01.jpg) top center no-repeat;background-size: 100% 100%; margin:90px auto 0;}
.tit{ text-align:center;}
.tit h3{ font-size:40px; width:100%; text-align:center; padding-top:89px; padding-bottom:15px;}
.tit span{ font-size:20px;}
.under_more{ width:100%; text-align:center;padding-top:34px;}
.under_more a{ font-size:14px; color:#004ab6;}
.example_list{ width:1140px; margin:52px auto 0; height:auto; overflow:hidden;}
.example_list ul li{ float:left; width:350px; margin-right:45px;}
.example_list ul li a{ display:block; width:100%; overflow:hidden;}
.example_list ul li:nth-child(3){ margin-right:0;}
.example_list ul li img{ border:1px solid #c5c5c5; overflow:hidden; float:left;}
.example_list ul li div{ text-align:center; width:100%;}
.example_list ul li span{ display:inline-block; margin-top:41px; padding:0 15px; min-height:63px; line-height:63px; background:linear-gradient(#045dc7, #0037a5); color:#fff; font-size:36px;}
.example_list ul li em{ display:block; text-align:center; width:100%; margin-top:20px; font-size:18px;}
.swiper-container02{ overflow:hidden;}
.cooperative{ max-width:100%; height:750px; background:url(../images/bg02.jpg)top center no-repeat;background-size: 100% 100%; margin:0 auto;}
.products{ width:1140px; margin:65px auto}
.cooperative .swiper-button-prev{ background-image:url(../images/btn_left_fff.png) !important; left:-36px !important; width:17px !important; height:45px !important; background-size:auto !important; outline:none; cursor:pointer;}
.cooperative .swiper-button-next{ background-image:url(../images/btn_right_fff.png) !important; right:-36px !important; width:17px !important; height:45px !important; background-size:auto !important; outline:none;cursor:pointer;}
.news_tab{ width:100%; height:183px; padding:74px 0; text-align:center;}
.news_tab span{ height:34px; line-height:34px; padding:0 26px; display:inline-block; text-align:center; margin:0 24px; position:relative; cursor:pointer;}
.news_tab span.active{ color:#fff; background:#c30d0d; border-radius:17px;}
.news_tab span::after{ content:""; position:absolute; right:-24px; top:8px; height:18px; width:1px; background:#dbdbdb; box-shadow:1px 0 0 #cdcdcd;}
.news_tab span:nth-child(4)::after{ width:0; box-shadow:none;}
.news_tab span.active::before{ content:""; position:absolute; bottom:-75px; left:50%;width:0; height:0; border-left:18px solid transparent; border-right:18px solid transparent; border-bottom:18px solid #f3f3f3;margin-left:-18px;}
.tab_m_content{ width:100%; height:auto; padding:75px 0; background:#F3F3F3;}
.tab_m_content>div{display:none;}
.tab_m_content>div.news_c{ overflow:hidden;display:block}
.news_c,.video_c,.problems_c,.serives_c{ width:1140px; margin:0 auto; overflow:hidden;}
.news_c li,.video_c li,.problems_c li,.serives_c li{ float:left; width:350px; height:auto; overflow:hidden; margin-right:45px;}
.news_c li:nth-child(3),.video_c li:nth-child(3),.problems_c li:nth-child(3),.serives_c li:nth-child(3){ margin-right:0;}
.news_c li img,.video_c li img,.problems_c li img,.serives_c li img{ display:block; width:100%; border:1px solid #c5c5c5;}
.details{ padding:0 15px; width:100%;}
.details h3{ width:100%; font-size:24px; font-weight:bold; margin-top:40px; margin-bottom:10px;}
.details p em{ font-size:12px; color:#5e5e5e; margin-bottom:10px;}
.details p{ font-size:14px; color:#5e5e5e; margin-top:10px; line-height:22px;}
.details a{ font-size:14px; color:#003aa8; margin-top:25px; display:block;}
.footer{ padding:37px 0 25px;}
.foot_top{ width:1140px; margin:0 auto; overflow:hidden; padding-bottom:20px;  border-bottom:1px solid #d2d2d2;}
.foot_top div.left a{ margin-right:52px; font-size:14px;}
.foot_top div.right span{ color:#ababab; padding:0 10px; position:relative; display:inline-block; font-size: 14px;}
.foot_top div.right span.active{ color:#000;}
.foot_top div.right span:nth-child(1)::after{ position:absolute; content:""; top:0; right:-0px; width:1px; height:18px; background:#000;}
.copy{ text-align:center; color:#585858; font-size:12px; padding:20px 0 0;}


/***************************************************************/
                     /* 新闻列表页 */
/***************************************************************/
.breadcrumbs{ background:#003BA5; color:#fff; padding:30px 0;margin-bottom:40px; margin-top:-7px;}
.breadcrumbs>div{ margin:0 auto; width:1140px;}
.breadcrumbs h1{ font-size:24px;  font-weight:bold; color:#fff; float:left;}
.breadcrumb{ height:36px; float:right;}
.breadcrumb>li{ display:inline-block;}
.breadcrumb>li+li:before{ padding:0 5px; color:#ccc; content:"/\00a0";}
.breadcrumb li a{ color:#dddeff; line-height:36px;}
.wrapper{ width:1140px; margin:0 auto; padding-bottom:40px; overflow:hidden;}
.side_left{ width:25%; float:left; padding-right:20px;}
.m_search{ width:100%; height:35px; border:1px solid #d9d9d9; position:relative;}
.m_search input{ width:70%; height:100%; padding:6px 12px;}
.category h3{ margin-top:30px; color:666; font-size:18px; text-align:left; margin-bottom:10px;}
.list_unstyled li{ margin-bottom:5px; line-height:35px; border-bottom:1px solid #ddd;}
.list_unstyled li a{ display:inline-block; width:100%; text-align:left; font-size:14px;}
.list_unstyled i{ padding-right:10px; color:#999;}
.archive h3,.blog_post h3{ width:100%; margin-top:30px; color:666; font-size:18px; text-align:left; margin-bottom:10px;}
.media{ margin-top:15px; width:100%; overflow:hidden;}
.media>a{ margin-right:10px; float:left;}
.media_heading{ margin-bottom:5px;}
.media_body a{ transition:all 0.3s; color:333; font-size:14px;}
.media_body a:hover{ color:#003BA5;}
.media_body{ font-size:14px;}
.archive p{ font-size:14px; font-style:normal; line-height:30px;}
.side_right{ width:75%; float:right;}
.boxblog{ width:47%; border: 1px solid #eee;margin-bottom: 20px;min-height: 290px;position: relative;padding: 0;word-wrap: break-word; float:left;margin-left:3%;}
.boxblog_titl {background-color: #4fc1e9;color: #fff;padding: 10px 20px;text-align: center;}
.boxblog_titl a {color: #fff;line-height: 25px;}
.datepost {color: #999;border-bottom: 1px dashed #ddd;padding: 10px 10px; font-size:14px;}
.innerblogboxtwo {padding: 10px 5px; font-size:14px; line-height:25px;}
.innerblogboxtwo p{ color:#777;}
.privacy-terms h3, p {}
.innerblogboxtwo img {width: 70px;height: 70px;float: left;padding: 3px 8px 3px 0;}
.continueread{ position:absolute; bottom:15px;}
.continueread a{font-size: 12px;padding-left: 15px;transition: all .2s ease;color: #666;}
.continueread a:hover{ color:#003ba5;}
.bg_f8{ background:#f8f8f8; border-top:1px solid #ddd;}

/***************************************************************/
                     /* 详情页 */
/***************************************************************/
.news_details{ width:75%; height:auto; overflow:hidden; float:right; padding-left:20px;}
.news_details>h3{ font-size:30px; line-height:82px; text-align:center;}
.new_month{ text-align:center; width:100%;}
.new_month span{ font-size:14px; margin:0 10px;}
.news_con{ margin-top:40px;}
.news_con p{ margin:10px 0; font-size:14px; color:#777; text-align:left; line-height:32px;}
.info_img{text-align: center; padding: 5px}
.info_img img{max-width:100%; height: auto;}
/***************************************************************/
                     /* 产品列表页 */
/***************************************************************/
.products_list{ width:75%; float:right;}
.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
.smallimg{width: 245px; height: 245px;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{width:100%;background: #fff;margin:0 auto;overflow: hidden;}
.bigbox>.imgbox{width:30.33%;min-height:300px;float:left; overflow: hidden;margin: 0 0 30px 3%;}
.bigbox>.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}
.imgbox p{ text-align:center;}