#obtn .ctext.cimg{float:left;width:100%;margin-top:150px;}
#obtn .ctext.cimg .ban{float:left;width:100%;}
#obtn .ctext.cimg .ban .banner{float:left;width:100%;position: relative;}
#obtn .ctext.cimg .ban .banner .band{position: absolute;top:23.7%;left: 16.04%;font-size:34px;line-height: 56px;color: #fff; letter-spacing: 5px;}
#obtn .ctext.cimg .ban .banner .band .banh1{font-size: 60px;line-height: 80px;letter-spacing: 2px;font-weight: bold;}

#obtn .ctext.cimg .ban .banner .timg{width:80px;height: 60px;position: absolute;bottom:4%;left:50%;transform: translate(-50%,0);cursor: pointer;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;}
#obtn .ctext.cimg .ban .banner .timg .img{width:27px;height:37px;position: absolute;left:50%;transform: translate(-50%,0);}
#obtn .ctext.cimg .ban .banner .timg .th4{font-size: 14px;line-height: 14px;color: #fff;position: absolute;text-align: center;width:100%;bottom:0;}
#obtn .ctext.cimg .ban .banner .timg:hover{bottom:1%;}

#obtn .ctext.cimg .ban .slick-prev,
#obtn .ctext.cimg .ban .slick-next{width: 40px; height:88px;}
#obtn .ctext.cimg .ban .slick-prev{background:url(_im_g/prev.png) no-repeat center center rgb(39,40,41,1);left:0;background-size: 16px 28px;z-index: 3;}
#obtn .ctext.cimg .ban .slick-next{background:url(_im_g/next.png) no-repeat center center rgb(39,40,41,1);right:0;background-size: 16px 28px;z-index: 3;}
#obtn .ctext.cimg .ban .slick-prev:hover{background:url(_im_g/prev.png) no-repeat center center rgb(22,69,139,1);}
#obtn .ctext.cimg .ban .slick-next:hover{background:url(_im_g/next.png) no-repeat center center rgb(22,69,139,1);}

@media screen and (max-width:991px){
#obtn .ctext.cimg{margin-top:70px;}
#obtn .ctext.cimg .ban .slick-prev{width: 35px; height:70px;background-size: 14px 24px;}
#obtn .ctext.cimg .ban .slick-next{width: 35px; height:70px;background-size: 14px 24px;}
	
#obtn .ctext.cimg .ban .banner .band{font-size:24px;line-height: 40px;letter-spacing: 4px;}
#obtn .ctext.cimg .ban .banner .band .banh1{font-size: 40px;line-height: 60px;}
}
@media screen and (max-width:767px){
#obtn .ctext.cimg .ban .slick-prev{width: 30px; height:60px;background-size: 12px 20px;}
#obtn .ctext.cimg .ban .slick-next{width: 30px; height:60px;background-size: 12px 20px;}
	
#obtn .ctext.cimg .ban .banner .band{left:10%;font-size:18px;line-height: 36px;letter-spacing: 3px;}
#obtn .ctext.cimg .ban .banner .band .banh1{font-size: 24px;line-height: 44px;}
}

/*index产品*/
#obtn .ctext.index{float:left;width: 100%;}
#obtn .ctext.index .in{float:left; width: 100%;margin:17px 0 24px 0;}
#obtn .ctext.index .in ul{margin-right: -24px;}
#obtn .ctext.index .in .inl{float:left;width:33.33%;padding-right: 24px;}
#obtn .ctext.index .in .inl .ind{float:left;width: 100%;background: #f1f3f7;padding:55px 0 64px 0;position: relative;height:410px;}
#obtn .ctext.index .inl .ind .ind_l{float:left;width:50%;}
#obtn .ctext.index .inl .ind .ind_l .indh3{font-size: 24px; line-height: 30px;color: #16458B;font-weight: bold;padding-left:34%;}
#obtn .ctext.index .inl .ind .ind_l .indul {padding-left:34%;margin-top:15px;}
#obtn .ctext.index .inl .ind .ind_l .indul li{font-size: 17px; line-height: 34px;position: relative;}
#obtn .ctext.index .inl .ind .ind_l .indul li::before{content: '';position: absolute;top:50%;transform: translate(0,-50%);width:4px;height:4px;background-color: #666;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#obtn .ctext.index .inl .ind .ind_l .indul .on::before{content: '';width:0;height:40;}
#obtn .ctext.index .inl .ind .ind_l .indul li a{color: #666;padding-left:11px;}
#obtn .ctext.index .inl .ind .ind_l .indul li a:hover{color:#16458B;}
#obtn .ctext.index .inl .ind .ind_l .more{display: block;text-align: center;background:#184a93;width:142px;height:36px;font-size: 14px;line-height: 36px;color: #fff;position: absolute;bottom:16%;left:17%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .ctext.index .inl .ind .ind_r{float:right;width:50%;}
#obtn .ctext.index .inl .ind .ind_l .more:hover{background: #272829;}


@media screen and (max-width:1329px){
#obtn .ctext.index .in .inl .ind{padding:40px 0;height:400px;}
#obtn .ctext.index .inl .ind .ind_l .indh3{padding-left:17%;}
#obtn .ctext.index .inl .ind .ind_l .indul {padding-left:17%;}
#obtn .ctext.index .inl .ind .ind_l .more{left:8.5%;}
}

@media screen and (max-width:991px){
#obtn .ctext.index .in .inl{width:50%; margin-bottom: 20px;}	
#obtn .ctext.index .in .inl .ind{padding:40px 0;height:400px;}
#obtn .ctext.index .inl .ind .ind_l .indh3{padding-left:17%;}
#obtn .ctext.index .inl .ind .ind_l .indul {padding-left:17%;}
#obtn .ctext.index .inl .ind .ind_l .more{left:8.5%;}
}
@media screen and (max-width:767px){
#obtn .ctext.index .in ul{margin-right:-15px;}
#obtn .ctext.index .in .inl{padding-right:15px;}
#obtn .ctext.index .in .inl .ind{padding:20px 0 20px 0;height:360px;}
#obtn .ctext.index .inl .ind .ind_l .more{width:100px;height:30px;line-height: 30px;}
}
@media screen and (max-width:500px){
#obtn .ctext.index .in ul{margin-right:0;}
#obtn .ctext.index .in .inl{width:100%;padding-right:0;}
#obtn .ctext.index .in .inl .ind{padding:20px 0 0 0;min-height:260px;height:auto;}
#obtn .ctext.index .inl .ind .ind_l .indh3{font-size:18px;line-height: 24px;}
#obtn .ctext.index .inl .ind .ind_l .indul li{font-size:14px; line-height: 28px;}
#obtn .ctext.index .inl .ind .ind_l .indul {margin-top:5px;}
#obtn .ctext.index .inl .ind .ind_l .more{bottom:5%;}
}


/*index关于*/
#obtn .ctext.index2{float:left;width:100%;height:100%;background:url(_im_g/ixbg.png) no-repeat rgba(24,74,147,1);background-size:cover;padding:67px 0 65px 0;}
#obtn .ctext.index2 .id{float:left;width:100%; padding: 0 47.5px;}
#obtn .ctext.index2 .id .idl{float:left;width: 62.4%;border-right:4px solid rgba(255,255,255,0.2);}
#obtn .ctext.index2 .id .idl .idlt{float:left;width:100%;padding-right:70px;}
#obtn .ctext.index2 .id .idl .idlt .idlh3{font-size: 36px;line-height: 64px; color: #fff;font-weight: bold;}
#obtn .ctext.index2 .id .idl .idlt .idlp{font-size: 16px;line-height: 34px; color: #fff;border-bottom:1px solid rgba(255,255,255,0.2);padding:36px 0 45px 0;max-height:290px;overflow: hidden;}

#obtn .ctext.index2 .id .idl .idlf{width:100%;padding-right:70px;padding-top:45px;display:flex;flex-direction:row;justify-content:space-between;}
#obtn .ctext.index2 .idlf .idl_d{float:left;}
#obtn .ctext.index2 .idlf .idl_d .h2{font-size:48px;line-height: 48px;color: #fff;text-align: center;}
#obtn .ctext.index2 .idlf .idl_d .h6{font-size:14px;line-height: 34px;color: #fff;text-align: center;padding:15px 0;}


#obtn .ctext.index2 .id .idr{float:right;width: 37.6%;padding-left:71px;}
#obtn .ctext.index2 .id .idr .idri{margin-bottom:20px;}
#obtn .ctext.index2 .id .idr ._div{overflow: hidden;
-webkit-border-radius: 18px;
-khtml-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;}

@media screen and (max-width:1229px){
#obtn .ctext.index2 .id{padding: 0;}
#obtn .ctext.index2 .id .idl .idlt{padding-right:40px;}
#obtn .ctext.index2 .id .idl .idlf{padding-right:40px;}
#obtn .ctext.index2 .id .idr{padding-left: 40px;}
}
@media screen and (max-width:991px){
#obtn .ctext.index2 .id .idl .idlt{padding-right:20px;}
#obtn .ctext.index2 .id .idl .idlf{padding-right:20px;padding-top: 20px;}
#obtn .ctext.index2 .id .idl .idlt .idlh3{font-size: 24px;line-height: 46px; }
#obtn .ctext.index2 .id .idl .idlt .idlp{font-size: 16px;line-height: 30px;padding:20px 0;}
#obtn .ctext.index2 .idlf .idl_d .h2{font-size: 36px;line-height: 36px;}
#obtn .ctext.index2 .idlf .idl_d .h6{padding:5px 0;}
#obtn .ctext.index2 .id .idr{padding-left: 20px;}
}
@media screen and (max-width:767px){
#obtn .ctext.index2{padding:20px 0;}	
#obtn .ctext.index2 .id .idl{width:100%;border-right:0;}	
#obtn .ctext.index2 .id .idl .idlt{padding-right:0px;}
#obtn .ctext.index2 .id .idl .idlf{padding-right:0px;padding: 20px 0;}
#obtn .ctext.index2 .id .idl .idlt .idlh3{font-size: 18px;line-height: 28px; }
#obtn .ctext.index2 .id .idl .idlt .idlp{font-size: 14px;line-height: 24px;padding:10px 0;height:auto;}
#obtn .ctext.index2 .idlf .idl_d .h2{font-size: 24px;line-height: 24px;}
#obtn .ctext.index2 .idlf .idl_d .h6{padding: 0;}
#obtn .ctext.index2 .id .idr{padding-left: 0px;width:100%;}
}

/*index中石集团证书*/
#obtn .ctext.index .ie{float:left;width:100%;padding:47px 47.5px 55px 47.5px;}
#obtn .ctext.index .ie .ieh2{font-size: 30px;line-height: 38px;color: #184A93;font-weight: bold;letter-spacing: 1px;padding-bottom:30px;}
#obtn .ctext.index .ieul{margin-right:-22px;padding:0 20px;}
#obtn .ctext.index .ieli{float:left;width:25%;padding-right:22px; cursor:pointer;}
#obtn .ctext.index .ieul .slick-prev{width:42px;height:42px;background: url(_im_g/prev1.png) no-repeat rgba(0,0,0,0.5);background-size: cover;left: 0;z-index: 3;
-webkit-border-radius:  50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#obtn .ctext.index .ieul .slick-next{width:42px;height:42px;background: url(_im_g/next1.png) no-repeat rgba(0,0,0,0.5);background-size: cover;right:21px;z-index: 3;
-webkit-border-radius:  50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#obtn .ctext.index .ieul .slick-prev:hover{background: url(_im_g/prev1.png) no-repeat #184a93;}
#obtn .ctext.index .ieul .slick-next:hover{background: url(_im_g/next1.png) no-repeat #184a93;}

@media screen and (max-width:1229px){
#obtn .ctext.index .ie{padding:47px 0 55px 0;}		
}
@media screen and (max-width:991px){
#obtn .ctext.index .ie{padding:30px 0 ;}
#obtn .ctext.index .ie .ieh2{font-size: 24px;line-height: 30px;padding-bottom:20px;}
}
@media screen and (max-width:767px){
#obtn .ctext.index .ie{padding:20px 0 ;}	
#obtn .ctext.index .ie .ieh2{font-size: 18px;line-height: 24px;padding-bottom:10px;}
#obtn .ctext.index .ieul{margin-right:-10px;padding:0 ;position: relative;}
#obtn .ctext.index .ieul .ieli{padding-right:10px;}
#obtn .ctext.index .ieul .slick-prev{width:30px;height:30px;left:-10px;}
#obtn .ctext.index .ieul .slick-next{width:30px;height:30px;right:0px;}
#obtn .ctext.index .ieul .slick-prev:hover{width:30px;height:30px;background-size: cover;}
#obtn .ctext.index .ieul .slick-next:hover{width:30px;height:30px;background-size: cover;}
}
@media screen and (max-width:500px){
#obtn .ctext.index .ieul{margin-right:0px;}
#obtn .ctext.index .ieul .ieli{padding-right:0;}
#obtn .ctext.index .ieul .slick-prev{left:0px;}
}
/*index中石集团视频*/
#obtn .ctext.video{float:left;width:100%;background:#184A93;background-size: cover;}
#obtn .ctext.video .vi{float:left;width:100%; padding:51px 47.5px 32px 47.5px;}
#obtn .ctext.video .vi .vih2{font-size: 30px;line-height: 36px;color: #fff;font-weight: bold;letter-spacing: 1px;padding-bottom:25px;}
#obtn .ctext.video .vi .vis{float:left;width:100%;}
#obtn .ctext.video .vi .vis .vil{float:left;width:75.85%;}
#obtn .ctext.video .vi .vis .vil .vili{width: 100%;height:537px;}
#obtn .ctext.video .vili .slick-slide .slick-current .slick-active{line-height: 0;}
#obtn .ctext.video .vi .vis .vir{float: right;width:21.41%;}
#obtn .ctext.video .vi .vis .viri{margin-bottom:18px;position: relative; line-height: 0;}
#obtn .ctext.video .vi .vis .viri .tit{width:100%;height:100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;}
#obtn .ctext.video .vi .vis .viri .tit .vd{position: absolute;top: 50%;left:50%;transform: translate(-50% ,-50%);width:50px;height:50px;background: url(_im_g/vi.png) no-repeat rgb(217,217,217,0.8);background-size: cover;
-webkit-border-radius:  50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#obtn .ctext.video .vi .vis .viri .tit .vdiv{display:none;position: absolute;top: 50%;left:50%;transform: translate(-50% ,-50%);width:145px;height:40px;background: rgba(255,255,255,0.9);text-align: center;font-size:16px;line-height: 40px;color:#184A93;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
-webkit-border-radius:  20px;
-khtml-border-radius:  20px;
-moz-border-radius:  20px;
border-radius:  20px}

#obtn .ctext.video .vi .vis .viri.slick-current .tit .vdiv{display: block;}
#obtn .ctext.video .vi .vis .viri.slick-current .tit .vd{display:  none;}

@media screen and (max-width:1329px){
#obtn .ctext.video .vi{padding:51px 0 32px 0;}		
}
@media screen and (max-width:1229px){	
#obtn .ctext.video .vi .vis .vil .vili{height:455px;}
#obtn .ctext.video .vi .vis .viri{margin-bottom:13.5px;}
}
@media screen and (max-width:991px){
#obtn .ctext.video .vi{padding:30px 0;}	
#obtn .ctext.video .vi .vih2{font-size: 24px;line-height: 30px;padding-bottom:20px;}
#obtn .ctext.video .vi .vis .vil .vili{height:350px;}
#obtn .ctext.video .vi .vis .viri{margin-bottom:11px;}
#obtn .ctext.video .vi .vis .viri .tit .vd{width:30px;height:30px;background-size: cover;}
#obtn .ctext.video .vi .vis .viri .tit .vdiv{width:100px;height:30px;line-height: 30px;font-size:14px;}
}
@media screen and (max-width:767px){
#obtn .ctext.video .vi{padding:20px 0;}	
#obtn .ctext.video .vi .vih2{font-size: 18px;line-height: 24px;padding-bottom:10px;}
#obtn .ctext.video .vi .vis .vil {width:100%;}
#obtn .ctext.video .vi .vis .vir {width:100%;margin-top:15px;padding:10px;}
#obtn .ctext.video .vi .vis .vil .vili.slick-slide{height:auto;width:100%;}
#obtn .ctext.video .vi .vis .vil .vili.slick-current{width:100%;}
#obtn .ctext.video .vi .vis .vil .vili.slick-active{height:auto;width:100%;}
#obtn .ctext.video .vi .vis .viri{margin:0 10px;}
#obtn .ctext.video .vi .vis .viri .tit .vd{width:30px;height:30px;background-size: cover;}
#obtn .ctext.video .vi .vis .viri .tit .vdiv{width:80%;height:30px;line-height: 30px;font-size:12px;}
}



/*index新闻中心*/
#obtn .ctext.index .ix{float:left;width: 100%; padding:43px 47.5px 58px 47.5px; }
#obtn .ctext.index .ix .ixh2{font-size: 30px;line-height: 34px;color: #184A93;font-weight: bold;letter-spacing: 1px;padding-bottom:46px;}
#obtn .ctext.index .ixul{margin-right:-24px;}
#obtn .ctext.index .ixli{float:left;width: 25%; padding-right: 24px;}
#obtn .ctext.index .ixli .ixd{float:left; width: 100%;}
#obtn .ctext.index .ixli .ixd .text{float:left;background: #f5f5f5;width:100%;padding:24px 22px 19px 22px;}
#obtn .ctext.index .ixli .text .th3{font-size:18px; line-height: 32px; font-weight: bold;color: #333;letter-spacing: 1px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#obtn .ctext.index .ixli .text .data{font-size:16px; line-height: 24px; font-weight: bold;color: #666;}
#obtn .ctext.index .ixli .text .tp{font-size:14px; line-height: 18px;color: #666;letter-spacing: 1px;height: 90px;overflow: hidden;margin:25px 0 34px 0;}
#obtn .ctext.index .ixli .text .mores{width:42px;height: 42px;background: url(_im_g/next3.png) no-repeat #184a93;background-size:cover;display: block;float:right;
-webkit-border-radius:  50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#obtn .ctext.index .ixli .ixd:hover .text{background:#184A93;}
#obtn .ctext.index .ixli .ixd:hover .th3{color: #fff;}
#obtn .ctext.index .ixli .ixd:hover .data{color: #fff;}
#obtn .ctext.index .ixli .ixd:hover .tp{color: #fff;}
#obtn .ctext.index .ixli .ixd:hover .mores{background: url(_im_g/next4.png) no-repeat #fff;}

@media screen and (max-width:1229px){
#obtn .ctext.index .ix{ padding:52px 0 58px 0; }	
}
@media screen and (max-width:991px){
#obtn .ctext.index .ix{padding:30px 0; }
#obtn .ctext.index .ix .ixh2{font-size: 24px;line-height: 30px;padding-bottom:20px;}
#obtn .ctext.index .ixul{margin-right:-20px;}	
#obtn .ctext.index .ixli{width: 50%; padding:0 20px 20px 0;}
}
@media screen and (max-width:767px){
#obtn .ctext.index .ix{padding:20px 0; }
#obtn .ctext.index .ix .ixh2{font-size: 18px;line-height: 24px;padding-bottom:10px;}
#obtn .ctext.index .ixul{margin-right:0px;}	
#obtn .ctext.index .ixli{width: 100%; padding:0 0px 20px 0;}
#obtn .ctext.index .ixli .ixd .text{padding:15px 10px;}
#obtn .ctext.index .ixli .text .th3{line-height: 30px; }
#obtn .ctext.index .ixli .text .data{line-height: 24px; }
#obtn .ctext.index .ixli .text .tp{height: auto;margin:15px 0 20px 0;}
#obtn .ctext.index .ixli .text .mores{width:30px;height: 30px;}
#obtn .ctext.index .ixli .ixd:hover .mores{width:30px;height: 30px;background-size:cover;}
}







/*产品展示*/
#obtn .ctext.products{float:left;width:100%;border-bottom:1px solid #e5e5e5;height:71px;}
#obtn .ctext.products .bread{float:left;width:100%;height:70px;padding:0 47.5px;position: relative;}
#obtn .ctext.products .bread .bl{float:left;width:60%;}
#obtn .ctext.products .bread .bl .tit{display:block;float:left;width:100px;height:38px;margin-top:15px;color:#333;font-size: 15px;line-height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right:5px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .ctext.products .bread .bl .on{width:100px;height:38px;margin-top:15px;background: #184A93;font-size: 15px;line-height: 38px;color: #fff;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right:5px;
-webkit-border-radius:  5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#obtn .ctext.products .bread .bl .tit:hover{background: #184A93;color: #fff;
-webkit-border-radius:  5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#obtn .ctext.products .bread .br{float:right;font-size:15px;line-height:70px;letter-spacing: 1px;width:40%;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .ctext.products .bread .br a{color:#333;}
#obtn .ctext.products .bread .br a:hover{color: #184A93;}

#obtn .ctext.product{float:left;width:100%;}
#obtn .ctext.product .pr{float:left;width:100%; padding:72px 47.5px 58px 47.5px;}
#obtn .ctext.product .pr .prh2{font-size: 30px;line-height: 34px;color: #184A93;font-weight: bold;text-align: center;}
#obtn .ctext.product .pr .prtext{font-size:15px; line-height: 34px;color:#333;text-align: center;padding:0 230px;padding-top:38px;}
#obtn .ctext.product .pr .prd{float:left;margin-top:42px;width:100%;}
#obtn .ctext.product .pr .prul1{margin-right:-28px;}
#obtn .ctext.product .pr .prul1 .prl1{float:left;width:25%;padding:0 28px 23px 0;}
#obtn .ctext.product .pr .prul1 .prl1 .prl1d{display:block;border: 1px solid #184A93;color:#184A93;font-size: 15px;line-height: 46px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-webkit-border-radius:  5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#obtn .ctext.product .pr .prul1 .prl1 .prl1d:hover,
#obtn .ctext.product .pr .prul1 .prl1 .prl1d.on{background-color: #184A93; color: #fff;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;}

#obtn .ctext.product .pr .prd2{float:left;margin-top:27px; width:100%;}
#obtn .ctext.product .pr .prul2{margin-right:-24px;}
#obtn .ctext.product .pr .prul2 .prl2{float:left;width:50%;padding:0 24px 23px 0; position:relative;}
#obtn .ctext.product .pr .prul2 .prl2 .pro_dw{position:absolute; left:0; top:-150px; z-index:-1; height:0; width:100%; overflow:hidden;}
#obtn .ctext.product .pr .prl2 .prl2d{float:left;width:100%;padding:46px 0;background: #f1f3f7;height:388px;overflow: hidden;}
#obtn .ctext.product .pr .prl2 .prl_l{float:left;width:50%;}
#obtn .ctext.product .pr .prl2 .prl_r{float:left;width:50%;}


#obtn .ctext.product .pr .prl2 .prl_l .prlh3{font-size: 24px; line-height: 30px;color: #184a93;font-weight: bold;padding-left:29%;}
#obtn .ctext.product .pr .prl2 .prl_l .prlul {padding-left:29%;margin-top:10px;}
#obtn .ctext.product .pr .prl2 .prl_l .prlul li{font-size: 17px; line-height: 34px;position: relative;overflow: hidden;text-overflow: hidden;white-space: nowrap;}
#obtn .ctext.product .pr .prl2 .prl_l .prlul li::before{content: '';position: absolute;top:50%;transform: translate(0,-50%);width:4px;height:4px;background-color: #666;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#obtn .ctext.product .pr .prl2 .prl_l .prlul li:hover::before{background-color: #184a93;}
#obtn .ctext.product .pr .prl2 .prl_l .prlul li .span{color: #666;padding-left:11px;}
#obtn .ctext.product .pr .prl2 .prl_l .prlul li .span:hover{color:#184a93;font-weight: bold;}
#obtn .ctext.index .inl .ind .ind_r{float:right;width:50%;}
@media screen and (max-width:1329px){
#obtn .ctext.products .bread{padding:0 ;}	
#obtn .ctext.product .pr{padding:72px 0 58px 0;}	
}
@media screen and (max-width:1229px){
#obtn .ctext.product .pr .prl2 .prl2d{height:350px;}	
}
@media screen and (max-width:991px){
#obtn .ctext.product .pr .prh2{font-size: 20px;line-height: 24px;}
#obtn .ctext.product .pr .prtext{font-size:14px; line-height: 30px;padding:0 50px;padding-top:20px;}	
#obtn .ctext.product .pr{padding:30px 0 0px 0;}	
#obtn .ctext.product .pr .prl2 .prl2d{padding:25px 0;height:300px;}	
#obtn .ctext.product .pr .prl2 .prl_l .prlh3{font-size: 20px; line-height: 26px;padding-left:20%;}
#obtn .ctext.product .pr .prl2 .prl_l .prlul {padding-left:20%;}
	
}
@media screen and (max-width:767px){
#obtn .ctext.products{height:51px;}
#obtn .ctext.products .bread{height:50px;}
#obtn .ctext.products .bread .bl{width:100%;white-space: nowrap;
-webkit-overflow-scrolling: touch; overflow-x: auto;overflow-y: hidden; padding: 0 0.1rem;margin-bottom: -.2rem;
overflow: -moz-scrollbars-none;
overflow: -moz-scrollbars-none;}
#obtn .ctext.products .bread .bl::-webkit-scrollbar{
 display: none;
}
#obtn .ctext.products .bread .bl .tit{float:none;display:inline-block;}
#obtn .ctext.products .bread .bl .tit{width:80px;height:30px;margin-top:10px;font-size: 14px;line-height: 30px;}
#obtn .ctext.products .bread .bl .on{width:80px;height:30px;margin-top:10px;font-size: 14px;line-height: 30px;background: #184A93;color: #fff;}

#obtn .ctext.products .bread .br{display:none;}	
#obtn .ctext.product .pr{padding:15px 0 0px 0;}
#obtn .ctext.product .pr .prh2{font-size: 18px;}
#obtn .ctext.product .pr .prtext{padding:0px;padding-top:15px;}
#obtn .ctext.product .pr .prd{margin-top:10px;}
#obtn .ctext.product .pr .prd2{margin-top:10px;}
#obtn .ctext.product .pr .prul1{margin-right:-10px;}
#obtn .ctext.product .pr .prul1 .prl1{width:33.33%;padding:0 10px 10px 0;}
#obtn .ctext.product .pr .prul2{margin-right:0;}
#obtn .ctext.product .pr .prul2 .prl2{width:100%;padding:0 0 15px 0;}
#obtn .ctext.product .pr .prl2 .prl_l .prlh3{font-size: 18px; line-height: 26px;padding-left:10%;}
#obtn .ctext.product .pr .prl2 .prl_l .prlul {padding-left:10%;}
#obtn .ctext.product .pr .prl2 .prl_l .prlul li{font-size: 14px; line-height: 24px;}
#obtn .ctext.product .pr .prl2 .prl2d{padding:20px 0;height:auto;}		
}



/*2产品展示-详情页*/
#obtn .ctext.product .po{float:left; width: 100%; padding:78px 47.5px 22px 47.5px;}
#obtn .ctext.product .pol{float:left;width:46.3%;line-height: 0;}
#obtn .ctext.product .por{float:right; width: 46.88%;}

#obtn .ctext.product .pol .polt{float:left;width:100%;}
#obtn .ctext.product .pol .polt .polti{width:100%;background:#f1f3f7;}
#obtn .ctext.product .pol .polf{float:left;width:100%;margin-top:12px;padding-right:37px;position: relative;line-height: 0;}
#obtn .ctext.product .pol .polf .polfi{margin-right:15px;background:#f1f3f7;line-height: 0;}
#obtn .ctext.product .pol .polf .slick-prev{width: 37px;height:45px; background: url(_im_g/cprev1.png) no-repeat #27282a;background-size: cover;left:100%;top:0;transform: translate(-100%,0);z-index: 3;}
#obtn .ctext.product .pol .polf .slick-next{width: 37px;height:45px; background: url(_im_g/cnext1.png) no-repeat #27282a;background-size: cover;right:0;top:100%;transform: translate(0,-100%);z-index: 3;}
#obtn .ctext.product .pol .polf .slick-prev:hover{ background: url(_im_g/cprev1.png) no-repeat #16458b;}
#obtn .ctext.product .pol .polf .slick-next:hover{ background: url(_im_g/cnext1.png) no-repeat #16458b;}
#obtn .ctext.product .pol .polf .polfi.slick-current img{border:2px solid #16458B;}



#obtn .ctext.product .por .por1{float:left;width:100%;border-bottom:1px solid #e5e5e5;padding-bottom:32px;}
#obtn .ctext.product .por1 .proh2{font-size: 30px;line-height: 30px;color: #184a93;padding-top:46px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#obtn .ctext.product .por1 .prop{font-size: 15px;line-height: 30px;color: #666;margin-top:38px;letter-spacing: 1px;height: 90px;overflow: hidden;}

#obtn .ctext.product .por .por2{float:left;width:100%;padding-top:32px;}
#obtn .ctext.product .por .por2 .p{font-size:15px;line-height: 30px;color: #666;letter-spacing: 1px;}

#obtn .ctext.product .por .por3 {float:left;width: 100%;margin-top: 48px;}
#obtn .ctext.product .por3 .pori{float:left;width:48px;height:48px;}
#obtn .ctext.product .por3 .pori ._pimg{float:left;width:100%;}
#obtn .ctext.product .por3 .pori ._div{width:100%;padding-bottom:100%;min-height: 20px;background: #184A93;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#obtn .ctext.product .por3 .ptit{float:left;padding-left:12px;}
#obtn .ctext.product .por3 .ptit .h6{font-size:15px; line-height: 24px;color: #555;}
#obtn .ctext.product .por3 .ptit .h3{font-size: 20px; line-height: 20px; color: #555; font-weight: bold;}


#obtn .ctext.product .pu{float:left;width: 100%; padding: 0 47.5px; padding-top:46px;}
#obtn .ctext.product .pu .pul{float:left;width:11.61%;}
#obtn .ctext.product .pu .pur{float:right;width: 84.89%;}

#obtn .ctext.product .pu .pul .puh2{width:100%;font-size: 24px; line-height: 44px;background: #184A93;color: #fff;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:8px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#obtn .ctext.product .pu .pur .ptext{font-size: 15px; line-height: 30px;color: #555;letter-spacing: 1px;}
#obtn .ctext.product .pu .pur .p_p{font-size: 15px; line-height: 30px;color: #555;letter-spacing: 1px;margin-top:44px;}

#obtn .ctext.product .pu .pur .p_ul{margin-right:-36px;margin-top:45px;}
#obtn .ctext.product .pu .pur .p_li{float:left;width: 50%; padding-right:36px;}

#obtn .ctext.product .pudo{float:left;width: 100%;padding:0 47.5px;margin-bottom:78px; margin-top:30px;}
#obtn .ctext.product .pudo .puul{float:left;width:100%;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:11px 0;}
#obtn .ctext.product .pudo .puli{float:left;width:33.33%;font-size: 15px; line-height: 30px;cursor: pointer;}
#obtn .ctext.product .pudo .puli .span1{color: #666;padding-right:20px;}
#obtn .ctext.product .pudo .puli .span2{color: #16458b;display: inline-block;}
#obtn .ctext.product .pudo .puli:nth-child(2){text-align: center;color:#16458B;}
#obtn .ctext.product .pudo .puli:last-child{text-align: right;}
#obtn .ctext.product .pudo .puli:last-child .span2::after{content: '';float:right;width:10px;height:30px;background: url(_im_g/cnext2.png) no-repeat center center; background-size: 6px 7px;margin-left:5px;}
#obtn .ctext.product .pudo .puli:first-child .span2::before{content: '';float:left;width:10px;height:30px;background: url(_im_g/cprev2.png) no-repeat center center; background-size: 6px 7px;margin-right:5px;}
#obtn .ctext.product .pudo .puli:last-child .span1{padding-left:20px;padding-right:0;}
#obtn .ctext.product .pudo .puli .span1:hover {color:#16458B;}


@media screen and (max-width:1229px){
#obtn .ctext.product .po{ padding:60px 0 22px 0;}
#obtn .ctext.product .pol .polf .slick-prev{width:30px;height: 36px;}
#obtn .ctext.product .pol .polf .slick-next{width:30px;height: 36px;}
#obtn .ctext.product .pol .polf .slick-prev:hover{ width:30px;height: 36px; background-size: cover;}
#obtn .ctext.product .pol .polf .slick-next:hover{width:30px;height: 36px;background-size: cover;}
#obtn .ctext.product .por .por1{padding-bottom:20px;}
#obtn .ctext.product .por1 .proh2{padding-top:15px;}
#obtn .ctext.product .por1 .prop{margin-top: 20px;}
#obtn .ctext.product .por .por2{padding-top:20px;}
#obtn .ctext.product .por .por3{margin-top:35px;}

#obtn .ctext.product .pu{padding:40px 0 0 0;}
#obtn .ctext.product .pudo {padding:0;margin-bottom: 50px;}
}

@media screen and (max-width:991px){
#obtn .ctext.product .po{ padding:40px 0 20px 0;}
#obtn .ctext.product .pol .polf{margin-top:10px;padding-right:20px;}
#obtn .ctext.product .pol .polf .polfi{margin-right:10px;}
#obtn .ctext.product .pol .polf .slick-prev{width:20px;height: 28px;}
#obtn .ctext.product .pol .polf .slick-next{width:20px;height: 28px;}
#obtn .ctext.product .pol .polf .slick-prev:hover{ width:20px;height: 28px; background-size: cover;}
#obtn .ctext.product .pol .polf .slick-next:hover{width:20px;height: 28px;background-size: cover;}
#obtn .ctext.product .por .por1{padding-bottom:10px;}
#obtn .ctext.product .por1 .proh2{font-size:24px;line-height: 24px;}
#obtn .ctext.product .por1 .prop{margin-top: 10px;font-size: 14px;line-height: 28px;}
#obtn .ctext.product .por .por2{padding-top:10px;}
#obtn .ctext.product .por .por2 .p{font-size: 14px;line-height: 28px;}
#obtn .ctext.product .por .por3{margin-top:15px;}
#obtn .ctext.product .por3 .pori{width:40px;height:40px;}
#obtn .ctext.product .por3 .ptit .h6{font-size: 14px;line-height: 16px;}
#obtn .ctext.product .por3 .ptit .h3{font-size: 20px;line-height: 24px;}

#obtn .ctext.product .pu{padding:40px 0 0 0;}
#obtn .ctext.product .pu .pul .puh2{font-size:18px;line-height: 40px;}
#obtn .ctext.product .pudo {margin-bottom: 40px;}
}

@media screen and (max-width:767px){
#obtn .ctext.product .po{ padding:20px 0;}	
#obtn .ctext.product .pol{width:100%;}
#obtn .ctext.product .por{width:100%;height: auto;}
#obtn .ctext.product .pol .polf{margin-top:10px;padding:0 20px 0 30px;}
#obtn .ctext.product .pol .polf .slick-prev{left:0;top:50%;transform: translate(0,-50%);}
#obtn .ctext.product .pol .polf .slick-next{right:0;top: 50%;transform: translate(0, -50%);}
#obtn .ctext.product .por1 {float:none;height: auto;}
#obtn .ctext.product .por1 .proh2{float:none;font-size:18px;line-height: 18px;}
#obtn .ctext.product .por1 .prop{float:none;height:auto;overflow: visible;}

#obtn .ctext.product .pu{padding:20px 0 0 0;}
#obtn .ctext.product .pu .pul{width:120px;margin-bottom:10px;}
#obtn .ctext.product .pu .pur{width: 100%;}
#obtn .ctext.product .pu .pur .p_ul{margin-right:-15px;margin-top:20px;}
#obtn .ctext.product .pu .pur .p_li{ padding-right:15px;}

#obtn .ctext.product .pudo {margin-bottom: 20px;}
#obtn .ctext.product .pudo .puli:nth-child(2){width: 20%;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;padding: 0 5px;}
#obtn .ctext.product .pudo .puli:first-child{width: 40%;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
#obtn .ctext.product .pudo .puli:last-child{width: 40%;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
#obtn .ctext.product .pudo .puli .span1{padding-right:8px;}
#obtn .ctext.product .pudo .puli:last-child .span1{padding-left:8px;}
}

/*新闻资讯*/
#obtn .ctext.news{float:left;width: 100%;}
#obtn .ctext.news .new{float:left;width: 100%;margin-top:78px;padding:0 47.5px;}
#obtn .ctext.news .new .newli{float:left;width: 100%;padding: 12px;background: #f5f5f5;height:221px;margin-bottom: 20px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#obtn .ctext.news .new .newli .newd{float:left;width:100%;display:block;position: relative;padding-left: 251px;}
#obtn .ctext.news .new .newli .newd .newl{width:251px;position: absolute;left:0;}
#obtn .ctext.news .new .newli .newd .newl ._pimg{float:left;width:100%;overflow: hidden; padding-bottom:21.25%;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;	
}
#obtn .ctext.news .new .newli .newd .newl ._pimg ._img{width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}

#obtn .ctext.news .new .newli .newd .newr{float: left;width: 100%;padding-left:45px;padding-right:30px;}
#obtn .ctext.news .newd .newr .newrh2{float:left;padding:16px 0 13px 0;width:100%;}
#obtn .ctext.news .newd .newr .newrh2 .span1{float:left;font-size: 18px;line-height: 34px; color:#333;font-weight: bold;}
#obtn .ctext.news .newd .newr .newrh2 .span2{float:right;font-size: 16px;line-height: 34px; color:#666;font-weight: bold;padding-right:5px;}
#obtn .ctext.news .newd .newr .newp{font-size:14px;line-height: 24px;color: #666;height: 48px;overflow: hidden;float:left;}
#obtn .ctext.news .newd .newr .more{float:left;display:block;width:34px;height: 34px;background: url(_im_g/next3.png) no-repeat #184A93;background-size: cover;margin-top:26px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}

#obtn .ctext.news .new .newli:hover{background: #16458b;}
#obtn .ctext.news .new .newli:hover .newl ._pimg ._img{-webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
#obtn .ctext.news .newli:hover .newd .newr .newrh2 .span1{color:#fff;}
#obtn .ctext.news .newli:hover .newd .newr .newrh2 .span2{color:#fff;}
#obtn .ctext.news .newli:hover .newr .newp{color: #fff;}
#obtn .ctext.news .newli:hover .more{background: url(_im_g/next4.png) no-repeat #fff;background-size: cover;}
@media screen and (max-width:1229px){
#obtn .ctext.news .new{margin-top:60px;padding:0;}	
}
@media screen and (max-width:991px){
#obtn .ctext.news .new .newli .newd .newr{padding: 0 20px ;}	
#obtn .ctext.news .newd .newr .newp{height: 68px;}
#obtn .ctext.news .newd .newr .more{margin-top:15px;}
}
@media screen and (max-width:767px){
#obtn .ctext.news .new{margin-top:20px;}		
#obtn .ctext.news .new .newli {height:180px;}	
#obtn .ctext.news .new .newli .newd{padding-left: 200px;}	
#obtn .ctext.news .new .newli .newd .newl{width:200px;}
#obtn .ctext.news .newd .newr .newrh2{padding:10px 0;}
#obtn .ctext.news .newd .newr .newrh2 .span1{font-size:16px;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:60%;}
#obtn .ctext.news .newd .newr .newrh2 .span2{font-size: 14px; line-height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:40%;text-align: right;}
#obtn .ctext.news .newd .newr .more{width:28px;height:28px;background-size: cover;}
#obtn .ctext.news .newli:hover .more{background-size: cover;}
}
@media screen and (max-width:500px){
#obtn .ctext.news .new .newli {height:102px;}	
#obtn .ctext.news .new .newli .newd{padding-left: 100px;}	
#obtn .ctext.news .new .newli .newd .newl{width:100px;}
#obtn .ctext.news .new .newli .newd .newr{padding:0 10px;}
#obtn .ctext.news .newd .newr .newrh2{padding: 0;}
#obtn .ctext.news .newd .newr .newp{height:24px;}
#obtn .ctext.news .newd .newr .more{width:20px;height:20px;background-size: cover;margin-top:5px;}
#obtn .ctext.news .newli:hover .more{background-size: cover;}
}

#obtn .ctext.news .ne{float:left;width: 100%; padding: 0 47.5px;}
#obtn .ctext.news .ne .neh2{width:100%;text-align: center;font-size: 26px;line-height: 36px;color: #333;margin:72px 0 38px 0;}


#obtn .ctext.news .net{float:left;width:100%;border-top:1px solid #d7d8d8;border-bottom:1px solid #d7d8d8;color:#555;}
#obtn .ctext.news .net .netl{float:left;font-size:15px;line-height:15px;padding:20px 0;letter-spacing: 1px;}
#obtn .ctext.news .net .netl .sp{display:inline-block;padding:0 8px;}
#obtn .ctext.news .net .netr{float:right;font-size:15px;line-height:53px;}
#obtn .ctext.news .net .netr:hover{color: #184A93;}
#obtn .ctext.news .net .netr span{padding-right:10px;}
#obtn .ctext.news .net .netr .netri{float:right;width:34px;height:34px;background: url(_im_g/fh.png) no-repeat center center #16458b; 
-khtml-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;margin-top:10px;}

#obtn .ctext.news .ne .text{float:left;font-size: 15px; line-height: 30px;margin-top:26px;letter-spacing: 1px;margin-bottom:20px; }
#obtn .ctext.news .ne .text p{text-indent: 40px;color: #555;}

#obtn .ctext.news .ne .neul{margin-right:-58px;}
#obtn .ctext.news .ne .neul .neli{float:left;width:50%;padding-right: 58px;}



#obtn .ctext.news .nec{float:left;width:100%;}
#obtn .ctext.news .nec .nect{float:left;text-align:center;position: relative;left:50%;transform: translate(-50%,0);margin:0px 0 33px 0;}
#obtn .ctext.news .nec .nect .a1{width:36px;height:36px;background:url(_im_g/wx1.png) no-repeat center center #00a0e9;background-size:21px 17px;margin-right:16px;
-khtml-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;}
#obtn .ctext.news .nec .nect .a4{width:36px;height:36px;background:url(_im_g/wb1.png) no-repeat center center #ff4250;background-size:18px 15px;margin-right:16px;
-khtml-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;}
#obtn .ctext.news .nec .nect .a3{width:36px;height:36px;background:url(_im_g/qqkj.png) no-repeat center center #f69c2b;background-size:20px 18px;
-khtml-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;}


#obtn .ctext.news .nef{float:left;width:100%;margin:0px 0 64px 0;font-size:14px;line-height:60px;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}
#obtn .ctext.news .nef .nefl{float:left;width:50%;border-right: 1px solid #dbdbdb;}
#obtn .ctext.news .nef .nefr{float:right;width:50%;text-align: right;}
#obtn .ctext.news .nef a span{margin: 0 10px 0 3px;}
#obtn .ctext.news .nef .nefl:hover{color:#16458B;cursor: pointer;}
#obtn .ctext.news .nef .nefr:hover{color:#16458B;cursor: pointer;}

#obtn .ctext.news .snew{float:left;width: 100%; padding: 0 47.5px;margin-bottom:48px;}
#obtn .ctext.news .snh3{float:left;font-size:24px;line-height:26px;color:#333;padding-bottom:35px;width:100%;}
#obtn .ctext.news .snul{margin-right:-28px;}
#obtn .ctext.news .snul .snli{float:left;width: 50%;padding:0 28px 25px 0;}
#obtn .ctext.news .snul .snli .snd{float:left;width:100%;background: #f5f5f5;height:149px;padding:8px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#obtn .ctext.news .snul .snli .snt{float:left;width:100%;position: relative;padding-left: 171px;}
#obtn .ctext.news .snul .snli .snt .snl{width:171px;position: absolute;left:0;}
#obtn .ctext.news .snul .snli .snt .snl ._pimg{float:left;width:100%;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;	
}
#obtn .ctext.news .snul .snli .snt .snl ._div{float:left;width:100%;padding-bottom:77.77%;overflow: hidden;min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;	
}
#obtn .ctext.news .snul .snli .snt .snl ._pimg ._img{width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}

#obtn .ctext.news .snul .snli .snt .snr{float: left;width: 100%;padding-left:27px;padding-right:12px;}
#obtn .ctext.news .snul .snli .snt .snr .snh2{float:left;padding:5px 0 ;width:100%;}
#obtn .ctext.news .snt .snr .snh2 .span1{float:left;font-size: 18px;line-height: 34px; color:#333;font-weight: bold;width:60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .ctext.news .snt .snr .snh2 .span2{float:right;font-size: 16px;line-height: 34px; color:#666;font-weight: bold;width:40%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: right;}
#obtn .ctext.news .snli .snt .snr .snp{font-size:14px;line-height: 24px;color: #666;height: 48px;overflow: hidden;float:left;letter-spacing: 1px;}
#obtn .ctext.news .snli .snt .snr .more{float:left;display:block;width:26px;height: 26px;background: url(_im_g/next3.png) no-repeat #184A93;background-size: cover;margin-top:6px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}

#obtn .ctext.news .snul .snli .snd:hover{background: #16458b;}
#obtn .ctext.news .snul .snli .snd:hover .snl ._pimg ._img{-webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
#obtn .ctext.news .snul .snli .snd:hover .snr .snh2 .span1{color:#fff;}
#obtn .ctext.news .snul .snli .snd:hover .snr .snh2 .span2{color:#fff;}
#obtn .ctext.news .snul .snli .snd:hover .snr .snp{color: #fff;}
#obtn .ctext.news .snul .snli .snd:hover .more{background: url(_im_g/next4.png) no-repeat #fff;background-size: cover;}




@media screen and (max-width:1229px) {
#obtn .ctext.news .ne{padding: 0 ;}	
#obtn .ctext.news .snew{padding:0;}	
#obtn .ctext.news .ne .neh2{margin:50px 0 30px 0;}
}
@media screen and (max-width:991px) {	
#obtn .ctext.news .ne .neh2{margin:30px 0 20px 0;}
#obtn .ctext.news .ne .neul{margin-right:-30px;}
#obtn .ctext.news .ne .neul .neli{padding-right: 30px;}
#obtn .ctext.news .ne .text{margin:10px  0 0 0;}
#obtn .ctext.news .nef{margin-bottom: 40px;}
#obtn .ctext.news .snew{margin-bottom:30px;}
#obtn .ctext.news .snh3{padding-bottom:20px;}
#obtn .ctext.news .snul{margin-right:0px;}
#obtn .ctext.news .snul .snli{width: 100%;padding:0 0px 20px 0;}
}
@media screen and (max-width:767px) {	
#obtn .ctext.news .ne .neh2{margin:20px 0;font-size:18px;}
#obtn .ctext.news .net{position: relative;padding-right: 98px;}
#obtn .ctext.news .net .netl{padding:14px 0;float:left;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .ctext.news .net .netr{line-height: 44px;width:98px;position: absolute;right: 0;}
#obtn .ctext.news .net .netr .netri{width:28px;height:28px;margin-top:8px;}
#obtn .ctext.news .ne .neul{margin-right:-20px;}
#obtn .ctext.news .ne .neul .neli{padding-right: 20px;}
#obtn .ctext.news .nef{margin-bottom: 30px;line-height: 40px;}
#obtn .ctext.news .snew{margin-bottom:20px;}
#obtn .ctext.news .snh3{font-size:18px;}
}
@media screen and (max-width:500px){
#obtn .ctext.news .snul .snli .snd{position: relative;height: auto;}
#obtn .ctext.news .snul .snli .snt{position: relative;height: auto;padding-left:0;}
#obtn .ctext.news .snul .snli .snt .snl{width: 100%; height:auto; position: relative;}
#obtn .ctext.news .snul .snli .snt .snl ._pimg{width:100%;}
#obtn .ctext.news .snul .snli .snt .snr{padding:0 12px;}	
#obtn .ctext.news .snul .snli .snt .snr .snp{overflow: visible;height: auto;}
}











/*发展历程*/

#obtn .ctext.course{float:left;width:100%;padding:80px 0 84px 0;}
#obtn .ctext.course .co{float:left;width: 100%;padding: 0 58px;}
#obtn .ctext.course .dl{float:left;width:100%;position: relative;padding-bottom:142px;margin-bottom:84px;}
#obtn .ctext.course .dl .dt{ width:100%; position:absolute; left:0; top:-52px; font-size:24px; color:#16458B; line-height:32px; font-weight:bold; text-align:center;}
#obtn .ctext.course .dl .dian{ width:97px; height:97px; position:relative; left:50%; top:0; margin-left:-48.5px; background:#16458b; z-index:2;color: #fff;font-size: 24px;border: 4px solid #6f8cb7;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 40px;padding:23.5px 0;margin-bottom:40px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .ctext.course .dl .bian{ width:1px; height:100%; background:#e9e9e9; position:absolute; left:50%; top:0;}
#obtn .ctext.course .dl .dd{ width:100%; float:left; margin-bottom:36px; position:relative;height:auto;}
#obtn .ctext.course .dl .dd .zbox{float:left; width:44.08%;  background: #f4f4f5; padding:12px 13px 13px  215px; position:relative; z-index:2;height: 166px;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;
border-radius:10px;}
#obtn .ctext.course .dl .dd .zbox .img{ width:202px; position:absolute; left:13px; top:12px;}
#obtn .ctext.course .dl .dd .zbox .text{ width:100%; float:left;height:125px;overflow:hidden;padding-left:40px;padding-top:13px;}
#obtn .ctext.course .dl .dd .zbox .text .time{ width:100%; float:left; font-size:18px; color:#16458B; line-height:24px;font-weight:bold;font-family: 'OPENSANS-BOLD';}
#obtn .ctext.course .dl .dd .zbox .text .p{ width:100%; float:left; font-size:15px; color:#666; line-height:30px; min-height:78px;}
#obtn .ctext.course .dl .dd .ico{ background:url(_im_g/rc1.png) no-repeat center center; width:84px; height:22px; position:absolute; left:44%; top:28px;}
#obtn .ctext.course .dl .dd:hover .ico{ background-image:url(_im_g/rc2.png);}

#obtn .ctext.course .dl .dd.d1 .zbox{ float:right;width:44.08%; padding:12px 215px 13px 13px ;position: relative;}
#obtn .ctext.course .dl .dd.d1 .zbox .rimg{ float:right;width:202px; position:absolute; right:13px; top:12px;}
#obtn .ctext.course .dl .dd.d1 .zbox .text{ width:100%; float:left;height:125px;overflow:hidden;padding:13px 30px 0 25px;}
#obtn .ctext.course .dl .dd.d1 .zbox .text .p{ padding-top:5px;}
#obtn .ctext.course .dl .dd.d1 .ico{ background-image:url(_im_g/lc1.png); left:auto; right:43.8%;}
#obtn .ctext.course .dl .dd.d1:hover .ico{ background-image:url(_im_g/lc2.png);}

#obtn .ctext.course .dl .dd.d2{ height:42px;}
#obtn .ctext.course .dl .dd.d1{ height:80px;}
#obtn .ctext.course .dl .dd:hover .zbox{ background: #16458B;}
#obtn .ctext.course .dl .dd:hover .zbox .text .time{ color:#fff;}
#obtn .ctext.course .dl .dd:hover .zbox .text .p{ color:#fff;}
#obtn .ctext.course .dl .more{ width:100%; position:absolute; left:0; top:100%; text-align:center;}
#obtn .ctext.course .dl .more a{ display:block; width:97px; height:97px; position:absolute; left:50%; top:0; margin-left:-48.5px; background:#16458b; z-index:2;color: #fff;font-size: 18px;border: 4px solid #6f8cb7;text-align: center;overflow: hidden;line-height: 24px;padding:20px 19px;margin-bottom:40px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .ctext.course .dl .more a:hover{opacity: 0.7;}


@media screen and (max-width:1329px) {
#obtn .ctext.course .co{padding: 0px;}	
}
@media screen and (max-width:1229px) {
#obtn .ctext.course .dl .dd .zbox{padding:12px 13px 13px  180px;height: 144px;}
#obtn .ctext.course .dl .dd .zbox .img{ width:168px; }
#obtn .ctext.course .dl .dd .zbox .text{ height:110px;padding-left:30px;padding-top:10px;}
#obtn .ctext.course .dl .dd .zbox .text .time{ font-size:16px; line-height:22px;}
#obtn .ctext.course .dl .dd .zbox .text .p{ font-size:14px;  line-height:28px; min-height:70px;}
#obtn .ctext.course .dl .dd .ico{left:42.5%; }	

#obtn .ctext.course .dl .dd.d1 .zbox{padding:12px  180px 13px 13px ;height: 144px;}
#obtn .ctext.course .dl .dd.d1 .zbox .rimg{ width:168px; }
#obtn .ctext.course .dl .dd.d1 .zbox .text{ height:110px;padding:10px 20px 0 20px;}
#obtn .ctext.course .dl .dd.d1 .ico{ right:42.5%;}
}

@media screen and (max-width:991px) {
#obtn .ctext.course .dl .dd .zbox{padding:12px 12px 12px  140px;height: 118px;}
#obtn .ctext.course .dl .dd .zbox .img{ width:108px; }
#obtn .ctext.course .dl .dd .zbox .text{ height:100px;padding-left:20px;padding-top:0px;}
#obtn .ctext.course .dl .dd .zbox .text .time{ font-size:16px; line-height:22px;}
#obtn .ctext.course .dl .dd .zbox .text .p{ font-size:14px;  line-height:24px;}
#obtn .ctext.course .dl .dd .ico{left:40%; }	

#obtn .ctext.course .dl .dd.d1 .zbox{padding:12px  140px 12px 12px ;height: 118px;}
#obtn .ctext.course .dl .dd.d1 .zbox .rimg{ width:108px; }
#obtn .ctext.course .dl .dd.d1 .zbox .text{ height:100px;padding:0px 10px 0 10px;}
#obtn .ctext.course .dl .dd.d1 .ico{ right:40%;}
#obtn .ctext.course .dl .dd.d1 .zbox .text .p{ padding-top:0px;}
}

@media screen and (max-width:767px){
#obtn .ctext.course{padding:20px 0 20px 0;}	
#obtn .ctext.course .dl{padding-bottom:25px; margin-bottom:50px;}
#obtn .ctext.course .dl .dd.d2{ height:auto;}
#obtn .ctext.course .dl .dd.d1{ height:auto;}	
#obtn .ctext.course .dl .dd{height: auto;margin:10px ;padding-left:50px;}
#obtn .ctext.course .dl .dd .zbox{ width:100%;float:right;padding:12px 140px 12px 12px;}	
#obtn .ctext.course .dl .dd .zbox .img{float:none; width:108px; position:absolute; left:auto;right:12px;}
#obtn .ctext.course .dl .dd.d1 .zbox{ width:100%;float:right;}	

#obtn .ctext.course .dl .dd .ico{ left:-6px; width:50px; background-size:contain; background-image:url(_im_g/lc1.png);}
#obtn .ctext.course .dl .dd.d1 .ico{ right:auto; left:-6px;}
#obtn .ctext.course .dl .dd:hover .ico{ background-image:url(_im_g/lc2.png);}
#obtn .ctext.course .dl .bian{ left:9px;}
#obtn .ctext.course .dl .dt{ text-align:left;}
#obtn .ctext.course .dl .dian{ width:60px;height:40px;font-size: 16px; line-height:32px;padding:0;left:0;margin-left:0;text-overflow: ellipsis;white-space: nowrap;
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-khtml-border-radius:5px;
border-radius: 5px;}
#obtn .ctext.course .dl .more a{ float:left;left:0;margin-left:0;width:80px;font-size:16px;line-height: 40px;height:50px;padding:0;text-overflow: ellipsis;white-space: nowrap;
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-khtml-border-radius:5px;
border-radius: 5px;}
#obtn .ctext.course .dl .dd .zbox .text{height:auto;overflow: visible;min-height:100px;}
#obtn .ctext.course .dl .dd .zbox .text .time{ font-size:16px;}
#obtn .ctext.course .dl .dd .zbox .text .p{ font-size:12px; line-height:20px; margin-top:3px; min-height:40px;}

}







#obtn .ctext.contact{float:left; width: 100%; padding:76px 0 80px 0;}
#obtn .ctext.contact .con{float:left; width: 100%;padding: 0 48px;}
#obtn .ctext.contact .con .conl{float:left;width:53.15%;}
#obtn .ctext.contact .con .conr{float:right; width: 46.84%;}
#obtn .ctext.contact .con .conl .conh2{float:left;width:100%;font-size: 30px;line-height: 30px;color: #16458B;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-bottom:5px;}
#obtn .ctext.contact .con .conl .coni{float:left;width: 100%;position: relative;margin-top:46px;}
#obtn .ctext.contact .con .conl .coni ._pimg{float:left;width:40px;height: 40px;}
#obtn .ctext.contact .con .conl .coni ._div{width:100%;-webkit-border-radius:50%; background: #16458B;
-khtml-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;}
#obtn .ctext.contact .con .conl .coni .tit{float:left;width:80%;padding-left:32px;}
#obtn .ctext.contact .con .conl .coni .tit .conh5{font-size: 16px;line-height: 20px;color: #666;}


#obtn .ctext.contact .dt{float:left; width: 100%;padding: 0 48px;margin-top:77px;height: 545px;}
#obtn .ctext.contact .dt .BMap_pop{display:none;}
#obtn .ctext.contact .dt .BMap_shadow{display: none;}

@media screen and (max-width:1229px){
#obtn .ctext.contact{padding:60px 0;}	
#obtn .ctext.contact .con{padding: 0;}
#obtn .ctext.contact .dt{padding: 0;margin-top:50px;height: 450px;}	
#obtn .ctext.contact .con .conl .conh2{padding-bottom:0px;}
#obtn .ctext.contact .con .conl .coni{margin-top:28px;}
}
@media screen and (max-width:991px){
#obtn .ctext.contact{padding:40px 0;}	
#obtn .ctext.contact .con .conl .conh2{font-size: 24px;line-height: 24px;}
#obtn .ctext.contact .con .conl .coni{margin-top:20px;}	
#obtn .ctext.contact .con .conl .coni ._pimg{width:30px;height: 30px;}
#obtn .ctext.contact .con .conl .coni .tit{width:90%;padding-left:15px;}
#obtn .ctext.contact .con .conl .coni .tit .conh5{font-size: 14px;line-height: 18px;}
#obtn .ctext.contact .dt{margin-top:30px;height: 350px;}	
}
@media screen and (max-width:767px){
#obtn .ctext.contact{padding:20px 0;}	
#obtn .ctext.contact .con .conl{width: 100%;}	
#obtn .ctext.contact .con .conr{width: 100%;margin-top:20px;}
#obtn .ctext.contact .con .conl .conh2{font-size: 18px;}
#obtn .ctext.contact .con .conl .coni{margin-top:15px;}	
#obtn .ctext.contact .con .conl .coni .tit .conh5{font-size: 14px;line-height: 18px;}
#obtn .ctext.contact .dt{margin-top:20px;height: 260px;}
}	



/*关于中石*/
#obtn .ctext.about{float:left;width: 100%;}
#obtn .ctext.about .ab{float:left; width: 100%;padding:0 47.5px;}
#obtn .ctext.about .ab .abt{float:left;width: 100%;position: relative;margin:78px 0 50px 0;}
#obtn .ctext.about .ab .abt .abh2{font-size: 36px;line-height: 36px; color: #16458B;font-weight: bold;letter-spacing: 1px;text-align: center;position: relative;margin-bottom: 32px;}
#obtn .ctext.about .ab .abt .abh2::after{content: '';position: absolute;left:50%;bottom:-32px;width: 0;height: 0;border-top:11px;border-left: 10px;border-right: 10px;border-style: solid dashed dashed dashed;border-color:  #16458B   transparent transparent transparent;margin-left:-10px;}

#obtn .ctext.about .ab .abt .text{float:left;font-size: 15px;line-height: 30px; color: #666;margin-top:39px;margin-bottom: 50px;text-indent: 35px;letter-spacing: 1px;}

#obtn .ctext.about .ab .abt .zsbg{float:left;width: 100%;padding:20px 0;background: url(_im_g/zsbg.png) no-repeat #16458B;background-size: cover;border-radius: 5px;}
#obtn .ctext.about .ab .abt .abul{float:left;width:100%;}
#obtn .ctext.about .ab .abt .abli{float:left;width: 33.33%;text-align: center;position: relative;}
#obtn .ctext.about .ab .abt .abli:first-child{border-right: 1px solid rgba(255,255,255,0.5);}
#obtn .ctext.about .ab .abt .abli:nth-child(2){border-right: 1px solid rgba(255,255,255,0.5);}
#obtn .ctext.about .ab .abt .abli .abd{float:left;width: 55.36%;display: inline-block;position: relative;left: 50%;transform: translate(-50%,0);}
#obtn .ctext.about .ab .abt .abli .abd ._pimg{float:left;width:38.73%;}
#obtn .ctext.about .ab .abt .abli .abd .tit{float:right;width:61.17%;}
#obtn .ctext.about .ab .abt .abli .abd .th2{font-size: 36px; line-height: 36px; color: #fff; font-weight: bold;line-height: 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;letter-spacing: 3px;font-family: 微软雅黑;}
#obtn .ctext.about .ab .abt .abli .abd .th5{font-size: 15px; line-height: 30px; color: #fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#obtn .ctext.about .ab .abt .abi{float:left;width:100%;margin:40px 0 0 0;}
#obtn .ctext.about .ab .abt .abi ul{margin-right:-42px;}
#obtn .ctext.about .ab .abt .abi li{float:left; width: 50%;padding-right: 42px;}
#obtn .ctext.about .ab .abt .abi li ._pimg{width:100%;}
#obtn .ctext.about .ab .abt .abi li ._div{width:100%;
-webkit-border-radius:20px; 
-khtml-border-radius:20px;
-moz-border-radius:20px;
border-radius: 20px;}
#obtn .ctext.about .ab .abt .text2{float:left;font-size: 15px;line-height: 30px; color: #666;margin-top:50px;text-indent: 35px;letter-spacing: 1px;}
@media screen and (max-width:1229px){
#obtn .ctext.about .ab{padding:0; }	
#obtn .ctext.about .ab .abt .abli .abd .th2{font-size: 30px; line-height: 40px;}
}
@media screen and (max-width:991px){
#obtn .ctext.about .ab .abt{margin:50px 0 30px 0;}
#obtn .ctext.about .ab .abt .abh2{font-size: 24px;line-height: 24px;}	
#obtn .ctext.about .ab .abt .abli .abd .th2{font-size: 24px; line-height: 36px;}
#obtn .ctext.about .ab .abt .abli .abd .th5{font-size: 14px; line-height: 24px; }
}
@media screen and (max-width:767px){
#obtn .ctext.about .ab .abt .abh2{font-size: 18px;line-height: 24px;margin-bottom: 18px;}	
#obtn .ctext.about .ab .abt .abh2::after{content: '';position: absolute;left:50%;bottom:-18px;width: 0;height: 0;border-top:7px;border-left: 6px;border-right: 6px;border-style: solid dashed dashed dashed;border-color:  #16458B   transparent transparent transparent;margin-left:-6px;}
#obtn .ctext.about .ab .abt .text{font-size: 12px;line-height: 24px; margin: 20px 0;text-indent: 30px;}
#obtn .ctext.about .ab .abt{margin:20px 0;}

#obtn .ctext.about .ab .abt .abli .abd .th2{font-size: 18px; line-height: 24px;}
#obtn .ctext.about .ab .abt .abli .abd .th5{font-size: 12px; line-height: 20px; }
#obtn .ctext.about .ab .abt .abi{margin-top:30px;}
#obtn .ctext.about .ab .abt .abi ul{margin-right:-15px;}
#obtn .ctext.about .ab .abt .abi li{padding-right:15px;}
#obtn .ctext.about .ab .abt .text2 { font-size: 12px; line-height: 24px; margin-top: 20px;text-indent: 30px;}
}
@media screen and (max-width:500px){
#obtn .ctext.about .ab .abt .abli{width: 100%;margin:10px 0;position: relative;}
#obtn .ctext.about .ab .abt .abli:first-child{border-right: none;}
#obtn .ctext.about .ab .abt .abli:nth-child(2){border-right: none;}
#obtn .ctext.about .ab .abt .abli .abd .tit{position:absolute;top:50%;left:50%;transform: translate(0,-50%);}
#obtn .ctext.about .ab .abt .abi{margin-top:20px;}
}



#obtn .ctext.about .ao{float:left;width:100%;padding: 72px 29px;position: relative;z-index: 3;}
#obtn .ctext.about .ao .aoh2{font-size: 36px;line-height: 36px; color: #fff;font-weight: bold;letter-spacing: 1px;text-align: center;position: relative;margin-bottom: 32px;}
#obtn .ctext.about .ao .aoh2::after{content: '';position: absolute;left:50%;bottom:-32px;width: 0;height: 0;border-top:11px;border-left: 10px;border-right: 10px;border-style: solid dashed dashed dashed;border-color:  #fff   transparent transparent transparent;margin-left:-10px;}

#obtn .ctext.about .ao .aoul{float:left; width: 100%;margin-top:56px;position: relative;}

#obtn .ctext.about .ao .aoul .aoli{float:left;width: 25%;padding:0 21px;color:#fff;position: relative;}
#obtn .ctext.about .ao .aoul .aoli::before{content: '';position: absolute;top:11.5%;left:0;width:100%;height:1px;background:rgba(255,255,255,0.3);}
#obtn .ctext.about .ao .aoul .aoli .aot{width:102px;height:102px;padding:12px;background:rgba(255,255,255,0.4);box-shadow: 0 0 10px rgba(255,255,255,0.2);position: relative;left: 50%;transform: translate(-50%,0);
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;}
#obtn .ctext.about .ao .aoul .aoli .aot .text{width:100%;height:100%;border: 2px solid #16458B;background: rgba(255,255,255,0.9);color: #16458B;font-weight: bold;font-size: 24px;line-height: 76px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;}

#obtn .ctext.about .ao .aoul .aoli .aof{float:left;width: 100%;margin-top:32px;position: relative;}
#obtn .ctext.about .ao .aoul .aoli .aof::before{content: '';position: absolute;bottom:100%;width: 1px;height:32px;background: rgba(255,255,255,0.3);left:50%;margin-left:-0.5px;}
#obtn .ctext.about .ao .aoul .aoli .aof .aoi{float:left;width: 100%; background: rgba(255,255,255,1);line-height: 0;padding:10px;}
#obtn .ctext.about .ao .aoul .aoli .aof .aoi .img{position:relative;padding-bottom:66.8%;overflow: hidden;min-height: 50px;}
#obtn .ctext.about .ao .aoul .aoli .aof .aoi .img img{ width: 100%;position: absolute;left: 0;top: 0;min-height: 100%;}
#obtn .ctext.about .ao .aoul .aoli .aof .tit{padding:14px 14px 12px 14px;}
#obtn .ctext.about .ao .aoul .aoli .aof .tit .th3{font-size: 18px;line-height: 36px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: bold;color:#16458B;text-align: center;}
#obtn .ctext.about .ao .aoul .aoli .aof .tit .tp{font-size: 15px;line-height: 30px;color: #666;text-align: center;height:60px;overflow: hidden;margin-top:2px;}

#obtn .ctext.about .ao .aoul .slick-prev{width:30px;height:54px;background: url(_im_g/abprev1.png) no-repeat rgba(255,255,255,0.2);background-size: cover;left: -30px;
    top: 11.5%;}

#obtn .ctext.about .ao .aoul .slick-next{width:30px;height:54px;background: url(_im_g/abnext1.png) no-repeat rgba(255,255,255,0.2);background-size: cover;right: -30px;
    top: 11.5%;}
#obtn .ctext.about .ao .aoul .slick-prev:hover{background: url(_im_g/abprev2.png) no-repeat rgba(255,255,255,1);background-size: cover;}

#obtn .ctext.about .ao .aoul .slick-next:hover{background: url(_im_g/abnext2.png) no-repeat rgba(255,255,255,1);background-size: cover;}


@media screen and (max-width:991px){
#obtn .ctext.about .ao .aoh2{font-size: 20px;line-height: 30px; margin-bottom: 32px;}
#obtn .ctext.about .ao{padding:29px;}
#obtn .ctext.about .ao .aoul{margin-top:30px;}
}


@media screen and (max-width:767px){
#obtn .ctext.about .ao .aoh2{font-size: 18px;line-height: 24px; margin-bottom: 18px;}
#obtn .ctext.about .ao{padding:29px;}
#obtn .ctext.about .ao .aoul{margin-top:20px;}
#obtn .ctext.about .ao .aoh2::after{content: '';position: absolute;left:50%;bottom:-18px;width: 0;height: 0;border-top:7px;border-left: 6px;border-right: 6px;border-style: solid dashed dashed dashed;border-color:  #fff   transparent transparent transparent;margin-left:-6px;}
}

#obtn .ctext.about .au{float:left;width:100%;padding:72px 48.5px;position: relative; z-index: 3;}
#obtn .ctext.about .au .auh2{font-size: 36px;line-height: 36px; color: #16458B;font-weight: bold;letter-spacing: 1px;text-align: center;position: relative;margin-bottom: 32px;}
#obtn .ctext.about .au .auh2::after{content: '';position: absolute;left:50%;bottom:-32px;width: 0;height: 0;border-top:11px;border-left: 10px;border-right: 10px;border-style: solid dashed dashed dashed;border-color:  #16458B   transparent transparent transparent;margin-left:-10px;}

#obtn .ctext.about .au .auh5{font-size: 20px;line-height: 30px;color: #333;text-align: center;padding:23px 0 41px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .ctext.about .au .auul{margin-right:-29px;}
#obtn .ctext.about .au .auli{float:left;width:33.33%;padding-right:29px ;}
#obtn .ctext.about .au .auli .aut{float:left;width:100%;position: relative;}
#obtn .ctext.about .au .auli .aud{position: absolute;bottom:0;padding:12px 26px;background: rgba(0,0,0,0.7);width:100%;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
#obtn .ctext.about .au .auli .aud .yuan{position: relative;font-size: 18px;color: #fff;line-height: 26px;padding-left:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .ctext.about .au .auli .aud .yuan::after{content: "";position: absolute;top:50%;transform:translate(0,-50%);left:0;width:16px;height:16px;border: 3px solid #fff;background: transparent;
border-radius: 50%;}
#obtn .ctext.about .au .auli .aud .hid{display:none;font-size: 15px;color: #fff;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;}

#obtn .ctext.about .au .auli .aut:hover .aud{padding:18px 26px 14px 26px;background: rgba(24,74,147,0.7);}
#obtn .ctext.about .au .auli .aut:hover .aud .hid{display:block;padding-top:12px;}
#obtn .ctext.about .autext{float:left;width:100%;padding:65px 48.5px;text-indent: 35px;font-size: 15px;line-height: 30px;color: #fff;}
@media screen and (max-width:1229px){
#obtn .ctext.about .au{padding:72px 0;}	
#obtn .ctext.about .autext{padding:65px 0;}
}
@media screen and (max-width:991px){
#obtn .ctext.about .au{padding:50px 0;}
#obtn .ctext.about .au .auh2{font-size: 24px;line-height: 24px;margin-bottom: 24px;}
#obtn .ctext.about .au .auh5{font-size: 18px;    padding: 15px 0 30px 0;}
#obtn .ctext.about .au .auli .aud .yuan{font-size: 16px;line-height: 24px;padding-left:20px;}
#obtn .ctext.about .au .auli .aud .hid{font-size: 14px;line-height: 24px;}
	
}
@media screen and (max-width:767px){
#obtn .ctext.about .au{padding:20px 0;}	
#obtn .ctext.about .au .auh2{font-size: 18px;margin-bottom: 18px;}
#obtn .ctext.about .au .auh2::after{content: '';position: absolute;left:50%;bottom:-18px;width: 0;height: 0;border-top:7px;border-left: 6px;border-right: 6px;border-style: solid dashed dashed dashed;border-color:  #16458B   transparent transparent transparent;margin-left:-6px;}	
#obtn .ctext.about .au .auh5{font-size: 14px;line-height: 24px;    padding: 15px 0;}
#obtn .ctext.about .au .auul{margin-right:-10px;}
#obtn .ctext.about .au .auli{padding-right:10px;}
#obtn .ctext.about .au .auli .aud{padding:8px;}
#obtn .ctext.about .au .auli .aud .yuan{font-size: 14px;line-height: 20px;padding-left:20px;}
#obtn .ctext.about .au .auli .aud .hid{font-size: 12px;line-height: 20px;}
#obtn .ctext.about .au .auli .aud:hover{padding:10px 8px;}
#obtn .ctext.about .au .auli .aud:hover .hid{padding-top:5px;}
#obtn .ctext.about .autext { padding: 25px 0;text-indent: 30px;font-size: 12px;line-height: 24px;}
}
@media screen and (max-width:500px){
#obtn .ctext.about .au .auul{margin-right:0;}
#obtn .ctext.about .au .auli{width:100%;padding-right:0;margin:10px 0;}
#obtn .ctext.about .au .auli .aud{padding:8px;}
#obtn .ctext.about .au .auli .aud .yuan{font-size: 14px;line-height: 20px;padding-left:20px;}
#obtn .ctext.about .au .auli .aud .hid{font-size: 12px;line-height: 20px;}
#obtn .ctext.about .au .auli .aud:hover{padding:10px 8px;}
#obtn .ctext.about .au .auli .aud:hover .hid{padding-top:5px;}
}




#obtn .ctext.about .at{float:left;width:100%;padding:72px 48.5px;}
#obtn .ctext.about .at .ath2{font-size: 36px;line-height: 36px; color: #16458B;font-weight: bold;letter-spacing: 1px;text-align: center;position: relative;margin-bottom: 32px;}
#obtn .ctext.about .at .ath2::after{content: '';position: absolute;left:50%;bottom:-32px;width: 0;height: 0;border-top:11px;border-left: 10px;border-right: 10px;border-style: solid dashed dashed dashed;border-color:  #16458B   transparent transparent transparent;margin-left:-10px;}
#obtn .ctext.about .at .atul{margin-right:-30px;padding-top:45px;}
#obtn .ctext.about .at .atli{width:33.33%;float:left;padding-right: 30px;}
#obtn .ctext.about .at .atli .atd{float:left;width:100%;}
#obtn .ctext.about .at .atli .atd .atimg{float:left;width:100%;position: relative;border: 1px solid #e5e5e5;padding-bottom: 70%;}
#obtn .ctext.about .at .atli .atd .atimg .img{position: absolute;left: 0; top: 0;width:100%;min-height: 100%;}
#obtn .ctext.about .at .atli .atd .atimg .ati{display:none;position: absolute;bottom:0;width:100%;height:0px;background: rgba(24,74,147,0.88);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;}
#obtn .ctext.about .at .atli .atd .atimg .ati>img{position: absolute;left:50%;top:50%;width:44px;height:44px;border-radius: 50%;transform: translate(-50%,-50%);}
#obtn .ctext.about .at .atli .atd .tit{float:left;width: 100%;font-size: 18px;line-height: 36px;color: #333;text-align: center;padding: 18px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .ctext.about .at .atli .atd:hover .tit{color: #16458B;}
#obtn .ctext.about .at .atli .atd:hover .atimg .ati{display: block;height: 70px;}
#obtn .ctext.about .at .atul .slick-prev{width:42px;height:42px;background: url(_im_g/prev3.png) no-repeat rgba(127,127,127,0.5);background-size: cover;left: -60px;
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;}
#obtn .ctext.about .at .atul .slick-next{width:42px;height:42px;background: url(_im_g/next3.png) no-repeat rgba(127,127,127,0.5);background-size: cover;right: -30px;
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;}
#obtn .ctext.about .at .atul .slick-prev:hover{background: url(_im_g/prev3.png) no-repeat #16458B;background-size: cover;}
#obtn .ctext.about .at .atul .slick-next:hover{background: url(_im_g/next3.png) no-repeat #16458B;background-size: cover;}
#obtn .ctext.about .at .atul .slick-dots{float:left;width:100%;position:absolute;bottom:-20px;height:20px;text-align: center;padding-right:30px;}
#obtn .ctext.about .at .atul .slick-dots li{width:10px;height:10px;margin:0 6.5px;border: 1px solid #16458B;
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;} 
#obtn .ctext.about .at .atul .slick-dots .slick-active{width:20px;height:20px;position: relative;top:-5px;margin:0 6.5px;
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;}
#obtn .ctext.about .at .atul .slick-dots .slick-active::before{ content:''; display: block; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background: #16458B;
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
-moz-border-radius:50%;
border-radius: 50%;}


@media screen and (max-width:991px){
#obtn .ctext.about .at{padding:50px 48.5px;}
#obtn .ctext.about .at .ath2{font-size: 24px;line-height: 24px;margin-bottom: 24px;}
#obtn .ctext.about .at .atul {padding-top: 25px;}	
}
@media screen and (max-width:767px){
#obtn .ctext.about .at{padding:40px 0px;}
#obtn .ctext.about .at .ath2{font-size: 18px;margin-bottom: 18px;}
#obtn .ctext.about .at .ath2::after{content: '';position: absolute;left:50%;bottom:-18px;width: 0;height: 0;border-top:7px;border-left: 6px;border-right: 6px;border-style: solid dashed dashed dashed;border-color:  #16458B   transparent transparent transparent;margin-left:-6px;}
#obtn .ctext.about .at .atul {margin-right: -15px; padding-top: 25px;}
#obtn .ctext.about .at .atul .slick-dots{padding-right:15px;}
#obtn .ctext.about .at .atli{padding-right: 15px;}
#obtn .ctext.about .at .atul .slick-prev{width:30px;height:30px;background-size: cover;left: 0px;}
#obtn .ctext.about .at .atul .slick-next{width:30px;height:30px;background-size: cover;right: 15px;}
#obtn .ctext.about .at .atul .slick-prev:hover{background: url(_im_g/prev3.png) no-repeat #16458B;background-size: cover;}
#obtn .ctext.about .at .atul .slick-next:hover{background: url(_im_g/next3.png) no-repeat #16458B;background-size: cover;}
#obtn .ctext.about .at .atli .atd .tit{font-size:14px;line-height: 24px;padding:8px 0;}
#obtn .ctext.about .at .atli .atd:hover .atimg .ati{height: 40px;}
#obtn .ctext.about .at .atli .atd:hover .atimg .ati>img{width:28px;height:28px;}
}
@media screen and (max-width:500px){
#obtn .ctext.about .at{padding:20px 0px;}	
#obtn .ctext.about .at .atul {padding-top: 15px;}	
}















/*公共分页*/
#obtn .ctext .paging{float: left;text-align: center;position:relative;width:100%;padding:60px 47.5px 80px 47.5px;}
#obtn .ctext .paging .paging1{display: inline-block;}
#obtn .ctext .paging .paging1 a{float:left;font-size: 12px;font-family:"微软雅黑";color: #272727;width: 30px; height: 30px;border:1px solid #e1e1e1;line-height:28px;margin:0 8px;
-webkit-border-radius:30px; 
-khtml-border-radius:30px;
-moz-border-radius:30px;
border-radius: 30px;}
#obtn .ctext .paging .paging1 .on{color:#fff;border:1px solid #184a93;}
#obtn .ctext .paging .paging1 a:hover,#obtn .paging .paging1 .on{background:#184a93; color:#fff; border: 1px solid #184a93;text-decoration: none;}
#obtn .ctext .paging .paging1 .prve{background:url(_im_g/fy1.png) no-repeat center center;width:100px;}
#obtn .ctext .paging .paging1 .next{background:url(_im_g/fy2.png) no-repeat center center;width:100px;}
#obtn .ctext .paging .paging1 .prve:hover{background:url(_im_g/fy3.png) no-repeat center center #184a93;border:1px solid #184a93;}
#obtn .ctext .paging .paging1 .next:hover{background:url(_im_g/fy4.png) no-repeat center center #184a93;border:1px solid #184a93;}
#obtn .ctext .paging .paging2{display:none; }
@media screen and (max-width:991px){
#obtn .ctext .paging{padding:20px 0 20px 0;}
}
@media screen and (max-width:767px){
#obtn .ctext .paging{padding:15px 0 15px 0;}
#obtn .ctext .paging .paging1{display: none;}
#obtn .ctext .paging .paging2{ display:block ;float:left; width:100%; text-align:center; font-size:14px; color:#333;}
#obtn .ctext .paging .paging2 a{display:inline-block; width:100px; height:30px; text-align:center; line-height:0px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:30px; 
-khtml-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;}
#obtn .ctext .paging .paging2 span{padding:0 5%; color:#333; display:inline-block;  vertical-align:top; height:30px; line-height:30px;}
#obtn .ctext .paging .paging2 span:hover {color: #184a93;cursor: pointer;}
#obtn .ctext .paging .paging2 .prve{background:url(_im_g/fy1.png) no-repeat center center;width:100px;}
#obtn .ctext .paging .paging2 .next{background:url(_im_g/fy2.png) no-repeat center center;width:100px;}
#obtn .ctext .paging .paging2 .prve:hover{background:url(_im_g/fy3.png) no-repeat center center #184a93;border:1px solid #184a93;}
#obtn .ctext .paging .paging2 .next:hover{background:url(_im_g/fy4.png) no-repeat center center #184a93;border:1px solid #184a93;}
}


.imgPop{ display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 999999;}
.imgPop2{ min-height: 100px; height: 80%; /*overflow: hidden;*/ width: 55.5%; left: 22.25%; position: absolute; top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.imgPop2 .tp{ display: block; width: 100%; margin: 15px auto; height:100%; position:relative;}
.imgPop2 .tp img{width:auto; max-width:100%; max-height:100%; display:block; margin:0 auto; position:absolute; left:50%; top:50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.imgPop2 .close2{ width: 36px; height: 36px; background: url(/theme/CN/_im_g/close.png) no-repeat center; background-size: cover; position: absolute; top: -37px; right: 0;}

@media screen and  (max-width:991px){
.imgPop2{ width: 80%; left: 10%; height:60%;}
.imgPop2 .tp{ width: 80%; margin: 5px auto;}
.imgPop2 .close2{ width: 25px; height: 25px; top:-26px;}
}