@charset "utf-8";
/* CSS Document */


#hd{width:100%;  position: relative; z-index:9; }

.nav_top{width:100%; height:100px;padding:25px 0px;}
.logo{ float:left;}

.top_r{ float:right;}

.search_box{  position:relative;}
#search{ display:inline-block;}
#search .ss_txt{ outline:none;width:250px; height:30px;line-height:28px; border:1px solid #f0f0f0;float:left;font-size:14px;overflow:hidden;  padding-left:5px;}
#search .ss_bott{outline:none; width:50px; height:30px;border:none; background:#cc0000 url(../images/search.png) no-repeat center; cursor:pointer; overflow:hidden; }

.index_tel{float: right; margin-right:35px;background:url(../images/dh11.jpg) left center no-repeat; padding-left:20px; font-size:14px;color:#d90c07;}
.index_tel span{ color:#333}


/*************pc导航*******************/
.nav_m{ background:url(../images/nav_bg.jpg) repeat-x; width:100%;}
.nav_m ul li{ display:inline-block;position:relative; height:52px;}
.nav_m ul li a{ font-size:16px;text-align:center; width:150px;display: inline-block;color:#fff;vertical-align:top; line-height:52px;}
.nav_m ul li.now a,.nav_m ul li:hover a{ color:#fff; background:url(../images/nav_bg_hover.jpg) repeat-x;}

.nav_m ul li:hover .er{ display:block;}

.nav_m ul li .er{position:absolute;left:0px;top:52px;z-index:9;display:none;}
.nav_m ul li .er  ul{ width:150px; height:auto; background:#09C;}
.nav_m ul li .er  ul li{ width:100%; height:40px; line-height:40px;}
.nav_m ul li .er  ul li a{ width:100%; font-size:14px;display: inline-block;height:40px; line-height:40px;}
.nav_m ul li:hover .er  ul li a{ background:none; color:#fff;}
.nav_m ul li .er  ul li a:hover{ color:#003D94;}

/*************手机导航*******************/
#mobile-hd{background:#fff;display: none;position:relative; z-index:12; width:100%;height:60px;}
#mobile-hd .top-nav{padding:15px 10px; overflow:hidden;}
#mobile-hd .nav-logo{ height:30px;}

#nav-toggle { position: absolute; right: 10px; top: 20px; display:none; }
#nav-toggle { cursor: pointer; padding: 10px 30px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 1px; width: 30px; background: #333; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }

.pull { display: none;border-top: 5px solid #003F95; }
.slider-nav{ background:rgba(0,0,0,0.8); padding:0px 8% 20px;}
.slider-nav li{ font-size: 16px;line-height:55px;border-bottom: 1px solid #585858;}
.slider-nav li > a{color: #fff;display: block; width: 100%; line-height:55px;position: relative;}
.slider-nav li > a:before,
.slider-nav li dd a:before{
    content: "";
    width: 27px;
    height: 27px;
    margin-left: -13.5px;
    margin-top: -13.5px;
    top: 50%;
    position: absolute;
    right: 2em;
    background-image: url(../images/arrow_nav_link.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.slider-nav li > a:after{
    content: "";
    height: 1px;
    line-height: 1px;
    background-color: #353535;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.slider-nav li > a.on:before{background-image: url(../images/arrow_nav_down.png);}
.slider-nav li dl{display: none;}
.slider-nav li dd a{display: block;padding-left: 2em; color: #fff;position: relative; border-bottom: 1px solid #727272;}




/******************index_title 标题********************************/
.index_pro{ padding:3% 0px 2%;}

.index_title{ text-align:center;}
.index_title h3{color:#cc0000;font-size: 2.6rem; font-weight:normal; line-height:1.5;}
.index_title h4{color:#696969;font-size: 1rem; font-weight:normal;line-height:1.5; margin-bottom:0.75rem;text-transform: uppercase;}
.index_title p{color:#696969;font-size: 1rem;line-height:1.5;}

/****************产品********************************/
.pro_box{ margin-top:5%;padding-bottom:50px;}
.pro_box a{overflow:hidden;display:block;}
.pro_box img {width:100%; vertical-align:top; border-bottom:none;}
.pro_box .pro_info{ background:#f6f6f6; padding:10px 0px;color:#333; line-height:1.5;font-size: 1rem; text-align:center; }

.pro_box a:hover{-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px;}

.pro_box a:hover .pro_info{background:#005da8; color:#fff;}
.pro_box a span{position: absolute;left:0px;top: 0;opacity: 0;width:100%;height:100%; 
    background:-webkit-linear-gradient(left,#cc0000,#005da8);/* Safari 5.1 - 6.0 */
	background:-o-linear-gradient(right,#cc0000,#005da8);/* Opera 11.1 - 12.0 */
	background:-moz-linear-gradient(right,#cc0000,#005da8);/* Firefox 3.6 - 15 */
	background:linear-gradient(to right,#cc0000,#005da8);/* 标准*/

    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear; }

.pro_box a:hover span{opacity: 0.5;}

.e_link{ width:130px; height:38px; margin:0 auto; line-height:36px; color:#fff; border:1px solid #ccc; color:#888; display:block; margin-top:10px; text-align:center;}
.e_link:hover{ background:#cc0000; border:1px solid #cc0000;color:#fff;}

/**************** 广告条*****************/
.index_ht{ background:url(../images/ht.jpg) center center no-repeat; height:148px;}
.ht_left{ float:left; width:750px; margin-top:40px;}
.ht_left .p1{font-size: 24px; color:#fff; line-height:1.5;}
.ht_left .p2{ font-size:14px; color:#696969;}

.ht_right{ float:right; text-align:center;margin-top:20px;}
.ht_right span{ display:inline-block;}

.ht_right .e_link{ width:130px; height:38px; line-height:36px; border:1px solid #fff; color:#fff; display:inline-block; margin-top:10px;}
.ht_right .e_link:hover{ background:rgba(255, 102, 0, 1); border:1px solid rgba(255, 102, 0, 1);}

/**************我们的优势***************/
.index_adv{ padding:3rem 0px 0px;}

.adv_box{ margin:15px 0px; overflow:hidden;}
.adv_box li{ float:left; width:33.33%;}

.adv_box li .adv_img{ position:relative;}
.adv_box li .adv_img .img{display: block;}  
.adv_box li .adv_img .img_m{display: none;}
.adv_box li .bottom-arrow {position: absolute; left:50px; margin-bottom: -10px;width: 20px; height: 20px; background: #f5f5f5; -webkit-transform: rotate( 45deg );-moz-transform: rotate( 45deg ); transform: rotate( 45deg );bottom:0; z-index: 0;}
.adv_box li .bottom-arrow1 {position: absolute;left:50px;margin-top: -10px;width: 20px;height: 20px;background: #f5f5f5;-webkit-transform: rotate( 45deg );-moz-transform: rotate( 45deg );transform: rotate( 45deg );top:0;z-index: 0;}

.adv_box li .adv_info{ background:#f5f5f5; height:180px; padding:30px; position:relative; z-index:1;}
.adv_box li .adv_info h3{ font-size:24px; line-height:2; font-weight:normal;color: #000;}
.adv_box li .adv_info p{ font-size:14px; line-height:1.6; color: #707070;}



/**************我们的客户***************/
.index_custom{ padding:3rem 0px;}
.custom_box{ margin-top:30px; padding-bottom:2%; overflow:hidden;}

.custom_box .swiper-slide{ padding:5px;}
.custom_box a img { width:100%;border: 1px solid #ccc;filter: grayscale(40%);-moz-filter: grayscale(40%);-webkit-filter: grayscale(40%);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.custom_box a:hover img {filter: grayscale(0%);-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);
   border:1px solid rgba(102, 26, 135, 0.2); 
  -webkit-box-shadow:0px 0px 6px rgba(102, 26, 135, 0.81); 
  -moz-box-shadow:0px 0px 6px rgba(102, 26, 135, 0.81); 
  box-shadow:0px 0px 6px rgba(102, 26, 135, 0.81);}

/**************我们的服务***************/
.index_service{padding:2.6rem 0px;}
.index_service_bg{padding:7rem 0px 0px; background:url(../images/fwbj.jpg) bottom center no-repeat; height:760px;}
.service_box{ overflow:hidden; margin-top:30px;}
.ab-lf{ width:719px; padding:15px 20px 0px 30px; box-sizing:border-box; background:#fff; height:271px; position:relative;}
.ab-lf h3{color:#000000; font-size:2rem; line-height:2;font-weight:normal;}
.ab-lf h3:after{content: "";width: 12%;height:2px;background:#000000 !important;opacity: 1;display: block;}

.ab-lf .ab-js{margin-top:20px;}
.ab-lf .ab-js p{ text-indent:2em; color:#363636; font-size:14px; line-height:2;}
.ab-rf .bottom-arrow {
    position: absolute;
    left:0;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    -webkit-transform: rotate( 45deg );
    -moz-transform: rotate( 45deg );
    transform: rotate( 45deg );
    top:50px;

    z-index: 0;
}
.ab-rf .bottom-arrow1 {
    position: absolute;
    right:0;
    margin-right: -10px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    -webkit-transform: rotate( 45deg );
    -moz-transform: rotate( 45deg );
    transform: rotate( 45deg );
    top:50px;

    z-index: 0;
}

.ab-rf{ width:481px; height:auto;position:relative;}
.ab-rf img{ max-width:100%;}

.index_jje{ display:none;}

/************新闻中心***************/
.index_news{ padding:3rem 0px; overflow:hidden;}
.new_box{ overflow:hidden; margin-top:30px;}

.new_lf{ width:590px;position:relative;}
.mainPhoto {width:590px;margin: 0 auto;position: relative;overflow: hidden}
.mainPhoto span.goleft, .mainPhoto span.goright {display:none;width:36px;height:74px;position: absolute;top:145px;z-index:99;}
.mainPhoto span.goleft {left:0px;}
.mainPhoto span.goright {right:0px}
.mainPhoto:hover .goright{display:block;}
.mainPhoto:hover .goleft{display:block;}

.mainPhoto .go {width:590px;height:395px;position: relative;overflow: hidden}
.mainPhoto .go li {width:590px;overflow: hidden;position:relative; border:1px solid #a6a6a6;}
.mainPhoto .go li img {width:100%;height:395px; vertical-align:top; border-bottom:none;}

.mainPhoto .go li .xwt{ width:100%; background:rgba(0, 0, 0, 0.5); padding:12px;color:#333; position:absolute; bottom:0; color:#fff;}


.mainPhoto .go li:hover .jianj{background:#005da8;}


.slidegrid {float: left;position: relative;	overflow: hidden;}
.slideitems {width: 20000em;position: absolute;}
.slideitems li {float: left;}



.new_rf{ width:49%;}
.new_rf dl{overflow:hidden; margin-bottom:3px; border-bottom:1px solid #e0e0e0;}

.new_rf dl dd{ padding:10px;display: table; }
.new_rf dl dd a{ display:inline-block; color:#434343; font-size:16px; margin-bottom:9px;line-height:1.5;font-weight: bold;}
.new_rf dl dd .md{ float:right; font-size:12px;color: #969696;}
.new_rf dl dd p.des{color:#7d7d7d; font-size:14px; line-height:1.5;}
.new_rf dl:hover dd{ background:#cc0000; color:#fff;}
.new_rf dl:hover .md,.new_rf dl:hover dd a,.new_rf dl:hover dd p.des{color:#fff;}




/*-----------底部-------------*/
.fobg{ background:rgba(35, 35, 35, 1); padding:35px  0px 0px; width:100%; overflow:hidden;}
.fobg .footer_n{  margin:0px auto; overflow:hidden; padding-bottom:35px;}

.footer_n h4{ color:#fff; font-size:18px; line-height:2;}

.fona{ float:left; min-height:180px;height:auto;}
.fona a{ display:block; line-height:30px; color:#fff; font-size:14px;}
.fona a:hover{ color:#eee; padding-left:5px;}

.fona0{ margin-right:40px;}
.fona0 h3 {color: #343536;font-size: 18px;line-height:2;margin-bottom: 20px;}
.fona0 p {color: #fff;font-size: 14px; line-height:2;}

.fona1{ width:200px; text-align:center;}
.fona1 a{ color:#ffffff; line-height:30px; font-size:15px;}
.fona1 a:hover{ color:#c82129;}

.fona2{}
.fona2 dl{ padding:10px; float: left; display:inline; width:170px; text-align:center;}
.fona2 dl img{ padding-top:15px; max-width:100%;}
.fona2 dl dd{ color:#fff;line-height:25px;font-size:14px;}


.footer_b{ border-top:1px solid #333; padding:10px 0; line-height:2; color:#fff; font-size:12px; text-align:center;}
.footer_b a{color:#fff;}