@charset "utf-8";
/*初始化样式*/
body{ margin:0px; padding:0px; margin:0px auto; zoom:1;
position:relative;
/*设置字体*/
font-size:12px;
line-height:24px;
font-family:Arial,Microsoft YaHei,"微软雅黑","宋体";
color:#171c39;
/*设置宽度*/
width:100%; 
max-width:1920px; /*宽度要自己改*/
}
img{ max-width: 100%; }

/*该设置跟后台编辑器有关*/
ul,ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,ul,li{ padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/


/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#171c39;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}


/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} 
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ border:none; border:0; vertical-align:middle; max-width:100%;}
a{ color:#171c39; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; }


/*清楚浮动*/
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}

.clear{ clear:both; height:0px; overflow:hidden;}
/*初始化样式*/
.w1024{ width:1024px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.w1280{ width:1280px; margin:0 auto;}
.w1366{ width:1366px; margin:0 auto;}
@media(max-width:1200px){
 .w1024{ width:95%; padding:0 2.5%;}
}
@media(max-width:1200px){
 .w1200{ width:95%; padding:0 2.5%;}
}
@media(max-width:1280px){
 .w1280{ width:95%; padding:0 2.5%;}
}

.phone{ display:none;}
@media(max-width:768px){
.phone{ display:block;}
.pc{ display:none;}
}

/*top*/

header .top{ height:48px; line-height:45px; background:#ECECEC;}
header .top .left{ float:left;}
header .top .left span{ font-size:14px; color:#777; display:block; line-height:45px; background:url(../images/icon1.png) no-repeat left center; padding-left:30px;}
header .top .left span i{ font-size:18px; font-weight:bold; font-style:normal; color:#666; font-family:'微软雅黑'}
header .top .right{ float:right;}
header .top .right a{ font-size:14px; color:#777; background:url(../images/icon2.png) no-repeat right center; padding-right:18px;}
header .Nav{ line-height:84px; background:#fff; position:relative;}
header .Nav>div{ 
	/*overflow:hidden*/
}
header .Nav .logo{width:30%; float:left; display:block;}

header .Nav ul{ float:right;}
header .Nav ul li{ float:left; margin-left:42px; position: relative;}
header .Nav ul li>a{color:#666; font-size:16px; padding-bottom:10px; border-bottom:3px solid #fff;}
header .Nav ul li>a:hover,header .Nav ul li.onnav>a{ border-bottom:3px solid #1C1E58;}
header .navbtn{ display:none; position:absolute; right:2%; top:50%; margin-top:-18px; width:36px; height:36px; background:url(../images/navbtn.png) no-repeat center;}

header .Nav ul li dl{ position:absolute;
	/*background: rgba(255,255,255,.6); */
	background: #ececec;
	z-index:10; margin:0; left:0; top:100%;width:150%;margin-left: -25%; display:none;}
header .Nav ul li dd{ line-height:57px;margin:0;}
header .Nav ul li dd a{ position:relative; display: block;padding:0 2%;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;text-align: center;}

header .Nav ul li:hover dl{display: block;}
header .Nav ul li dd:hover{ background: #171c39;}
header .Nav ul li dd:hover a{ color: #fff;}


header .Nav ul li dd a span{ position:absolute; left:2px; width:16px; height:20px; top:50%; margin-top:-10px;}
header .Nav ul li dd a span img{ width:16px; height:20px; display:block;}
header .Nav ul li dd a span .hover{ display:none;}
header .Nav ul li dd a:hover span img{ display:none;}
header .Nav ul li dd a:hover span img.hover{ display:block;}

@media(max-width:1200px){
header .Nav ul li{ margin-left:22px;}	
header .Nav ul li dl{ margin-left:0;}
}
@media(max-width:991px){
header .Nav ul li{ margin-left:5px;}
header .Nav ul li dl{ margin-left:0;}	
}

@media(max-width:768px){
header .navbtn{ display:block;}
header .Nav ul{ display:none;width:100%; position:absolute; top:85px; right:0; z-index:999; background:#fff; }
header .Nav ul li{ float:none; width:100%; text-align:center; line-height:50px; border-bottom:1px solid #eee;}
header .Nav ul li a{ padding:0; display:block; border-bottom:none;}
header .Nav ul li a:hover,header .Nav ul li.onnav a{ border-bottom:none; color:#1C1E58; font-weight:bold;}

header .Nav ul li dl{ position:relative;background: rgba(23,28,57,.6); top:0;width:100%;margin-left: 0; }
header .Nav ul li dd{line-height:35px;}
header .Nav ul li dd a{color: #fff;}

}
@media(max-width:375px){
header .top .left span{ font-size:14px; color:#777; display:block; line-height:45px; background:none; padding-left:0px;}
header .top .left span i{ font-size:15px;}	
}


.Hbanner{ text-align:center;}


.H_products{ padding-top:25px;}
.H_products h2{ background:url(../images/icon6.png) no-repeat center; text-align:center; font-size:24px; color:#333;}
.H_products ul{ overflow:hidden; padding-top:10px;}
.H_products ul li{ float:left; width:19%; margin-right:1.25%; text-align:center; margin-top:20px; }
.H_products ul li:nth-child(5n){ margin-right:0;}
.H_products ul li img{ width:100%; border:3px solid #eee; box-sizing:border-box;}
.H_products ul li div span{ display:block; font-size:18px; color:#333; margin-top:15px;}
.H_products ul li div p{ font-size:14px; color:#999; margin:0;}
.H_products ul li:hover img{border:3px solid #141A6B;}
.H_products ul li:hover div span,.H_products ul li:hover div p{ color:#141A6B}
@media(max-width:768px){
.H_products ul li{width:49%; margin-right:2%; }
.H_products ul li:nth-child(5n){ margin-right:2%;}
.H_products ul li:nth-child(2n){ margin-right:0;}
}
@media(max-width:414px){
.H_products ul li{width:100%; margin-right:0 !important;  float:none;}
}

.title{ margin:0; padding:25px 0;}
.title span{ background:url(../images/icon3.png) no-repeat left bottom; padding-bottom:18px;}
.title i{ font-size:16px; color:#666; margin-left:20px; font-style:normal; font-weight:normal;}

.title .ti_i{
    font-size:16px; color:#666; margin-left:20px; font-style:normal; font-weight:normal;
}

.H_news{ padding-top:15px; overflow:hidden}
.H_news .left{ float:left; width:49%; margin-right:2%; overflow:hidden }
.H_news .right{ float:right; width:49%; }
.H_news .toutiao{ margin-top:10px;}
.H_news .toutiao .swiper-slide{ overflow:hidden}
.H_news .toutiao .swiper-slide .img{ float:left; width:41%; display:block;}
.H_news .toutiao .swiper-slide .img img{ width:100%;}
.H_news .toutiao .swiper-slide .txt{ float:left; width:59%; padding:21.5px 25px; box-sizing:border-box; background:#F7F7F7;}
.H_news .toutiao .swiper-slide .txt h3{ margin:0; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.H_news .toutiao .swiper-slide .txt p{ margin:10px 0; line-height:22px; font-size:14px; color:#999}
.H_news .toutiao .swiper-slide .txt span{ color:#999; font-size:14px; margin-top:5px; }
.H_news .toutiao .swiper-pagination{ display:none;}
.H_news .toutiao .swiper-button-prev{ background:url(../images/icon4.png) no-repeat center; width:24px; height:24px;top: 85%; left: 88%;}
.H_news .toutiao .swiper-button-prev:hover{ background:url(../images/icon4_on.png) no-repeat center; }
.H_news .toutiao .swiper-button-next{ background:url(../images/icon5.png) no-repeat center; width:24px; height:24px;top: 85%; right: 3%;}
.H_news .toutiao .swiper-button-next:hover{ background:url(../images/icon5_on.png) no-repeat center; }
.H_news .left ul{ padding-top:6px;}
.H_news .left ul li{ line-height:45px; color:#333; font-size:14px; background:url(../images/icon7.png) no-repeat left center; padding-left:18px; border-bottom:1px solid #eee; overflow:hidden}
.H_news .left ul li a{ display:block; float:left; width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.H_news .left ul li span{ display:block; float:right; width:40%; text-align:right; color:#999}
.H_news .right .right_scroll{margin-top:10px;}
.H_news .right .right_scroll img{ width:100%;}
.H_news .right_scroll .swiper-slide{ position:relative}
.H_news .right_scroll .swiper-slide p{ margin:0; line-height:64px; height:64px; color:#fff; background:rgba(0,0,0,.5); position:absolute; bottom:0; left:0; width:100%; padding-left:25px; box-sizing:border-box; font-size:18px;}
.H_news .right_scroll .swiper-pagination{ line-height:64px; height:64px; bottom:0; text-align:right; padding:0 15px; box-sizing:border-box;}

@media(max-width:991px){
.H_news .left{ float:none; width:100%; margin-right:0; margin-bottom:25px;}
.H_news .right{ float:none; width:100%; }
}
@media(max-width:640px){
.H_news .toutiao .swiper-slide .img{ float:none; width:100%;}
.H_news .toutiao .swiper-slide .txt{ float:none; width:100%;}
.H_news .toutiao .swiper-button-prev{top: 95%; left: 82%;}
.H_news .toutiao .swiper-button-next{top: 95%; }
}

.H_case{ margin-top:35px; background:#F7F7F7; padding-bottom:60px;}
.H_case .title a{ display:inline-block; width:35px; margin-left:50px;}
.H_case ul{ margin-top:10px; position:relative}
.H_case ul li{background:#fff;}
.H_case ul li .left{ width:32.8%; position:absolute; top:0; left;}
.H_case ul li .tit{float:left; height:79px; line-height:79px; border-bottom:1px solid #eee; width:100%; box-sizing:border-box; padding-left:35%; position:relative }
.H_case ul li .tit a{ display:block; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.H_case ul li.on img{ display:block;}
.H_case ul li img{ display:none; position:relative; width:100%; z-index:999}
.H_case ul li.on{ background:#181D66; }
.H_case ul li.on .tit a{color:#fff}
.H_case ul li.on .tit span{
	line-height: 0;  
    border-width: 12px;  
    border-color:#181D66;  
    border-left-width: 0;  
    border-style: dashed;  
    border-right-style: solid;  
    border-top-color: transparent;  
    border-bottom-color: transparent;
}
.H_case ul li .tit span{ position:absolute; top:31px; left:31.9%; color:#E7ED08; display:block; font-size: 0; z-index:999; }
@media(max-width:1024px){
.H_case ul li .left{ width:45%;}
.H_case ul li .tit{padding-left:46%;}
.H_case ul li .tit span{left:43.8%;}
}
@media(max-width:991px){
.H_case ul li .left{ width:52%;}
.H_case ul li .tit{padding-left:53%;}
.H_case ul li .tit span{left:50.6%;}
}
@media(max-width:768px){
.H_case ul li .left{ display:none; }
.H_case ul li .tit{float:none;width:100%; padding-left:20px;}
.H_case ul li .tit span{ display:none;}
}

.footer{ background:#232222; padding-bottom:5%;text-align:center; font-size:12px; color:#666;}
.footer .logo{ background:#f8f8f8; }
.footer .logo i{ display:inline-block; margin:0 10px; width:1px; height:38px; background:#d6d5d1; vertical-align:middle;}
.footer nav{ padding:2.5% 0 2% 0;}
.footer nav dl{ display:inline-block; text-align:left; vertical-align:top; padding:0 3%;}
.footer nav dt{ font-size:16px; color:#aaa9a9; padding-bottom:20px;}
.footer nav dd{ line-height:24px; margin-left:0;}
.footer nav dd a{ color:#666565;}
.footer nav dd a:hover{ color:#fff;}

.footer .share a{ display:inline-block; width:38px; height:38px; background:url(../images/Bottom002144-share.png) no-repeat 0 0; margin:0 10px; float:none !important;}
.footer .share a:hover{ background-image:url(../images/Bottom002144-share_hover.png);}
.footer .share a.wx{ position:relative; background-position:-59px 0;}
.footer .share a.wx img{ position:absolute; bottom:100%; width:120px; height:120px; left:50%; margin-left:-60px; margin-bottom:10px; max-width:none; display:none;}
.footer .share a.wx:hover img{ display:block;}
.footer .share a.sina{ background-position:-118px 0;}
.footer p{ line-height:20px;}
.footer p a{ color:#999;}
.footer p i{ margin:0 5px; width:1px; height:4px; background:#393939; display:inline-block;}
.footer p span{ display:block;}
.footer p span a{ text-decoration:underline; font-weight:bold; text-transform:uppercase;}
@media(max-width:640px){
.footer nav,
.footer .logo i,
.footer .logo .logo_txt{ display:none;}
.footer .share{ padding-top:4%;}
}

.menu{ padding:2% 0;}
.menu .menu_top{ border-bottom:1px solid #f9e9e6; color:#777; font-size:12px; line-height:25px;}
.menu .menu_top span[name=point]{ background:url(../images/icon10.png) no-repeat left center; padding-left:20px;}
.menu .menu_top a{ color:#777;}
.menu .menu_top span:last-child{ font-style:normal; color:#171C63}
.menu .slider_menu{ border-bottom:1px solid #f9e9e6; text-align:center;}
.menu .slider_menu ul{ display:inline-block; padding:2% 0; overflow:hidden}
.menu .slider_menu li{ float:left; position:relative; margin-bottom:2px;}
.menu .slider_menu li.end:after{ display:none;}
.menu .slider_menu li a{ display:block; padding:0 30px; line-height:36px; font-size:14px; position:relative; z-index:1;}
.menu .slider_menu li:hover a{background:#191d66; font-weight:bold; color:#fff; border-radius:0px; }
.menu .slider_menu li a.aon{ background:#191d66; font-weight:bold; color:#fff; border-radius:0px;}
@media(max-width:768px){
.menu .slider_menu ul{ display:block;}
.menu .slider_menu li a{ padding:0;}
}
@media(max-width:768px) and (min-width:415px){
.menu .slider_menu li{ width:25%;}
.menu .slider_menu li:nth-child(4n):after{ display:none;}
}
@media(max-width:414px){
.menu .slider_menu li{ width:50%;}
.menu .slider_menu li:nth-child(3n):after{ display:none;}
}

.about_page{ margin-top:30px;padding-bottom:60px;}
.about_page figure{float:right; margin-left:5%; width:35%;}
.about_page .content{float:left; width:60%; font-size:14px; color:#444}
.about_page .content p{margin: 20px 0;}
@media(max-width:768px){
.about_page figure{float:none; margin-left:0; width:100%; text-align:center;}
.about_page .content{float:none; width:100%;}
}
.about_page .list li{ float:left; width:24%; margin-right:1.33%; cursor:pointer; text-align:center; margin-bottom:25px;}
.about_page .list li:nth-child(4n){ margin-right:0;}
.about_page .list li img{ width:100%;transition: all 0.6s; }

@media(min-width:1024px){
.about_page .list li:hover{ position:relative; z-index:9}
.about_page .list li:hover img{transform: scale(1.5);}   
}

.about_page .list li p{ font-size:16px; margin-top:18px; color:#333;}
@media(max-width:768px){
.about_page .list li{ float:left; width:49%; margin-right:2%;}
.about_page .list li:nth-child(4n){ margin-right:2%;}
.about_page .list li:nth-child(2n){ margin-right:0;}
}
@media(max-width:414px){
.about_page .list li{ float:none; width:100%; margin-right:0 !important;}
}

.Page002046 .Pages{ text-align:center; padding:20px 0 50px 0;}
.Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;}
.Page002046 .Pages a:hover,
.Page002046 .Pages a.a_cur{ background-color:#191d66; color:#fff;}
.Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page002046 .Pages em a{ float:left; margin-left:-1px;}
.Page002046 .Pages .p_cur,
.Page002046 .Pages .p_count,
.Page002046 .Pages .p_jump,
.Page002046 .Pages .p_total{ display:none;}
.Page002046 .Pages .a_prev,
.Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/icon13.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;}
.Page002046 .Pages .a_next{ background-image:url(../images/icon12.gif);}
@media(max-width:640px){
.Page002046 .Pages .a_first,
.Page002046 .Pages .a_end{ display:none;}
}
@media(max-width:480px){
.Page002046 .Pages a{padding:0 5px; }
}

.product_page .list1{ padding:0 0 50px;}
.product_page .list1 ul li{ float:left; width:19%; margin-right:8%; margin-bottom:20px;}
.product_page .list1 ul li:nth-child(4n){ margin-right:0; }
.product_page .list1 ul li a{ display:block; position:relative;}

.product_page .list1 ul li h3,
.product_page .list1 ul li h5{ margin:0; text-align:center; font-size:15px; font-weight:normal;white-space: normal;}

.product_page .list1 ul li figure img{ width:100%;}
.product_page .list1 ul li h3{ border:1px solid #e8e8e8; border-top-width:3px; border-top-color:#f4f4f4; padding:2% 15% 2% 2%; line-height:40px; position:relative;}
.product_page .list1 ul li h3:before{ position:absolute; content:''; right:0; top:0; width:13%; height:100%; border-left:1px solid #e8e8e8; background:url(../images/icon11.gif) no-repeat center center;}

.product_page .list1 ul li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(25,29,102,0.95); z-index:10; transition:0.3s; color:#fff; }
.product_page .list1 ul li a:hover .hover{ opacity:1;}
.product_page .list1 ul li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);}

.product_page .list1 ul li .hover img{ border-radius:50%; width:100px; height:100px;}
.product_page .list1 ul li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;}
.product_page .list1 ul li .hover i{ display:block;  height:2px; background:#fff; width:30px; margin:10px auto;} 
.product_page .list1 ul li .hover p{ font-size:12px; line-height:20px; margin:0; max-height:60px; overflow:hidden;}
@media(max-width:1366px){
.product_page .list1 ul li h3,
.product_page .list1 ul li .hover h5{ font-size:16px;}
}
@media(max-width:1366px) and (min-width:1001px){
.product_page .list1 ul li .hover img{ width:70px; height:70px;}
.product_page .list1 ul li .hover p{ height:40px;}
}
@media(max-width:1000px){
.product_page .list1 ul li{ width:48%; margin-left:1%; margin-right:1%;}
}
@media(max-width:640px) and (min-width:376px){
.product_page .list1 ul li .hover img{ width:50px; height:50px;}
.product_page .list1 ul li .hover p{ height:40px;}
}
@media(max-width:480px){
.product_page .list1 ul li{ width:100%; float:none; margin-left:0; margin-right:0;}
.product_page .list1 ul li h3,
.product_page .list1 ul li .hover h5{ font-size:14px;}
.product_page .list1 ul li .hover h5{ line-height:20px; max-height:40px;}
}
@media(max-width:375px){
.product_page .list1 ul li{ float:none; width:auto;} 
}

.columnName{ padding:1% 0 2.5%; line-height:normal; text-align:center; font-size:61px; color:#c20f00;}
.columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;}
.columnName:after{ display:block; content:''; margin:0 auto; width:40px; height:2px; background-color:#c20f00;}
.product_info{ padding-bottom:5%;}
.product_info p{ font-size:14px; color:#777;line-height:24px;margin:0;}
.product_info .info .tit h3{line-height:24px;font-size:24px;color:#353535; color:#353535; font-weight:normal;}
.product_info .info .tit p span{display:inline-block; width:40px; height:1px; background-color:#b5121b; padding:0;}
.product_info .info .img1{float:right; max-width:34.6%;margin-left:8%; margin-top:5%;}
.product_info .info .bottom .img2{float:left; max-width:35.33%;margin-right:6.5%; margin-left:3%; margin-top:1%;}
.product_info .info .bottom .tit{ margin-top:50px;}
.product_info .info .bottom .tit span{ display:block;line-height:24px;font-size:40px; margin-bottom:0; line-height:normal; color:#a23429; text-transform:uppercase;}
.product_info .info .bottom .tit h3{line-height:24px;font-size:24px;color:#353535; color:#353535; font-weight:normal;}
.product_info .info .bottom .txt p{ text-indent:25px;}
.product_info .info .bottom p span{display:inline-block; width:40px; height:1px; background-color:#b5121b;}
@media(max-width:1000px){
.columnName{ font-size:45px;}
.columnName span{ font-size:24px;}
}
@media(max-width:768px){
.columnName{ font-size:35px;}
.columnName span{ font-size:20px;}
.product_info .info .img1{float:none;width:100%; max-width:100%;margin:2% 0 20px;}
.product_info .info .bottom .img2{float:none; width:100%; max-width:100%;margin:2% 0 0;}
.product_info .info img{ width:100%;}
}
.product_info2{ padding-bottom:50px;}
.product_info2 p{ margin:0; font-size:15px; color:#666; line-height:25px;}
.product_info2 .img1{ margin:25px 0; text-align:center;}
.product_info2 .img1 img{ margin:0 7.5%;}
.product_info2 .img2,.product_info2 .img3,.product_info2 .img4{ margin:25px 0; text-align:center;}
.product_info2 .img2 img{ margin:0 5.5%;}
@media(max-width:1200px){
.columnName{ font-size:45px;}
.product_info2 .img1 img{ margin:0 5%;}
}
@media(max-width:991px){
.columnName{ font-size:45px;}
.product_info2 .img1 img,.product_info2 .img2 img{ margin:0 1%; margin-bottom:10px;}
}
.product_info3 .top{ overflow:hidden; padding-bottom:40px;}
.product_info3 .top .txt{ float:left; width:55%; padding:25px 5% 0 20px; box-sizing:border-box; margin-right:5%;}
.product_info3 .top .txt p{margin:0; font-size:15px; color:#666; line-height:26px; text-indent:2em;}
.product_info3 .top .pic{ float:right; width:40%;}
.product_info3 .bottom{ overflow:hidden; padding:20px 0 80px;}
.product_info3 .bottom .txt{ float:right; width:65%; padding:25px 0 0 3.5%; box-sizing:border-box;}
.product_info3 .bottom .pic{ float:left; width:35%;}
.product_info3 .bottom .txt ul li{font-size:14px; color:#666; line-height:28px; background:url(../images/icon20.png) no-repeat left 11px; padding-left:15px;}
.product_info3 .bottom .tit h3{line-height:24px;font-size:24px;color:#353535; color:#353535; font-weight:normal; margin:0;}
.product_info3 .bottom .tit p span{display:inline-block; width:40px; height:1px; background-color:#b5121b; padding:0;}
@media(max-width:768px){
.product_info3 .top .txt,.product_info3 .bottom .txt{ float:none; width:100%; padding:25px 0 20px; box-sizing:border-box; margin-right:0;}
.product_info3 .top .pic,.product_info3 .bottom .pic{ float:none; width:100%;}
.product_info3 .top .pic img,.product_info3 .bottom .pic img{ width:100%;}
.product_info3 .top,.product_info3 .bottom{ overflow:hidden; padding:20px 0;}
}

.product_info4{ padding-bottom:50px;}
.product_info4 .content_top{ margin-bottom:120px;}
.product_info4 .content_top h3{color: #191d66; font-size: 18px;}
.product_info4 .content_top p{ text-align:center;}
.product_info4 figure{float:right; margin-left:5%; width:60%; margin-bottom:20px;}
.product_info4 .content{color: #191d66; font-size: 15px; margin-bottom:28px; }
.product_info4 .content h3{color: #191d66; font-size: 15px;}
@media(max-width:991px){
.product_info4 figure{float:none; margin-left:0; width:100%; margin-bottom:20px;}
.product_info4 .content_top{ margin-bottom:40px;}
}

.solution_page{ padding:15px 0;}
.solution_page li{ padding:10px; border:1px solid #ebebeb; margin-bottom:2%;}
.solution_page li a{ display:block; position:relative; padding-left:30%;padding-right:15%;}
.solution_page li a::after{ position:absolute; content:''; width:33px; height:33px; background:url(../images/PicList001200-more.png) no-repeat left top; right:5%; top:50%; margin-top:-16px;}
.solution_page li figure{ position:absolute; left:0; top:0; height:100%; width:27%;}
.solution_page li div{ position:relative; padding-right:5%; padding-bottom:13%;}
.solution_page li div::before,
.solution_page li div::after{ position:absolute; content:''; }
.solution_page li div::before{width:1px; height:70%; top:15%; background-color:#ebebeb; right:0;}
.solution_page li div::after{ width:7%; height:1px; background-color:#191d66; bottom:10%; left:-9%; z-index:2;}
.solution_page li h3{ margin:0; font-size:16px; padding:3% 0 0 0; font-weight:normal; color:#333;}
.solution_page li p{ margin:3% 0 0 0; color:#969696; line-height:28px; height:56px; overflow:hidden; font-size:12px;}
.solution_page li time{ position:absolute; left:0; bottom:5%; color:#969696;}
.solution_page li:hover{ border-color:#191d66; box-shadow:0 5px 5px #eee;}
.solution_page li:hover a::after{ background-position:left bottom;}
@media(max-width:640px){
.solution_page li p{line-height:22px; height:44px; }
.solution_page li time{ font-size:12px;}
.solution_page li figure{ position:inherit; left:0; top:0; height:100%; width:100%;}
.solution_page li figure img{ width:100%;}
.solution_page li div,.solution_page li a{ padding-left:0; padding-right:0;}
.solution_page li div:before,
.solution_page li a:after{ display:none;}
.solution_page li div::after{ display:none;}
}

.solution_info{ padding-bottom:5%;}
.solution_info .top .img1{float:right; max-width:40%;margin-left:8%;}
.solution_info div h3{ color: #191d66; font-size: 16px;}
.solution_info div p{line-height:24px;text-indent:25px; font-size:15px; color:#666; }
.solution_info .bottom{padding-top:5%;}
.solution_info .bottom .img2{float:left; max-width:35.33%;margin-right:6.5%;}
.solution_info table{ width:60%; }
@media(max-width:991px){
.solution_info table{ width:100%; }  
}
@media(max-width:768px){
.solution_info .top .img1{float:none; max-width:100%;margin-left:0; text-align:center;}	
.solution_info .bottom .img2{float:none; max-width:100%;margin-right:0;text-align:center;}
}

.solution_page .con{ position:relative}
.solution_page .con .text div{ cursor:pointer}
.solution_page .con .text div span{display:none; background:url(../images/icon21.png) no-repeat center; padding: 25px 25px 0 50px; box-sizing: border-box;font-size: 14px; text-align: left;width:400px; height:225px; }
.solution_page .con .div1{ position:absolute; top:120px; left:300px;width:300px; height:160px; }
.solution_page .con .div1 span{position:absolute; top:-120px; left:180px;  }
.solution_page .con .text div:hover span{ display:block;}
.solution_page .con .div2{ position:absolute; top:282px; left:340px;width:300px; height:105px;}
.solution_page .con .div2 span{ position:absolute; top:-145px; left:180px; }
.solution_page .con .div3{ position:absolute; top:400px; left:200px;width:100px; height:190px;}
.solution_page .con .div3 span{ position:absolute; top:-145px; left:60px; }
.solution_page .con .div4{ position:absolute; top:537px; left:460px; width:300px; height:160px;}
.solution_page .con .div4 span{ position:absolute; top:-145px; left:180px; }
.solution_page .con .div5{ position:absolute; top:338px; left:660px; width:300px; height:160px;}
.solution_page .con .div5 span{ position:absolute; top:-145px; left:180px; }
.solution_page .con .div6{ position:absolute; top:700px; left:116px;width:139px; height:410px;}
.solution_page .con .div6 span{ position:absolute; top:-50px; left:38px; }
.solution_page .con .div7{ position:absolute; top:867px; left:330px; width:368px; height:220px;}
.solution_page .con .div7 span{ position:absolute; top:-130px; left:170px; }
.solution_page .con .div8{ position:absolute; top:830px; left:764px; width:272px; height:250px;}
.solution_page .con .div8 span{ position:absolute; top:-100px; left:50px; }

.solution_page .con .div9{ position:absolute; top:170px; left:703px;width:265px; height:166px;}
.solution_page .con .div9 span{ position:absolute; top:-104px; left:107px; }
.solution_page .con .div10{ position:absolute; top:809px; left:411px; width:298px; height:61px;}
.solution_page .con .div10 span{ position:absolute; top:-170px; left:147px;}


@media(max-width:1200px){
.solution_page .con .text{ display:none;}
}




.case_page{ padding:20px 0 50px;}
.case_page .list ul{ overflow:hidden}
.case_page .list ul li{ width:32%; float:left; margin-right:2%; margin-bottom:25px;}
.case_page .list ul li:nth-child(3n){ margin-right:0;}
.case_page .list ul li p{ line-height:45px; height:45px; margin:0; font-weight:bold; text-align:center; font-size:16px; color:#333; background:#F8F8F8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.case_page .list ul li:hover p{ color:#fff; background:#181D66;}
.case_page .flinks{ padding:45px 0; background:#ECECEC;}
.case_page .flinks .top{ margin-bottom:35px;}
.case_page .owl-prev{ position:absolute; top:50%; margin-top:-21px; left:-25px; background:url(../images/prev.png) no-repeat; display:block; width:20px; height:42px; font-size:0;}
.case_page .owl-next{ position:absolute; top:50%; margin-top:-12px; right:-25px; background:url(../images/next.png) no-repeat;display:block; width:20px; height:42px; font-size:0;}
@media(max-width:991px){
.case_page .owl-next,.case_page .owl-prev{ display:none;}
}
@media(max-width:768px){
.case_page .flinks{ padding:25px 0;}
}
@media(max-width:640px){
.case_page .list ul li{ width:49%;margin-right:2%;}
.case_page .list ul li:nth-child(3n){ margin-right:2%;}
.case_page .list ul li:nth-child(2n){ margin-right:0;}
}


.PicList000266 li{ padding-left:35px; position:relative; margin:10px 0;}
.PicList000266 li time{font-size:12px; background:url(../images/PicList000266-date.jpg) no-repeat; width:57px; padding-right:5px; height:63px; padding-top:15px; overflow:hidden; text-align:center; color:#fff; position:absolute; left:0; top:50%; margin-top:-31px;}
.PicList000266 li time span{ display:block; font-size:16px; font-weight:bold;}
.PicList000266 li .txt{ padding:16px 20px 16px 50px; border:1px solid #e6e6e6; overflow:hidden;}
.PicList000266 li .txt .pic{ float:right; margin-left:10px;}
.PicList000266 li .txt .pic img{ width:240px; height:156px;}
.PicList000266 li .txt h3{ margin:0; font-size:14px;}
.PicList000266 li .txt .more:hover,
.PicList000266 li .txt h3 a:hover{ color:#252b94;}
.PicList000266 li .txt p{ margin:10px 0; color:#6f6f6f; max-height:48px; overflow:hidden; }
.PicList000266 li .txt .more{ background:url(../images/PicList000266-more.jpg) no-repeat right center; padding-right:20px;font-family: Arial;color: #a9a9a9;text-transform: uppercase;}

/*
 .PicList000626 为demo编号
 */
.PicList000626{ padding-bottom:2%;  }
.PicList000626 li{ float:left; width:20%; padding:10px;}
.PicList000626 li p{ text-align:center;}
.PicList000626 li a{ display:block; padding-top:35%; background-position: center center; background-size:contain; background-repeat:no-repeat; border:1px solid #ccc;}
@media( max-width:768px){
.PicList000626 li{width:33.33333333%;}
}
@media( max-width:640px){
.PicList000626 li{width:50%;}
.PicList000266 li .txt .pic{ float:none; margin-left:0;}
.PicList000266 li .txt .pic img{ width:100%;}
.PicList000266 li .txt h3{ margin-top:8px;}
}


.RichInfo005{ padding:1% 0 2%;}
.RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;}
.RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;}
.RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}
.RichInfo005 .news_info .title p span{ margin:0 5px; color:#777; background:none}
.RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;}
.RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} 
.RichInfo005 .news_info .info_back a{ color:#191d66; font-size:14px;}
.RichInfo005 .news_info .info_pn span{ display:block;}
.RichInfo005 .news_info .info_pn span a{ color:#999;}
.RichInfo005 .news_info .info_pn span a:hover{color:#191d66;}

.Map001070{ padding-bottom:2%;}
.Map001070 dd{ border:1px solid #e7e7e7; margin-bottom:2%; padding-right:53%; background-color:#fff; position:relative; margin-left:0 !important; font-size:14px; color:#666}
.Map001070 dd:last-child{ margin-bottom:0;}
.Map001070 .map *{ max-width:none;}
.Map001070 dd figure{ padding:3% 0 3% 3%;}
.Map001070 dd figure h1{font-size: 22px;color: #b71e23; font-weight:normal;padding: 16px 0; margin:0;border-bottom: dashed 1px #ccc;}
.Map001070 dd ul{ padding-top:16px;}
.Map001070 dd li{line-height:25px; margin-bottom:10px; padding-left:36px; background-repeat:no-repeat; background-position:0 0;}
.Map001070 dd li:nth-child(1){background-image:url(../images/Map001070-ico_01.png);}
.Map001070 dd li:nth-child(2){background-image:url(../images/Map001070-ico_02.png);}
.Map001070 dd li:nth-child(3){background-image:url(../images/Map001070-ico_03.png);}
.Map001070 dd li:nth-child(4){background-image:url(../images/Map001070-ico_04.png);}
.Map001070 dd li:nth-child(5){background-image:url(../images/Map001070-ico_05.png);}
@media(min-width:641px){
.Map001070 .map{ position:absolute !important; width:50%; right:0; height:100%; top:0;}
}
@media(max-width:640px){
.Map001070 dd{ padding:3%;}
.Map001070 .map{ height:300px; position:relative !important;}
.Map001070 dd figure{ padding:0;}
}
@media(max-width:480px){
.Map001070 dd figure h1{ font-size:20px;}
}


.message{ padding:0 0 40px;}
.message input{ height:40px; line-height:40px; background:#F8F8F8; border:1px solid #eee; padding-left:15px; box-sizing:border-box;}
.message .div1{ overflow:hidden; margin-bottom:28px; width:100%;}
.message .div1 input{ width:95%;}
.message  label{ width:4%; display:inline-block; height:40px; line-height:40px; font-size:14px;}
.message .div2{overflow:hidden; margin-bottom:28px; width:100%;}
.message .div2 input{ width:28.6%;}
.message .div2 .label3,.message .div2 .label4{ text-align:right;}
.message .div3 label{ float:left;}
.message .div3 textarea{ width:95%; height:240px;background:#F8F8F8; border:1px solid #eee;}
.message .btn{ margin-left:4%; margin-top:45px;text-align: center;}
.message .btn input{ width:120px; text-align:center; padding:0; cursor:pointer; margin-right:15px;}
.message .btn1{ background:#0272BA; color:#fff}
.message .btn2{ background:#363636; color:#fff}
@media(max-width:1200px){
.contact{ padding:50px 2.5% 85px;}
.message  label{ width:8%;}
.message .div1 input{ width:91%;}
.message .div2 input{ width:24.6%;}
.message .div3 textarea{ width:91%;}
}
@media(max-width:768px){
.contact{ padding:30px 2.5% ;}
.message label{ width:100%;}
.message input{ width:100% !important;}
.message .div3 textarea{ width:100% !important;}
.message .div2 .label3,.message .div2 .label4{ text-align:left;}
.message .div1,.message .div2{margin-bottom:0px;}
.message .div3 textarea{ width:95%; height:150px;}
.message .btn{ margin-left:0; margin-top:25px; text-align:center;}
.message .btn input{ width:120px !important; text-align:center; padding:0; cursor:pointer; margin-right:0px;}
}