a:hover {text-decoration: none;}
a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
@media all and (min-width: 1600px) {
.container {
    width: 1500px;
}
}
/*头部样式*/
#header {position: relative; border-top:solid 8px #0c4094}
#header .menu_icon {position: absolute;top: 35%;right: 5%;width: 8%;}
#header .tel{ width:310px; color:#555555;  font-size:14px; margin-top:35px; background:url(../images/tel.jpg) no-repeat left 5px; padding-left:55px;}
#header .tel b{ color:#dd0000; font-size:36px; font-weight:normal; line-height:38px;}
#header .search{ float:left; width:calc(100% - 880px); max-width:360px; margin-top:45px; margin-left:5%; }
#header .search_box { background:url(../images/ico.jpg) no-repeat 10px center; padding-left:40px; border:solid 1px #CCC; height:45px; line-height:45px; border-radius:10px;}
#header .search_box .search_input{ background:none; border:none; float:left; width:calc(100% - 110px); }
#header .search_box  .search_btn{ float:right; width:95px; height:45px;border-radius:10px; background:#0c4094; color:#fff; text-align:center; font-size:18px; border:none;-webkit-appearance: none;-webkit-appearance: none}
@media all and (max-width: 992px) {
	#header .logo{ height:70px;}
	.logo img{ max-height:100%;max-width:none}
}
@media all and (max-width: 1600px) {
#header .tel{ width:230px;}
#header .tel b{  font-size:26px; }
}

/*pc导航*/
.pc_menu{ background:#0c4094; position:relative; z-index:10}
.pc_menu .menu .nLi {float: left;width: 14%;position: relative;}
.pc_menu .menu .nLi h3 {padding: 5px 0; font-size:16px; position:relative}
.pc_menu .menu .nLi:nth-child(1) h3:before{ background:none}
.pc_menu .menu .nLi h3:before{display:block; content:" "; position:absolute; top:calc(50% - 9px); left:0;width:1PX; height:18px; line-height:18px; background:#fff;}
.pc_menu .menu .nLi h3 a {display: block;text-align: center;color: #fff;line-height: 60px;}
.pc_menu .menu .nLi:hover h3 a{ background:#fcb004; border-radius:8px;}
.pc_menu .menu .nLi .menu_2 {display: none;background:rgba(255,255,255,0.75);position: absolute;top: 70px;width: 100%;z-index: 10;}
.pc_menu .menu .nLi .menu_2 li a {display: block;color: #333;line-height:45px;text-align: center; padding:0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pc_menu .menu .nLi .menu_2 li a:hover{ background:#0c4194; color:#fff}

.pc_banner{ margin-bottom:0; position:relative; top:-35px; margin-bottom:-35px;}
.pc_banner  .swiper-container {
        width: 100%;
        height: 750px;
    }
.pc_banner   .swiper-slide {
        background-position: center;
        background-size: cover;
        width:  100%;
        height: 750px;
    }


@media all and (max-width: 992px) {
.banner.slick-dotted.slick-slider{ top:0px; margin-bottom:0px;}
.wap_banner   .swiper-slide {
        width:  100%;
        height: auto;
    }
}

/*pc右侧快捷按钮*/
.right_nav {}
.right_nav .aside li  p,.right_nav .aside > li > div { background:#0c4094;color: #fff;}
.right_nav .aside {position: fixed;right: 0;bottom: 15%;z-index: 2;}
.right_nav .aside > li {width: 72px; height:68px;text-align: center; border-bottom:solid 2px #fff;cursor: pointer;position: relative; position:relative;}
.right_nav .aside > li  p {position: relative;z-index: 2; width:100%; height:100%; display:block;background-repeat: no-repeat;  transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s; background-position:0 0; padding-top:40px;}
.right_nav .aside > li  p.right_nav1{ background-image:url(../images/ico17.png); }
.right_nav .aside > li  p.right_nav3{ background-image:url(../images/ico19.png); }
.right_nav .aside > li  p.right_nav4{ background-image:url(../images/ico18.png); }
.right_nav .aside > li  p.right_nav5{ background-image:url(../images/ico20.png); }
.right_nav .aside > li  p.right_nav6{ background:#e6e6e6; border-bottom:0; background-image:url(../images/ico21.png);}
.right_nav .aside > li:last-child { border-bottom:0;}

.right_nav .aside > li:hover  p{ text-decoration:underline }

.right_nav .aside > li > div {background:#fff; border:solid 1px #e0e0e0; color:#333; overflow:hidden; border-radius:10px;position: absolute;transition: all .4s;top: 0;-webkit-transition: all .4s;-moz-transition: all .4s; }
.right_nav .aside > li > div:before{display:block; content:" "; position:absolute; top:calc(50% - 10px); right:-14px;width:14px; background:url(../images/ico22.png) no-repeat ; height:19px;}
.right_nav .aside > li > div.phone_meassage {right: -200px;width: 200px;text-align: left; font-size: 20px;line-height: 40px;padding: 0px 15px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s; margin-top:14px;}
.right_nav .aside > li > div.qq_online {right: -187px;width: 187px;padding:0 15px;}
.right_nav .aside > li .qq_online .qq_online_title {text-align: left;font-size: 15px;line-height: 30px;border-bottom: 1px solid #999;}
.right_nav .aside > li .qq_online .qq_online_box {margin-top: 11px;}
.right_nav .aside > li .qq_online .qq_online_box ul li {line-height: 35px;}
.right_nav .aside > li .qq_online .qq_online_box ul li i {float: left;margin-top: -17px;}
.right_nav .aside > li .qq_online .qq_online_box ul li span {float: left;margin-top: -16px;margin-left: 10px;}
.right_nav .aside > li .qq_online .qq_online_box ul li span:hover {text-decoration: underline;}
.right_nav .aside > li .search_box {position: absolute;top: 14px;right: -220px;width: 220px;text-align: center;height:45px;}
.right_nav .aside > li .search_box .search_input input {width: 200px;border: none;background-color: transparent;height: 42px;padding-left: 10px;position: absolute;line-height: 30px;z-index: 1;top: 0;left: 10px;background: #fff;}
.right_nav .aside > li .search_box .search_input input::-webkit-input-placeholder { color: #999999; } 
.right_nav .aside > li .search_box ::-webkit-input-placeholder {color: #fff;}
.right_nav .aside > li .ewm {top: -20px;right: -100px;width: 100px;height: 100px;}

.right_nav .aside > li:hover > div{ display:block;}
.right_nav .aside > li:hover > div{ right:85px;}
/*底部样式*/
#footer{ background:url(../images/foot_bg.jpg) no-repeat top center; }
#footer  .footer_pad{padding:75px 0 60px 0;}
#footer .footer1 .title b{ color:#fff; font-size:24px; font-weight:normal; display:block; margin-bottom:8px;}
#footer .footer1 .title Span{ font-size:18px; color:#fff; display:block; margin-bottom:40px;}
#footer .footer1 .form1{width:calc(100% - 15px); padding-left:calc(12.5% + 15px);}
.feedback-form .form-group.feed1{ float:left; width:50%;}
.feedback-form .form-group .control-label{ color:#fff; padding:0; text-align:right; font-weight:normal; line-height:34px; margin-bottom:0}
.feedback-form .form-group .sure{ background:#df0024; width:130px; height:35px; line-height:35px;border:none; color:#fff; border-radius:5px; font-size:16px;}
#footer  .feedback_btn{padding-left:calc(12.5% + 15px);}

#footer  .footer2 span{ display:block; font-size:24px; color:#fff; font-weight:bold;}
#footer  .footer2  b{ display:block; font-size:36px; color:#fff; margin:20px 0 15px 0}
#footer  .footer2  p{ font-size:14px; color:#fff; line-height:29px;}

#footer  .footer3 p{ display:block; margin-bottom:16px; text-align:center}
#footer  .footer3 p img{ max-width:100%;}
#footer  .footer3 span{ display:block; color:#fff; text-align:center; line-height:24px;}
@media all and (max-width: 1600px) {
#footer  .footer2  b{  font-size:30px; }
}


#footer .copyright_line{ border-top:solid 1px #848181; position:relative}
#footer .copyright  {color: #fff; text-align:center; padding:20px 0; line-height:24px;}
#footer .copyright a{ color:#fff}

#footer .top {position: absolute;right: 5px;top: 8px;width: 20px;height: 20px;border-radius: 50%;z-index: 10;}
#footer .top img {width: 70%;top: 2px;z-index: 100;position: absolute;left: 3px;}
#footer .top:before { border:solid 1px #aaa;display: block;content: " ";border-radius: 50%;z-index: 99;position: absolute;top: 0;left: 0;width: 20px;height: 20px;}


@media all and (max-width: 992px) {
#footer .footer1 .title b{  font-size:18px; margin-bottom:5px;}
#footer .footer1 .title Span{ font-size:13px;  margin-bottom:20px;}

#footer  .footer_pad{padding:25px 0 30px 0;}

#footer .footer1 .form1{width:calc(100% - 15px); padding-left:0px;}
.feedback-form .form-group.feed1{ margin-bottom:0}
.feedback-form .form-group.feed1 .col-sm-9{ padding-left:0}
.feedback-form  .form-group .form1{ margin-top:15px;}
#footer  .feedback_btn{padding-left:0;}

#footer  .footer2,#footer  .footer3{ margin-top:15px;}
#footer  .footer2 span{  font-size:18px;}
#footer  .footer2  b{ font-size:22px;  margin:6px 0 }
#footer  .footer2  p{ font-size:12px;  line-height:20px;}

#footer  .footer3 p{  margin-bottom:6px;}
#footer  .footer3 p img{ max-width:55%;}
#footer  .footer3 span{  line-height:18px; font-size:12px;}

#footer{ background:none;}
.footer_pad{ background:url(../images/foot_bg.jpg) no-repeat top center;  position:relative}
#footer .copyright_line{background:#e7e7e7;border-top:none; }
#footer .copyright_line .copyright{   color:#333;font-size:12px;}
#footer .copyright  {text-align:left; padding:10px 0; line-height:16px;}

#footer .copyright_line .copyright a{ color:#333}

}

/*wap底部快捷按钮*/
.wap_footer {width: 100%;position: fixed;left: 0;bottom: 0;padding: 8px 0;z-index: 10;background: #0c4194;}
.wap_footer dl {width: 20%;float: left;text-align: center; margin-bottom:0;}
.wap_footer dt {height: 26px;}
.wap_footer dd {color: #fff; font-size:12px;}
.wap_footer dl dt img {width: 30%;}

/*手机底部搜索*/
.wap_search_input {position: fixed;bottom: 53px;left: 100%;width: 100%;z-index: 1000;padding: 8px 2%;background: #0c4194;}
.wap_search_input:after {background-color: rgba(0, 0, 0, 0.1);display: block;content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.wap_search_input input {float: left;width: 80%;border-radius: 4px;height: 30px;line-height: 30px;padding-left: 2%;color: #333;position: relative;z-index: 100;box-sizing: border-box;}
.wap_search_input p {float: left;height: 30px;line-height: 30px;color: #fff;position: relative;z-index: 100;margin-left: 2%;width: 18%;text-align: center;border-radius: 5px;background: rgba(255, 255, 255, 0.2);}

/*黑色遮罩*/
.black_cloth {position: fixed;z-index: 100;width: 100%;height: 100%;background: url(../images/global/black_cloth.png) repeat;display: none;top: 0;left: 0;}

/*手机左边弹出导航*/
.wap_menu {position: fixed;height: 100%;text-align: left;z-index: 101;background: #0c4194; overflow-y:scroll}
.wap_menu {width: 250px;top: 0px;left: -250px;}/*导航从左边滑进*/
/*.wap_menu {width: 250px;top: 0px;right: -250px;}*//*导航从右边滑进*/
/*.wap_menu {width: 100%;top: -100%;left:0px; }*//*导航从上边滑进*/

.wap_menu li.menu_tit {font-size: 18px;background: rgba(255, 255, 255, 0.3);position: relative;padding: 15px 10px;color: #fff;}
.wap_menu li.menu_tit span {font-size: 20px;position: absolute;top: 12px;right: 15px;border-bottom: none;z-index: 1000;}
.wap_menu li {margin-bottom: 2px;font-size: 14px;position: relative;}
.wap_menu li .wap_menu1 {line-height: 24px;font-size: 16px;text-transform: Uppercase;background: rgba(255, 255, 255, 0.1);position: relative;}
.wap_menu li p {padding: 10px 10px; margin-bottom:0;}
.wap_menu li .wap_menu1 a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 25px;color: #ffffff;}
.wap_menu li .wap_menu1 p.left {float: none;}
.wap_menu li .wap_menu1 p.right {width: 15%;text-align: center;color: #fff;position: absolute;top: 0;right: 0;float: none;z-index: 1000;}
.wap_menu li .wap_menu2 {display: none;}
.wap_menu li .wap_menu2 a {display: block;background: none;color: rgba(255, 255, 255, 0.8);overflow: hidden;font-size: 14px;border-bottom: rgba(255, 255, 255, 0.1) solid 1px;padding: 10px;}
.wap_menu li .wap_menu2 a i {float: left;width: 4px;height: 4px;background-color: #fff;margin: 8px 10px 0 5px;}
.wap_menu li .wap_menu2 a span {float: left;width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


.box1 .title{ background:url(../images/6.png) no-repeat center top; text-align:center; padding-top:75px; margin-bottom:50px;}
.box1 .title b{ color:#333; font-size:36px; position:relative; padding-bottom:10px; display:block; margin-bottom:10px;}
.box1 .title b:before{display:block; content:" "; position:absolute; bottom:0; left:calc(50% - 35px);width:70px; height:3px; background:#0c4194}
.box1 .title p{ font-size:16px;}

.content1{ background:url(../images/bg1.jpg) no-repeat top center; background-size:cover; padding:110px 0 300px 0 ;}
.content1 ul li a{ display:block; text-align:center; width:60%; max-width:220px; margin:auto}
.content1 ul li a i{ display:block; width:100%; max-width:140px; height:140px; margin:auto; background-size:100%; background-repeat:no-repeat; background-position:center}
.content1 ul li a b{ font-size:24px; display:block; margin-top:20px; margin-bottom:20px;}
.content1 ul li a p{ font-size:16px; color:#555555; line-height:20px;}
.content1 ul li:nth-child(1) a i{ background-image:url(../images/1.png);}
.content1 ul li:nth-child(1) a:hover i{ background-image:url(../images/1-1.png);}
.content1 ul li:nth-child(2) a i{ background-image:url(../images/2.png);}
.content1 ul li:nth-child(2) a:hover i{ background-image:url(../images/2-1.png);}
.content1 ul li:nth-child(3) a i{ background-image:url(../images/3.png);}
.content1 ul li:nth-child(3) a:hover i{ background-image:url(../images/3-1.png);}

@media all and (max-width: 992px) {
.content1{  padding:50px 0 90px 0 ;}

.box1 .title{  padding-top:45px; margin-bottom:25px; background-size:40px auto;}

.box1 .title b{ font-size:18px;  padding-bottom:5px;  margin-bottom:5px;}
.box1 .title b:before{display:block; content:" "; position:absolute; bottom:0; left:calc(50% - 18px);width:36px; height:2px; }
.box1 .title p{ font-size:13px; line-height:18px;}


.content1 ul li a{ width:100%}
.content1 ul li a i{ height:80px; background-size:auto 100%;}
.content1 ul li a b{ font-size:14px; margin-top:5px; margin-bottom:5px;}
.content1 ul li a p{ font-size:12px;  line-height:14px;}

}

.content2{ background:url(../images/bg2.jpg) no-repeat center bottom #102b60; padding-top:140px; padding-bottom:140px;}
.content2 .row{ border:solid 1px #506991}
.content2 .content2_1{ padding:65px 65px 0 65px;}
.content2 .content2_1 .tit{ position:relative; padding-bottom:20px; margin-bottom:40px;}
.content2 .content2_1 .tit b{ font-size:30px; color:#fff;}
.content2 .content2_1 .tit span{text-transform:Uppercase; color:#fff; font-size:18px;}
.content2 .content2_1 .tit:before{display:block; content:" "; position:absolute; bottom:0; left:0;width:40px; height:5px; background:#fff}
.content2 .content2_1 .inner{ font-size:16px; color:#fff; line-height:30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 13;text-overflow: ellipsis;overflow: hidden;}
.content2 .content2_1 .more1{ border:solid 1px #fff; border-radius:20px; width:145px; height:40px; line-height:40px; text-align:center; margin-top:35px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s; }
.content2 .content2_1 .more1 a{ font-size:16px; color:#fff; display:block}
.content2 .content2_1 .more1:hover{ background:#fcb004;border:solid 1px #fcb004; }
.content2 .content2_2{ padding:0}
.content2 .content2_2 .video{ position:relative;cursor:pointer}
.content2 .content2_2 .video i{ position:absolute; top:calc(50% - 45px); left:calc(50% - 45px)}
.content2 .content2_2  .btn1{ text-align:center; padding-top:50px; padding-bottom:50px;border-left:solid 1px #506991;border-top:solid 1px #506991;}
.content2 .content2_2  .btn1 i{ display:block;}
.content2 .content2_2  .btn1 b{ font-size:18px; color:#fff; display:block; margin-top:10px; margin-bottom:10px;}
.content2 .content2_2  .btn1 p{ font-size:16px; color:#fff}



.video_bg{ background:rgba(0,0,0,0.6); width:100%; height:100%;position:absolute; top:0; left:0; display:none}
#v_box {
    width: 800px; padding-bottom:40px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 522222;
    margin-top: -305px;
    margin-left: -400px;
    border-radius: 5px;
    box-shadow: #333 0px 0px 10px;
    _position: absolute;
    border: 1px solid #333\0;
    
}
#shut {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    top: 8px;
    right: 10px;
    color: #333;
    font-size: 30px;
    line-height: 22px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
#v_box h3 {
    color: #333;
    height: 46px;
    font-size: 18px;
    padding-left: 28px;
    line-height: 46px;
    overflow: hidden;
    font-weight: bold; margin-bottom:5px;
}
#v_box div {
    width: 100%;
    margin: 0 auto; 
    background: #000;
}

@media all and (max-width: 1600px) {
.content2 .content2_1 .inner{ -webkit-line-clamp: 10;}
}
@media all and (max-width: 992px) {
.content2 .content2_1{ padding:25px 15px;}
.content2 .row{ border:none}
.content2{ padding-top:0; padding-bottom:90px;}
.content2 .content2_1 .tit{  padding-bottom:20px; margin-bottom:20px;}
.content2 .content2_1 .tit b{ font-size:18px;}
.content2 .content2_1 .tit span{font-size:14px;}
.content2 .content2_1 .tit:before{width:40px; height:3px; background:#fff}
.content2 .content2_1 .inner{ font-size:14px; line-height:23px;-webkit-line-clamp: 13;}
.content2 .content2_1 .more1{  border-radius:15px; height:30px; line-height:30px; margin-top:25px;}
.content2 .content2_1 .more1 a{ font-size:14px;}

.content2 .content2_2{ padding:0 15px; }
.content2 .content2_2  .btn1{ padding-top:30px; padding-bottom:30px;border-bottom:solid 1px #506991;}
.content2 .content2_2 div:last-child{border-right:solid 1px #506991;}
.content2 .content2_2  .btn1 b{ font-size:16px;  margin-top:6px; margin-bottom:6px;}
.content2 .content2_2  .btn1 p{ font-size:13px;}

#v_box {width: 80%; margin-top:0; margin-left:0; left:10%; top:30% }
}

.content3{ padding-top:45px; padding-bottom:200px; background:url(../images/bg3.jpg) no-repeat bottom center;}
.content3 .swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
	
a.gch_a,a.gch_a p{ display:block;}
a.gch_a{ position:relative; overflow:hidden}
a.gch_a p{position:absolute; width:80%; left:10%; bottom:40px; height:60px; padding:10px;background:#0c4094;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
a.gch_a p b{  line-height:40px; color:#fff;margin-bottom:15px;  font-size:18px; text-align:center; font-weight:normal; display:block;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.content3 .inner .swiper-container{ padding-bottom:110px;}
a.gch_a p span{ line-height:24px; color:#fff; display:block;opacity:0;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden;}
a.gch_a p  i{ display:block; width:145px; text-align:left; margin:auto; margin-top:30px; height:35px; line-height:35px; padding-left:24px; color:#fff; font-style:normal; border-radius:20px; background:url(../images/ico1.png) no-repeat 95px center #0c4094;opacity:0;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}


.content3 .inner .swiper-button-prev{top: auto;bottom: 0; left:calc(50% - 210px); width:190px; height:40px; background:url(../images/ico3-1.png) no-repeat center center #fff;  border:solid 1px #9c9a9a;opacity:1}
.content3 .inner .swiper-button-prev:after{ content:" "}

.content3 .inner .swiper-button-next{top: auto;bottom: 0; right:calc(50% - 210px); width:190px; height:40px; background:url(../images/ico2-1.png) no-repeat center center #fff;  border:solid 1px #9c9a9a;opacity:1}
.content3 .inner .swiper-button-next:after{ content:" "}

@media all and (min-width: 992px){
.content3 .inner .swiper-button-next:hover{background:url(../images/ico2.png) no-repeat center center #0c4094;  border:solid 1px #0c4094;}
.content3 .inner .swiper-button-prev:hover{background:url(../images/ico3.png) no-repeat center center #0c4094;  border:solid 1px #0c4094;}
a.gch_a:hover p{  background:rgba(0,0,0,0.5); width:90%; height:70%;  padding:20px 10px 0 10px;bottom:0; left:0; top:0; right:0; margin:auto; }
a.gch_a:hover p b{ font-size:24px; font-weight:bold; }
a.gch_a:hover p  i,a.gch_a:hover p span{opacity:1}
a.gch_a p  i{ margin-top:20px; }

}
@media all and (min-width: 1200px){
	a.gch_a:hover p{  height:60%; }
}

@media all and (min-width: 1600px){
	a.gch_a:hover p{ padding:50px 20px 0 20px;  height:80%; }
	a.gch_a p  i{ margin-top:30px; }
}
@media all and (max-width: 992px) {
.content3 .swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.content3 .inner .swiper-container{ padding-bottom:70px;}

.content3 .inner .swiper-button-prev{left:calc(50% - 130px); width:120px; height:30px; }
.content3 .inner .swiper-button-next{right:calc(50% - 130px); width:120px; height:30px; }
a.gch_a p{ padding:0;height:34px; bottom:15px;}
a.gch_a b{ width:90%; left:5%;margin-bottom:0px;  line-height:34px;  font-size:15px; }
.content3{  padding-bottom:80px;}
}

.content4{ background:url(../images/bg4.jpg) no-repeat top center; padding:50px 0 70px 0}
.content4 .inner .inner1{ float:left; width:52%;}
.content4 .inner .inner1 .img_area{ margin-bottom:25px;}
.content4 .inner .inner1 .text_area b{ font-size:16px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.content4 .inner .inner1 .text_area span{ display:block; color:#cccccc; margin-top:10px; margin-bottom:10px;}
.content4 .inner .inner1 .text_area p{ color:#909090; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}

 
.content4 .inner .inner2{ float:right; width:45%;}
.content4 .inner .inner2 ul li{ padding:20px 15px; border-top:solid 1px #e5e5e5;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.content4 .inner .inner2 ul li:last-child{ border-bottom:solid 1px #e5e5e5}
.content4 .inner .inner2 ul li a{ display:block}
.content4 .inner .inner2 ul li .tit{ margin-bottom:10px; position:relative; }
.content4 .inner .inner2 ul li .tit span{ float:right;font-size: 16px;font-family: helv1; color:#aaa;}
.content4 .inner .inner2 ul li .tit b{ font-size:16px; display:block; width:calc(100% - 120px);white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; line-height:30px; position:relative;padding-left:25px;}
.content4 .inner .inner2 ul li .tit b:before{display:block; content:" "; position:absolute; top:calc(50% - 2px); left:0;width:5px; height:5px; background:#666666; border-radius:50%;}
.content4 .inner .inner2 ul li .des{ position:relative}
.content4 .inner .inner2 ul li i{ position:absolute; width:40px; height:15px; border-left:solid 1px #e5e5e5; display:block; right:0; top:30%; overflow:hidden}
.content4 .inner .inner2 ul li i:before{display:block; content:" "; position:absolute; top:calc(50% - 6px); left:17px;width:20px; height:12px; background:url(../images/img10.png);transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.content4 .inner .inner2 ul li i:after{display:block; content:" "; position:absolute; top:calc(50% - 6px); left:-20px;width:20px; height:12px; background:url(../images/img10.png);transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.content4 .inner .inner2 ul li .des p{ color:#999999; line-height:26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;width:calc(100% - 120px);padding-left:25px;}
@media all and (max-width: 1600px){
.content4 .inner .inner2 ul li{ padding:10px;}
}
@media all and (max-width: 1200px){
.content4 .inner .inner2 ul li{padding:20px 15px;}
.content4 .inner .inner2 ul li:last-child{ display:none; }
}
@media (min-width:992px) {
.content4 .inner .inner1 a:hover p{ margin-left:15px;}
.content4 .inner .inner1 a:hover .img_area img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-webkit-transform:scale(1.1);}

.content4 .inner .inner2 ul li a:hover i:before{left:87px;}
.content4 .inner .inner2 ul li a:hover i:after{display:block; content:" "; position:absolute; top:calc(50% - 6px); left:17px;width:20px; height:12px; background:url(../images/img10.png);}
.content4 .inner .inner2 ul li:hover{padding-left:25px;}

}

@media all and (max-width: 992px) {
.content4 .inner .inner2{ float:none; width:100%;}
.content4 .inner .inner1{ float:none; width:100%; margin-bottom:25px;}
.content4{  padding:35px 0 30px 0}
.content4 .inner .inner1 .img_area{ margin-bottom:15px;}
.content4 .inner .inner1 .text_area b{ font-size:14px;}
.content4 .inner .inner1 .text_area span{ margin-top:6px; margin-bottom:6px;}
.content4 .inner .inner1 .text_area p{  line-height:18px;-webkit-line-clamp: 4;}

.content4 .inner .inner2 ul li{ padding:12px 5px; }
.content4 .inner .inner2 ul li .tit{ margin-bottom:6px;  }
.content4 .inner .inner2 ul li .tit span{ font-size: 14px;}
.content4 .inner .inner2 ul li .tit b{ font-size:14px; width:calc(100% - 60px); line-height:18px; padding-left:15px;}

.content4 .inner .inner2 ul li .des{ position:relative}
.content4 .inner .inner2 ul li i{  width:35px; height:15px; }
.content4 .inner .inner2 ul li i:before{ left:12px;width:16px; height:10px; background-size:100% auto}
.content4 .inner .inner2 ul li .des p{ line-height:18px;width:calc(100% - 60px);padding-left:15px;}
.content4 .inner .inner2 ul li:last-child{ display:block; }

}

.friendlink{ background:#0c4094; height:65px; line-height:65px; color:#fff}
.friendlink b{ font-size:18px; color:#fff; background:url(../images/ico4.png) no-repeat left  center; padding-left:50px; display:inline-block; height:37px; line-height:37px; margin-top:9px;}
.friendlink a{ color:#fff; padding:0 8px;}




/*pc侧边栏分类样式*/
._aside {padding-right: 0; width:300px; float:left; position:relative; z-index:2; margin-top:-78px;}
._aside > h2 { width:300px; height:150px; background:url(../images/ico23.png) no-repeat center 25px #00519b; text-align:center; padding-top:100px;}
._aside > h2 span{  display: inline-block; font-size:24px; color:#fff; position:relative}
._aside > h2 span:before{display:block; content:" "; position:absolute; top:50%; left:-40PX;width:30PX; height:3px; line-height:2px; background:#fff;}
._aside > h2 span:after{display:block; content:" "; position:absolute; top:50%; right:-40PX;width:30PX; height:3px; line-height:2px; background:#fff;}
._aside .sidemenu{ border:solid 2px #f8f8f8; background:#fff; border-top:0; padding:18px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
/*一级的样式*/
._aside ul.sidemenu > li.sub1 ul {display: none; width:80%; margin:auto}
._aside ul.sidemenu > li.sub1{ margin-bottom:20px;}
._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:50px; line-height:50px; background:#f2f2f2; border-radius:8px; text-align:center; padding:0 10px; font-size:18px; position:relative}
._aside ul.sidemenu > li.sub1 > a.sub1_a i{ position:absolute; font-style:normal; right:10px; top:0}/*6.28*/

._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a { background:#fcb004}
/*二级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block; font-size:16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:50px; line-height:50px;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color: #ff0000;}

/*三级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height:30px; line-height:30px;font-size:16px; background:url(../images/ico23.jpg) no-repeat left center; padding-left:20px;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3.current > a.sub3_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3:hover > a.sub3_a{ }

.article{ padding-top:55px; padding-bottom:360px;}

.sub_con{ position:relative; background:url(../images/sub_bg.jpg) no-repeat bottom; background-size:100% auto;}
.sub_con:before{display:block; content:" "; position:absolute; top:0; left:0;width:100%; height:72px; background:#f2f2f2}

.main{ float:right; width:calc(100% - 350px); position:relative; z-index:2}
.main .crumb{ line-height:72px; text-align:right; color:#656565}
.main .crumb span img{ margin-right:6px;transform: translate(0px,-2px);}
.main .crumb a{ color:#656565}
.main .crumb b{ font-weight:normal; color:#1d2e79}

@media (max-width: 992px) {
  ._aside {padding: 0;}
  /*手机内页crumb*/
  ._aside > h2 { font-size:16px; padding-left:15px; padding-right:15px; background:#0c4094; height:50px; line-height:50px; width:100%; padding-top:0; text-align:left}
   ._aside > h2 span{ font-size:18px; font-weight:bold;}
   ._aside > h2 span:before,._aside > h2 span:after{ display:none}
  ._aside h2 .phone-menuicon {float: right;cursor: pointer;height:22px; line-height:22px; background:#f3f3f3; width:70px; text-align:center; border-radius:20px; font-style:normal; font-size:13px; margin-top:15px;}
  
  ._aside ul.sidemenu > li.sub1 ul{ margin-top:5px;}
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a { font-size:12px;height:25px; line-height:25px;}

.article{ padding:15px 15px 80px 15px;}

  /*手机内页分类下拉列表*/
  ._aside ul.sidemenu {width: 100%;display: none; padding:15px 15px 2px 15px;}
  
  /*一级的样式*/
  ._aside ul.sidemenu > li.sub1{ margin-bottom:10px;}

._aside ul.sidemenu > li.sub1 > a.sub1_a {height:30px; line-height:30px;  font-size:14px; text-align:left }
  ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {}
  /*二级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {}
  /*三级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {height:20px; line-height:20px;font-size:12px; padding-left:10px;}
  #header .menu_icon img {width: 100%;}
  
.main{ float:none; width:100%;}
._aside { width:96%; margin:auto; float:none;  margin-top:8px;}
.sub_con:before{width:0%; height:0; }

.footer_pad{ display:none}

}

.img_list ul li{ margin-bottom:25px;}
.list_img1 img{
    display: block;
}
.list_img1 .title{
    line-height: 68px;
    padding: 0 20px;
    color: #000000;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 60px;
    background: url(../images/img_arrow.png) no-repeat right 15px center;
    transition: all 0.35s linear;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
}
.list_img1 .image{
    position: relative;
}
.list_img1 .hover{
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background: rgba(0, 0, 0, 0.58) url(../images/img_add.png) no-repeat center;
    opacity: 0;
    transition: all 0.35s linear;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear; border:solid 2px #00519b
}
.list_img1 .hover::before,.list_img1 .hover:after{
    position: absolute;
    top: 6%;
    right: 6%;
    bottom: 6%;
    left: 6%;
    content: '';
    opacity: 0;
    transition: all 0.35s linear;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
}
@media(min-width:992px){
    .list_img1:hover .hover{
        opacity: 1;
        transition: all 0.35s linear;
        -webkit-transition: all 0.35s linear;
        -moz-transition: all 0.35s linear;
    }
    .list_img1:hover .hover::before,.list_img1:hover .hover:after{
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        transition: all 0.35s linear;
        -webkit-transition: all 0.35s linear;
        -moz-transition: all 0.35s linear;
    }
    .list_img1:hover .title{
        color: #fff;
        background:#00519b url(../images/img_arrow2.png) no-repeat right 30px center;
        transition: all 0.35s linear;
        -webkit-transition: all 0.35s linear;
        -moz-transition: all 0.35s linear;
    }
}

@media(max-width:992px){
    .list_img1 img{
        display: block;
    }
    .list_img1 .title{
        line-height: 35px;
        padding:0 20px 0 5px;
        color: #000000;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: center;background: url(../images/img_arrow3.png) no-repeat right  center; 
    }
	.img_list ul li{ margin-bottom:15px; padding-left:7.5px; padding-right:7.5px;}
	.img_list ul{ margin-left:-7.5px; margin-right:-7.5px;}

}

.page_box {
    text-align: center;
    display: block;
}
/*当前页的样式*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#aaa; border-color:#aaa}
/*分页块默认样式*/
.pagination > li > a, .pagination > li > span{ color:#666}
.pagination > li > a:hover, .pagination > li > span:hover{color:#666}



.text_list ul li{ margin-bottom:38px;}
.list_text3{
    padding: 35px 170px 30px 35px;
    position: relative; 
}
.list_text3 .text{
    position: relative;
}
.list_text3 .text .title{
    color: #000000;
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.list_text3 .text .des{
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

    margin-top: 10px;
}
.list_text3 .text:after{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 9px;
}
.list_text3 .date{
    position: absolute;
    width: 120px;
    text-align: center;
    right: 0;
    top: 42px;
}
.list_text3 .date .day{
    color: #333333;
    font-size: 22px;
}
.list_text3 .date .arrow{
    margin-top: 15px;
}
@media(min-width:992px){
    .list_text3:hover{
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); background-color: #fff;
    }
    .list_text3:hover .text .title{
        color: #e50000;
    }
    .list_text3:hover .text:after{
        background-color: #e50000;
    }
}
@media(max-width:992px){
	.text_list ul li{ margin-bottom:0px;}

    .list_text3{
        padding: 10px 55px 10px 15px;
        position: relative;
    }
    .list_text3 .text{
        position: relative;
    }
    .list_text3 .text .title{
        color: #000000;
        font-size: 14px;
        line-height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .list_text3 .text .des{
        color: rgba(0, 0, 0, 0.6);
        font-size: 12px;
        line-height: 18px;
       
      
        margin-top: 3px;
    }
    .list_text3 .text:after{
        content: "";
        display: block;
        width: 3px;
        height: 3px;
        background-color: #000;
        border-radius: 50%;
        position: absolute;
        left: -10px;
        top: 9px;
    }
    .list_text3 .date{
        font-family: "date-font";
        position: absolute;
        width: auto;
        text-align: center;
        right: 0;
        top: 16px;
    }
    .list_text3 .date .day{
        color: #333333;
        font-size: 14px;
    }
    .list_text3 .date .arrow{
        margin: 5px auto 0 auto; width:60%
    }.list_text3 .date .arrow img{ width:100%}
}


.gch_list ul li{ margin-bottom:30px;}
@media(max-width:992px){
	.gch_list ul{ margin-left:-7.5px; margin-right:-7.5px;}
.gch_list ul li{ margin-bottom:15px; padding-left:7.5px; padding-right:7.5px;}
}



.detail_news1 .title{
    position: relative;
    padding: 0 100px;
    color: #000000;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
}
.detail_news1 .title .back{
    position: absolute;
    border: 1px solid #E0E0E0;
    width: 106px;
    line-height: 26px;
    border-radius: 10px;
    padding-left: 15px;
    font-size: 14px;
    color: #aaaaaa;
    text-align: left;
    background: url(../images/news_arrow.png) no-repeat right 10px center;
    right: 0;
    top: 7px;
}
.detail_news1 .date{
    text-align: center;
    font-size: 18px;
    color: #afafaf;
    font-family: "date-font";
    margin-top: 15px;
}
.detail_news1 .des{
    margin: 45px 0 60px;
    font-size: 14px;
    color: #444444;
    line-height: 28px;
}
.detail_news1 .trun_page a{
    display: block;
    line-height: 52px;
    padding-left: 75px;
    font-size: 15px;
    color: #333333;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #F7F7F7 url(../images/arrow_prev.png) no-repeat 22px center;
}
@media(max-width:992px){
    .detail_news1 .title{
        position: relative;
        padding: 0;
        color: #000000;
        font-size: 15px;
        text-align: left;
        line-height: 24px;
        padding-right: 75px;
    }
    .detail_news1 .title .back{
        position: absolute;
        border: 1px solid #E0E0E0;
        width: 70px;
        line-height: 20px;
        border-radius: 6px;
        padding-left: 5px;
        font-size: 12px;
        color: #aaaaaa;
        text-align: left;
        background: url(../images/news_arrow.png) no-repeat right 3px center;
        background-size: 10px auto;
        right: 0;
        top: 2px;
    }
    .detail_news1 .date{
        text-align: left;
        font-size: 12px;
        color: #afafaf;
        font-family: "date-font";
        margin-top: 5px;
    }
    .detail_news1 .des{
        margin: 15px 0 20px;
        font-size: 12px;
        color: #444444;
        line-height: 20px;
    }
    .detail_news1 .trun_page a{
        display: block;
        line-height: 30px;
        padding-left: 39px;
        font-size: 12px;
        color: #333333;
        margin-top: 5px;
        background: #F7F7F7 url(../images/arrow_prev.png) no-repeat 10px center;
        background-size: 20px auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}



.detail_product1{
    margin:0;
}
.detail_product1 .title{
    position: relative;
    color: #000000;
    font-size: 22px;
    text-align: left;
    line-height: 40px; margin-bottom:60px;
}
.detail_product1 .title .back{
    position: absolute;
    border: 1px solid #E0E0E0;
    width: 106px;
    line-height: 26px;
    border-radius: 10px;
    padding-left: 15px;
    font-size: 14px;
    color: #aaaaaa;
    text-align: left;
    background: url(../images/news_arrow.png) no-repeat right 10px center;
    right: 0;
    top: 7px;
}
.detail_product1 .des{
    margin: 45px 0 60px;
    font-size: 14px;
    color: #444444;
    line-height: 28px;
}
.detail_product1 .trun_page a{
    display: block;
    line-height: 52px;
    padding-left: 75px;
    font-size: 15px;
    color: #333333;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #F7F7F7 url(../images/arrow_prev.png) no-repeat 22px center;
}
.detail_product1  .swiper-slide{ text-align:center;}
.detail_product1  .gallery-thumbs .swiper-wrapper{transform: translate3d(0px, 0px, 0px) !important; justify-content:center}
.detail_product1 .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

.detail_product1   .swiper-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto; margin-bottom:20px;
    }
	.detail_product1 .swiper-button-next.swiper-button-white,.detail_product1  .swiper-button-prev.swiper-button-white{ background:rgba(0,0,0,0.2)}
  .detail_product1  .gallery-thumbs {
        box-sizing: border-box;
        padding: 10px 0;height:auto; 
    }
  .detail_product1  .gallery-thumbs .swiper-slide {
        width: 10%;
        opacity: 0.4; 
    }
  .detail_product1  .gallery-thumbs .swiper-slide-active {
        opacity: 1;background-size:  auto 100%; border:solid 2px #00519b
    }
	.detail_product1 .swiper-button-next:after,.detail_product1 .swiper-container-rtl .swiper-button-prev:after,.detail_product1 .swiper-button-prev:after, .detail_product1 .swiper-container-rtl .swiper-button-next:after{ font-size:14px; color:#fff}
  
  
  @media(max-width:920px){
    .detail_product1{
        margin: 0px 0px 25px;
    }
    .detail_product1 .title{
        position: relative; margin-bottom:20px;
        color: #000000;
        font-size: 15px;
        text-align: left;
        line-height: 24px;
    }
    .detail_product1 .title .back{
        position: absolute;
        border: 1px solid #E0E0E0;
        width: 70px;
        line-height: 20px;
        border-radius: 6px;
        padding-left: 5px;
        font-size: 12px;
        color: #aaaaaa;
        text-align: left;
        background: url(../images/news_arrow.png) no-repeat right 3px center;
        background-size: 10px auto;
        right: 0;
        top: 2px;
    }
    .detail_product1 .des{
        margin: 15px 0 20px;
        font-size: 12px;
        color: #444444;
        line-height: 20px;
    }
    .detail_product1 .trun_page a{
        display: block;
        line-height: 30px;
        padding-left: 39px;
        font-size: 12px;
        color: #333333;
        margin-top: 5px;
        background: #F7F7F7 url(../images/arrow_prev.png) no-repeat 10px center;
        background-size: 20px auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
   .detail_product1   .swiper-container { margin-bottom:0px;
    }
   .detail_product1  .gallery-thumbs {
        height: auto;
    }
  .detail_product1  .gallery-thumbs .swiper-slide {
        width: 15%;
    }

    
}