@charset "utf-8";
/* CSS Document */
body{ font-family:"宋体";}
.container-fluid{ width:100%; float:left;}
.container-fluid,.container{ padding:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}
#obtn{ overflow:hidden;}
.gaod{ height:80px;}
.kuang{ width:100%; height:50px;}

.nx_pg{width:100%; height: auto ; padding:10px 0px 50px 0px; text-align:center; }
.nx_pg a{display:inline; padding:5px 10px 5px 10px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#DF2029;;;; color:#fff;border:1px solid #DF2029;;;;}
.nx_pg .on{ background:#DF2029;;;; color:#fff;border:1px solid #DF2029;;;;}

@media  screen and (max-width:1000px){
.gaod{height:50px;}	
}

/*头*/
#obtn .top{ height:80px; position:fixed; left:0; top:0; z-index:9; background:white;}
#obtn .top .logo{ float:left; height:80px; line-height:80px; display:table;}
#obtn .top .logo a{ display:table-cell; line-height:0; vertical-align:middle; margin-top:-3px;}
#obtn .top .logo a img{ height:49px;}
#obtn .top .topRight{ float:right; position:relative; margin-top:23px; height:34px;}
#obtn .top .topRight a{ display:block; float:left;line-height:24px; color:#666; font-size:14px; background:white;}
#obtn .top .topRight a.hy{ float:left; line-height:34px; font-size:14px; color:#323232;}
#obtn .top .topRight a.hy img{ vertical-align:middle; margin:-3px 3px 0 0; width:20px;}
#obtn .top .topRight a.kh{ float:right; margin-left:15px; width:109px; background:#DF2029; height:34px; text-align:center; line-height:34px; font-size:14px; color:#fff; overflow:hidden;
-moz-border-radius:17px; 
-webkit-border-radius:17px; 
-khtml-border-radius:17px;
border-radius:17px;}
#obtn .top .topRight a.hy:hover{ color:#DF2029;}
#obtn .top .topRight a.kh:hover{ box-shadow:0 0 3px #DF2029;}

#obtn .menu{ z-index:99; float:right; margin-right:8px;}
#obtn .menu > ul{ float:left; width:100%;}
#obtn .menu ul .nli{ float:left; z-index:99; position:relative;}
#obtn .menu ul .nli span a{ display:block; white-space:nowrap; width:100%; float:left; height:80px; line-height:80px; color:#323232; text-align:center; font-size:14px; position:relative; padding:0 28px;font-weight:400;}



/*下拉菜单（漂浮在menu .nli上）*/
#obtn .sub { z-index:21;  position:absolute; float:left;  clear:both; width:170px; left:0; top:100% !important; display:none; padding:10px 44px 20px 26px; background:white;}
#obtn .sub .ul1{ width:100%;}
#obtn .sub .l2{ width:100%; float: left; position: relative; text-align:left; margin:3px 0;}
#obtn .sub .l2 .l2_a{ line-height: 50px;  width:100%;  display:block; font-size: 14px; float:left; color:#2A2A2A; line-height:30px; opacity:0.6; position:relative;}
#obtn .sub .l2 .l2_a:before{ content:''; width:0; height:1.5px; position:absolute; left:0; bottom:0; background:#DF2029;
-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;}
#obtn .sub .l2:hover .l2_a { opacity:1;}
#obtn .sub .l2:hover .l2_a:before{ width:100%;}
#obtn .sub .ul2 { position:absolute; left:100%; top:0px; display:none;  margin:0px; min-width:100px; overflow:hidden;background:white; box-shadow:0 3px 16px rgba(0,0,0,0.15);}
#obtn .sub .ul2 .l3{ float:left;  position:static;  padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;}
#obtn .sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px; width:100%; display:block; float:left; color:#333; position:relative;white-space: nowrap;}
#obtn .sub .ul2 .l3 .l3_a:before{ content:''; width:0; height:1.5px; position:absolute; left:0; bottom:0; background:#DF2029;
-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;}
#obtn .sub .ul2 .l3:hover .l3_a:before{ width:100%;}
#obtn .menu ul .nli:hover .sub,#obtn .menu ul .nli .sub .l2:hover .ul2{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(-30px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(-30px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}


#obtn .pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:6; background:rgba(0,0,0,0.6); display:none;}
#obtn .pf_menu_bg.on{ display:block;}
#obtn .pf_menu{ position:fixed; height:100%; width:250px; overflow-y:auto; right:-100%;background:white; top:50px; z-index:7; display:block; float: left; border-left:solid 1px #ddd;
-webkit-transition: all 0.6s ease-out 0s; 
-moz-transition: all 0.6s ease-out 0s; 
-o-transition: all 0.6s ease-out 0s; 
transition: all 0.6s ease-out 0s;}
#obtn .ph_menu{ float:left; width:100%; text-align:center;}

#obtn .pf_menu.on{ right:0;}
#obtn .nav_box{ width:100%; float:left; border-bottom:solid 1px #ddd;}
#obtn .ph_menu .nli{ float:left; width:100%; border-top:solid 1px #ddd;}
#obtn .ph_menu .nli span{ float:left; width:100%; padding:0 15px 0 15px; position:relative;}
#obtn .ph_menu .nli .l1_a{ float:left; width:100%; color:#333; font-size:14px; line-height:20px; padding: 12px 0; letter-spacing: 1px;}
#obtn .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#e01f29;}
#obtn .ph_menu .nli .l2_ul li a{ line-height:20px; font-size:13px; color:#fff; text-transform:uppercase;}
#obtn .ph_menu .nli .l2_a{ float:left; width:100%; color:#333; font-size:14px; line-height:20px; padding: 5px 0; letter-spacing: 1px;}
#obtn .ph_menu .nli .l3_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#e01f29;}
#obtn .ph_menu .nli .l2_ul li{ position:relative; float:left; width:100%;}
#obtn .ph_menu .nli .l3_ul li a{ line-height:18px; font-size:12px; color:white; opacity:0.8; padding:5px 0; text-transform:uppercase;}
#obtn .ph_menu .nli .l3_ul li a:active{ opacity:1;}
#obtn .ph_menu .nli span i,#obtn .ph_menu .nli .l2_ul li i{ position:absolute; right:15px; top:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#obtn .ph_menu .nli span i:before,#obtn .ph_menu .nli span i:after{ content:''; width:6px; height:1px; background:#e01f29; transform:rotate(45deg); transform-origin:right bottom; position:absolute; right:-3px; top:0;}
#obtn .ph_menu .nli span i:after{ transform:rotate(-45deg); transform-origin:right top;}
#obtn .ph_menu .nli.on span i{ transform:rotate(90deg);}
#obtn .ph_menu .nli.on .l1_a{ color:#e01f29;}
#obtn .ph_menu .nli .l2_ul li i{ right:0px; top:15px;}
#obtn .ph_menu .nli .l2_ul li i:before,#obtn .ph_menu .nli .l2_ul li i:after{ content:''; width:6px; height:1px; background:#fff; transform:rotate(45deg); transform-origin:right bottom; position:absolute; right:-3px; top:0;}
#obtn .ph_menu .nli .l2_ul li i:after{ transform:rotate(-45deg); transform-origin:right top;}
#obtn .ph_menu .nli .l2_ul li.on i{ transform:rotate(90deg);}

#obtn .ph_menu .btn{ width:100%; float:left; text-align:center; padding:0 5%; margin-top:20px;}
#obtn .ph_menu .btn a{ display:inline-block; padding:0 20px; font-size:12px; line-height:24px; color:#fff; background:#e01f29; letter-spacing:1px; position:relative; overflow:hidden;
-moz-border-radius:12px; 
-webkit-border-radius:12px; 
-khtml-border-radius:12px;
border-radius:12px;}
#obtn .ph_menu .btn a:before{ content:''; width:1px; height:10px; background:#e6e6e6; opacity:0.8; position:absolute; left:0; top:50%; margin-top:-5px;}
#obtn .ph_menu .btn a:first-child:before{ display:none;}
#obtn .h80{ width:100%; float:left; height:80px;}
@media (max-width:1200px){
#obtn .menu ul .nli span a{ padding:0 12px;}
#obtn .top .logo a img{ height:40px;}
}
@media screen and (max-width:991px) {
#obtn .top .menu{ display: none;}
#obtn .top{ height:50px; padding:0 10px;}
#obtn .top .topRight{ position:absolute; left:50%; margin-left:320px; margin-top:8px;}
#obtn .top .topRight .kh{ display:none;}
#obtn .top .topRight a.hy{ font-size:0;}
#obtn .top .logo{ height:50px;}
#obtn .top .logo a img{ height:30px;}
#obtn .menuph{ float:right; cursor: pointer;  width: 30px;  height: 50px; text-align: center; display: block;}
#obtn .menuph .point {  display: inline-block;  width: 30px;  height: 30px;  margin-top: 8px;  position: relative; -moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .menuph .navbtn {  position: absolute;  top: 15px;  left: 8px;  display: inline-block;  width: 10px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #333;  }
#obtn .menuph .navbtn::after,
#obtn .menuph .navbtn::before {  position: absolute;  left: 0;  display: inline-block;  width: 14px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #333;  }
#obtn .menuph .navbtn::after { top:-5px;}
#obtn .menuph .navbtn::before { top:5px; }
#obtn .menuph .point.active .navbtn{  background: transparent;  }
#obtn .menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; width:14px;}
#obtn .menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;}
#obtn .h80{ width:100%; float:left; height:50px;}
}
@media screen and (max-width:767px) {
#obtn .top .topRight{ left:auto; right:40px; margin-left:0;}
}

#obtn .slide_banner{ width:100%; float:left; position:relative; z-index:2; height:680px;}
#obtn .slide_banner .txtScroll-top{ width:1200px; position:absolute; left:50%; top:0; z-index:2; margin-left:-600px; height:40px; background:rgba(0,0,0,0.5) url(../images/top3.png) no-repeat 16px center; padding:0 55px 0 48px; overflow:hidden;}
#obtn .slide_banner .txtScroll-top .closed{ position:absolute; right:17px; top:50%; width:20px; height:20px; background:url(../images/top4.png) no-repeat center center; background-size:contain; margin-top:-10px; cursor:pointer;}
#obtn .slide_banner .txtScroll-top .infoList{ width:100%; float:left;}
#obtn .slide_banner .txtScroll-top .infoList li{ width:100%; float:left; color:white; line-height:40px; font-size:14px;}
#obtn .slide_banner .txtScroll-top .infoList li a{ color:white;}
#obtn .slide_banner .txtScroll-top .infoList li a:hover{ text-decoration:underline;}
#obtn .slide_banner .ul1{ width:100%; float:left;}
#obtn .slide_banner .slick-slide{ position:relative; background-position:center center !important; background-size:cover !important; height:680px; width:100%;}
#obtn .slide_banner .slick-dots
{
    position: absolute;
    bottom: 20px;
}
#obtn .slide_banner .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 8px;
	border:solid 1px #ccc;
    padding: 0;
	background:white;
    cursor: pointer;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
opacity:0.8;
-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;
}
#obtn .slide_banner .slick-dots li button{ display:none;}
#obtn .slide_banner .slick-dots li.slick-active{ opacity:1;}
#obtn .slide_banner .bannerText{ position:absolute; left:50%; top:50%; margin:0 0 0 -600px; width:1200px; padding:0 32px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);}
#obtn .slide_banner .bannerText h1{ float:left; width:100%; font-size:49px; color:white; line-height:62px; font-weight:bold; margin-top:200px; opacity:0;}
#obtn .slide_banner .bannerText h4{ float:left; width:100%; font-size:30px; color:white; line-height:46px; margin-top:200px; opacity:0;}
#obtn .slide_banner .bannerText .detail{ float:left;width:144px; height:35px; border:1px solid white; font-size:14px; color:white; line-height:33px; text-align:center; overflow:hidden; opacity:0; margin-top:100px;
-moz-border-radius:18px; 
-webkit-border-radius:18px; 
-khtml-border-radius:18px;
border-radius:18px;
-webkit-transition: all 0s ease-out 0s; 
-moz-transition: all 0s ease-out 0s; 
-o-transition: all 0s ease-out 0s; 
transition: all 0s ease-out 0s;}
#obtn .slide_banner .bannerText .detail:hover{ background:white; color:#e01f29;}
#obtn .slide_banner .slick-prev,
#obtn .slide_banner .slick-next
{
    position: absolute;
    left:70px;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background:url(../images/top2.png) no-repeat left center rgba(255,255,255,0.2);
    z-index:100; opacity:0;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius: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;
}
#obtn .banner{ width:100%; }
#obtn .banner img{width: 100%; display:block;}
#obtn .banner .swiper-button-prev{background: url(../images/left.png);width:24px;height:48px;margin-top: -24px; left:2ew;background-size: 100%;opacity:0.6;}
#obtn .banner .swiper-button-next{background: url(../images/right.png);width:24px;height:48px; margin-top: -24px; right:2ew;background-size: 100%;opacity:0.6;}
#obtn .banner .swiper-button-prev:hover{opacity:1;}
#obtn .banner .swiper-button-next:hover{opacity:1;}




#obtn .index1{ border-bottom:solid 1px #e5e4e7;}
#obtn .index1 ul{ float:left;}
#obtn .index1 ul li{ float:left; margin-right:70px;}
#obtn .index1 ul li a{ float:left; height:95px; line-height:95px; font-size:14px; color:#2A2A2A; cursor:text;}
#obtn .index1 ul li a img{ vertical-align:middle; margin:-3px 13px 0 0;
-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;}

#obtn .index1 .btn{ float:right; margin-top:28px;}
#obtn .index1 .btn a{ display:block; float:left;width:150px; height:38px; line-height:36px; text-align:center; font-size:16px; overflow:hidden;
-moz-border-radius:24px; 
-webkit-border-radius:24px; 
-khtml-border-radius:24px;
border-radius:24px;
-webkit-transition: all 0s ease-out 0s; 
-moz-transition: all 0s ease-out 0s; 
-o-transition: all 0s ease-out 0s; 
transition: all 0s ease-out 0s;}
#obtn .index1 .btn a.login{ border:1px solid #808080; color:#3A3A3A;}
#obtn .index1 .btn a.register{ border:1px solid #e01f29; color:#fff; background:#e01f29; margin-left:32px;}
#obtn .index1 .btn a.login:hover{ color:#fff; border:1px solid #e01f29; background:#e01f29;}
#obtn .index1 .btn a.register:hover{ border-color:#FF212C; background:#FF212C;}
@media screen and (max-width:1199px){
#obtn .index1 ul li{ margin-right:40px;}
#obtn .index1 .btn a{ width:120px;}
}
@media screen and (max-width:991px){
#obtn .index1 ul li{ margin-right:20px;}
#obtn .index1 ul li a{ height:70px; line-height:70px;}
#obtn .index1 ul li a img{ width:30px; margin:-3px 9px 0 0;}
#obtn .index1 .btn{ margin-top:20px;}
#obtn .index1 .btn a{ width:80px; font-size:14px; height:30px; line-height:28px; margin-bottom:10px;}
#obtn .index1 .btn a.register{ margin-left:10px;}
}
@media screen and (max-width:767px){
#obtn .index1 ul{ width:100%; padding:10px 20px;}
#obtn .index1 ul li{ margin-right:0px; width:50%;}
#obtn .index1 ul li a{ height:36px; line-height:36px;}
#obtn .index1 ul li a img{ width:20px; margin:-3px 6px 0 0;}
#obtn .index1 .btn{ margin-top:10px; width:100%; text-align:center; display:none;}
#obtn .index1 .btn a{ width:100px; float:none; display:inline-block; vertical-align:top; font-size:12px; height:30px; line-height:28px; margin-bottom:10px;}
#obtn .index1 .btn a.register{ margin-left:30px;}
}


#obtn .footer{ background:#1F2124; padding-bottom:33px; position:relative; z-index:2;}
#obtn .footer dl{ width:100%; float:left;}
#obtn .footer dl dd{ width:16.66%; float:left; padding-left:44px; padding-top:54px; min-height:300px; position:relative;}
#obtn .footer dl dd:before{ content:''; width:1px; height:300px; background:rgba(112,112,112,0.2); position:absolute; left:0; top:0;}
#obtn .footer dl dd:first-child{ padding-left:0; width:15%;}
#obtn .footer dl dd:first-child:before{ display:none;}
#obtn .footer dl dd .ej{ width:100%; font-size:20px; color:white; line-height:46px;}
#obtn .footer dl dd ul{ width:100%; margin-top:14px;}
#obtn .footer dl dd ul li{ width:100%;}
#obtn .footer dl dd ul li a{ font-size:16px; color:#999; line-height:44px;}
#obtn .footer dl dd ul li a:hover{ color:white;}
#obtn .footer dl dd.d1{ width:34%;}
#obtn .footer dl dd.d1 .text{ width:100%; margin-top:-2px; margin-bottom:24px;}
#obtn .footer dl dd.d1 .text h4{ width:100%; line-height:50px; color:white; font-size:30px; padding-left:50px; position:relative;}
#obtn .footer dl dd.d1 .text h4 span{ position:absolute; left:0; top:0; font-size:14px; color:#999; line-height:60px;}
#obtn .footer dl dd.d1 .gz{ width:100%; margin-top:15px;}
#obtn .footer dl dd.d1 .gz li{ float:left; margin-right:46px; position:relative;}
#obtn .footer dl dd.d1 .gz li a{ display:block; float:left; width:47px; height:47px; background:#797979; overflow:hidden;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .footer dl dd.d1 .gz li a .img1{ width:100%; float:left;}
#obtn .footer dl dd.d1 .gz li a .img2{ display:none;}

#obtn .footer dl dd.d1 .gz li .ewm{ position:absolute; left:50%; top:-190px; background:url(../images/footer4.png) no-repeat center center; width:160px; height:197px; background-size:contain; margin-left:-85px; padding:0; display:none;}
#obtn .footer dl dd.d1 .gz li .ewm img{ opacity:1; float:left; padding:25px 30px 0 30px;}
#obtn .footer dl dd.d1 .gz li .ewm h6{ width:100%; text-align:center; font-size:12px; color:#2A2A2A; margin-top:10px; float:left;}
@media screen and (min-width:992px){
#obtn .footer dl dd.d1 .gz li:hover .ewm{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
#obtn .footer dl dd.d1 .gz li a:hover .img2{ display:block;}
#obtn .footer dl dd.d1 .gz li a:hover .img1{ display:none;}
}
#obtn .footer .bq{ width:100%; float:left; margin-top:32px;}
#obtn .footer .bq h5{ float:left; font-size:14px; line-height:32px; color:#999;}
#obtn .gotop{ position:fixed; right:28px; top:70%; z-index:8;}
#obtn .gotop a{ display:block; width:50px; height:50px; float:left; opacity:0.7;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .gotop a:hover{ box-shadow:0 3px 6px rgba(0,0,0,0.2); opacity:1;}
@media screen and (max-width:991px){
#obtn .footer dl dd{ padding-left:22px; padding-top:30px; min-height:260px;}
#obtn .footer dl dd .ej{ font-size:16px; line-height:30px;}
#obtn .footer dl dd ul{ margin-top:14px;}
#obtn .footer dl dd ul li a{ font-size:14px; line-height:40px;}
#obtn .footer dl dd.d1 .text{ margin-top:0; margin-bottom:15px;}
#obtn .footer dl dd.d1 .text h4{ line-height:40px; font-size:24px; padding-left:45px;}
#obtn .footer dl dd.d1 .text h4 span{ line-height:46px; font-size:13px;}
#obtn .footer dl dd.d1 .gz{ margin-top:10px;}
#obtn .footer dl dd.d1 .gz li{ margin-right:23px; position:relative;}
#obtn .footer dl dd.d1 .gz li a{ width:40px; height:40px;}
#obtn .footer .bq{ margin-top:20px; text-align:center;}
#obtn .footer .bq h5{ width:100%; font-size:12px; line-height:26px;}
#obtn .footer{ padding-bottom:20px;}
#obtn .gotop{ right:20px;}
#obtn .gotop a{ width:50px; height:50px;}
#obtn .footer dl dd.d1 .gz li.on .ewm{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
#obtn .footer dl dd.d1 .gz li.on a .img2{ display:block;}
#obtn .footer dl dd.d1 .gz li.on a .img1{ display:none;}
#obtn .footer dl dd:before{ height:230px;}
}
@media screen and (max-width:767px){
#obtn .footer dl{
	display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
#obtn .footer dl dd{ padding-left:15px; padding-top:20px; min-height:180px; width:33.33%;}
#obtn .footer dl dd:first-child{ padding-left:15px; width:33.333%;}
#obtn .footer dl dd .ej{ font-size:14px; line-height:24px;}
#obtn .footer dl dd ul{ margin-top:10px;}
#obtn .footer dl dd ul li a{ font-size:12px; line-height:30px;}
#obtn .footer dl dd.d1{ width:66.666%;}
#obtn .footer dl dd.d1 .gz li{ margin-right:13px; position:relative;}
#obtn .footer dl dd.d1 .gz li a{ width:30px; height:30px;}
#obtn .footer dl dd.d1 .text{ margin-bottom:15px;}
#obtn .footer .bq{ margin-top:16px; padding:0 10px;}
#obtn .footer .bq h5{ line-height:22px;}
#obtn .footer{ padding-bottom:10px;}
#obtn .gotop{ right:10px; top:auto; bottom:100px;}
#obtn .gotop a{ width:40px; height:40px;}
#obtn .footer dl dd:before{ height:160px;}
#obtn .footer dl dd:nth-child(4):before{ display:none;}
}

#obtn .pfRight{ position:fixed; left:0px; top:65%; background:white;box-shadow:0px 0px 15px rgba(0,0,0,0.09);width:160px;height:205px; background:white; z-index:8;
-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;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
#obtn .pfRight h5{ width:100%; text-align:center; background:#de2029; color:white; font-size:16px; letter-spacing:1px; height:42px; line-height:42px;-moz-border-top-left-radius:4px; 
-webkit-border-top-left-radius:4px; 
-khtml-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-top-right-radius:4px; 
-webkit-border-top-right-radius:4px; 
-khtml-border-top-right-radius:4px;
border-top-right-radius:4px;}
#obtn .pfRight .consult{ width:100%; text-align:center; border-bottom:solid 1px #E5E5E5; padding:12px 0 8px;}
#obtn .pfRight .consult a{ display:inline-block; vertical-align:top;width:138px;height:34px;background:#de2029;box-shadow:0px 3px 4px rgba(255,0,0,0.15); overflow:hidden; color:white; line-height:34px; font-size:14px;
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
-khtml-border-radius:20px;
border-radius:20px;}
#obtn .pfRight .consult a img{ vertical-align:middle; margin:0px 6px 0 0;}
#obtn .pfRight .consult h6{ width:100%; margin-top:7px; font-size:12px; line-height:14px; color:#2A2A2A;}
#obtn .pfRight .ewm{ width:100%; text-align:center; padding:21px 0 8px 0;}
#obtn .pfRight .ewm .img{ width:118px; height:118px; display:inline-block; vertical-align:top; border:dashed 1px #e5e5e5;}
#obtn .pfRight .ewm h5{ width:100%; margin-top:10px; font-size:14px; line-height:16px; color:#2A2A2A;}
@media screen and (max-width:991px){
#obtn .pfRight{ left:-160px; top:50%;}
#obtn .pfRight .ico{ width:40px; height:40px; background:url(../images/top2.png) no-repeat right center rgba(255,255,255,0.4); background-size:80px auto; position:absolute; right:-30px; top:50%; margin-top:-20px; overflow:hidden;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .pfRight.on .ico{ background-position:left center;}
#obtn .pfRight.on{ left:0;}
}

#obtn .index2{ padding:64px 0 87px 0;}
#obtn .indexHead{ width:100%; float:left; text-align:center; font-size:34px; line-height:52px; color:#323232; letter-spacing:1px; position:relative; z-index:3;}
#obtn .indexHead.indexHeadw{ color:white;}
#obtn .indexHeadp{ width:100%; float:left; margin-top:42px; text-align:center; font-size:18px; line-height:24px; color:#676767; opacity:0.8; position:relative; z-index:3;}
#obtn .indexHeadp.indexHeadpw{ color:white;}
#obtn .index2box{ margin:0 -38px;}
#obtn .index2box ul{ width:100%; float:left; margin-top:17px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
#obtn .index2box ul li{ width:33.333%; float:left; margin-top:44px; padding:0 38px;}
#obtn .index2box ul li .zbox{ width:100%; float:left;box-shadow:0px 5px 20px rgba(146,146,146,0.16); min-height:230px; padding:28px 10px 10px 10px; text-align:center;
-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;}
#obtn .index2box ul li .zbox .ico{ width:100%; height:66px;}
#obtn .index2box ul li .zbox .ico img{ height:100%;
-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;}
#obtn .index2box ul li .zbox h4{ width:100%; margin-top:16px; line-height:28px; font-size:21px; color:#2A2A2A;}
#obtn .index2box ul li .zbox h5{ width:100%; margin-top:15px; line-height:20px; font-size:14px; color:#2A2A2A; opacity:0.7;}
#obtn .index2box ul li .zbox:hover{box-shadow:0px 5px 20px rgba(146,146,146,0.4);}
#obtn .index2box ul li .zbox:hover .ico img{ transform:rotateY(180deg);}

@media screen and (max-width:1199px){
#obtn .index2box{ margin:0 -22px;}
#obtn .index2box ul li{ padding:0 22px;}
}
@media screen and (max-width:991px){
#obtn .index2{ padding:30px 0 40px 0;}
#obtn .indexHead{ font-size:28px; line-height:40px; letter-spacing:0px;}
#obtn .indexHeadp{ margin-top:30px; font-size:14px; line-height:20px;}
#obtn .index2box{ margin:0 -11px;}
#obtn .index2box ul li{ padding:0 11px; margin-top:22px;}
#obtn .index2box ul li .zbox{ min-height:180px; padding:20px 10px 10px 10px;}
#obtn .index2box ul li .zbox .ico{ height:50px;}
#obtn .index2box ul li .zbox h4{ margin-top:11px; line-height:22px; font-size:16px;}
#obtn .index2box ul li .zbox h5{ margin-top:10px; font-size:12px;}
}
@media screen and (max-width:767px){
#obtn .index2{ padding:20px 0;}
#obtn .indexHead{ font-size:22px; line-height:30px;}
#obtn .indexHeadp{ margin-top:20px; font-size:12px;}
#obtn .index2box{ margin:0 0px; width:100%; float:left; padding:0 5px;}
#obtn .index2box ul li{ padding:0 5px; margin-top:10px; width:50%;}
#obtn .index2box ul li .zbox{ min-height:150px; padding:16px 10px 10px 10px;}
#obtn .index2box ul li .zbox .ico{ height:40px;}
#obtn .index2box ul li .zbox h4{ margin-top:6px; line-height:20px; font-size:14px;}
#obtn .index2box ul li .zbox h5{ margin-top:5px;}
}

#obtn .index3{ padding:64px 0 87px 0; position:relative; overflow:hidden;}
#obtn .index3 .mb1{ width:100%; height:100%; position:absolute; left:0; top:0; background:black; z-index:1; opacity:0.65;}
#obtn .index3 .mb2{ width:1240px;border-bottom: 1000px solid #e11e2b; border-left: 500px solid transparent; position:absolute; right:50%; bottom:0; z-index:2; margin-right:-960px;}
#obtn .index3 .detail{ width:100%; text-align:center; float:left; margin-top:30px; position:relative; z-index:3;}
#obtn .index3 .detail a{ display:inline-block; vertical-align:top;width:154px;height:36px; line-height:36px; background:white; font-size:15px; color:#323232; overflow:hidden;
-moz-border-radius:18px; 
-webkit-border-radius:18px; 
-khtml-border-radius:18px;
border-radius:18px;}
#obtn .index3 .detail a:hover{ box-shadow:0 0 10px rgba(255,255,255,0.4);}
#obtn .index3 .index3box{ position:relative; z-index:3; width:100%; float:left; margin-top:71px;}
#obtn .index3 .index3box .pic{ float:left; width:48.8333%; margin-top:13px;}
#obtn .index3 .index3box ul{ float:right; width:50%; text-align:center;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
#obtn .index3 .index3box ul li{ float:left; width:50%; margin-bottom:18px;}
#obtn .index3 .index3box ul li .ico{ width:100%; height:87px;}
#obtn .index3 .index3box ul li .ico img{ height:100%;
-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;}
#obtn .index3 .index3box ul li h5{ width:100%; margin-top:25px; min-height:44px; line-height:22px; color:white; font-size:16px;}

@media screen and (min-width:1920px){
#obtn .index3 .mb2{ width:65%; right:0; margin-right:0;}
}
@media screen and (max-width:1199px){
#obtn .index3 .index3box ul li h5{ margin-top:15px;}
}
@media screen and (max-width:991px){
#obtn .index3{ padding:40px 0 45px 0;}
#obtn .index3 .detail{ margin-top:20px;}
#obtn .index3 .detail a{ width:130px;height:30px; line-height:30px; font-size:13px;}
#obtn .index3 .index3box{ margin-top:50px;}
#obtn .index3 .index3box ul li{ margin-bottom:13px;}
#obtn .index3 .index3box ul li .ico{ height:70px;}
#obtn .index3 .index3box ul li h5{ min-height:40px; line-height:20px; font-size:14px;}
}
@media screen and (max-width:767px){
#obtn .index3{ padding:30px 10px 35px 10px;}
#obtn .index3 .mb2{ margin-right:-980px;}
#obtn .index3 .detail{ margin-top:15px;}
#obtn .index3 .detail a{ width:110px;}
#obtn .index3 .index3box{ margin-top:30px;}
#obtn .index3 .index3box .pic{ width:100%; margin-top:0px;}
#obtn .index3 .index3box ul{ width:100%; float:left;}
#obtn .index3 .index3box ul li{ margin-bottom:0; margin-top:15px;}
#obtn .index3 .index3box ul li .ico{ height:50px;}
#obtn .index3 .index3box ul li h5{ min-height:0px; line-height:18px; font-size:12px;}
}


#obtn .index4{ padding:94px 0 135px 0; position:relative; overflow:hidden;}
#obtn .index4 ul{ width:100%; float:left; margin-top:97px;}
#obtn .index4 ul li{ width:50%; float:left;}
#obtn .index4 ul li .pic{ width:50%; float:left; height:270px; position:relative;}
#obtn .index4 ul li .pic .logo{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; line-height:270px; text-align:center; background:rgba(0,0,0,0.3);
-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;}
#obtn .index4 ul li:hover .pic .logo{background:rgba(0,0,0,0.5);}
#obtn .index4 ul li .pic .logo img{ vertical-align:middle; margin-top:-3px;}
#obtn .index4 ul li .text{ width:50%; float:left; height:270px; position:relative; background:white; line-height:268px; padding:0 50px 0 42px; overflow-y:auto; border:solid 1px #E5E5E5;}
#obtn .index4 ul li .text span{ display:inline-block; vertical-align:middle;}
#obtn .index4 ul li .text span h4{ width:100%; font-size:28px; color:#2A2A2A; line-height:38px; text-align:center;}
#obtn .index4 ul li .text span h5{ width:100%; margin-top:24px; font-size:18px; color:#676767; line-height:30px;}
#obtn .index4 ul li.l1 .pic{ float:right;}
@media screen and (max-width:991px){
#obtn .index4{ padding:50px 0 70px 0;}
#obtn .index4 ul{ margin-top:50px;}
#obtn .index4 ul li .pic{ height:220px;}
#obtn .index4 ul li .pic .logo{ line-height:220px; padding:0 20px;}
#obtn .index4 ul li .text{ height:220px; line-height:218px; padding:0 25px 0 20px;}
#obtn .index4 ul li .text span h4{ font-size:22px; line-height:32px;}
#obtn .index4 ul li .text span h5{ margin-top:12px; font-size:14px; line-height:24px;}
}
@media screen and (max-width:767px){
#obtn .index4{ padding:30px 10px 40px 10px;}
#obtn .index4 ul{ margin-top:24px;}
#obtn .index4 ul li{ width:100%;}
#obtn .index4 ul li .pic{ height:180px;}
#obtn .index4 ul li .pic .logo{ line-height:180px;}
#obtn .index4 ul li .text{ height:180px; line-height:178px; padding:0 5px 0 10px;}
#obtn .index4 ul li .text span h4{ font-size:16px; line-height:26px;}
#obtn .index4 ul li .text span h5{ margin-top:8px; font-size:12px; line-height:20px;}
#obtn .index4 ul li:nth-child(2n) .pic{ float:right;}
#obtn .index4 ul li:nth-child(3) .pic{ float:left;}
}


#obtn .index5{ padding:66px 0 27px 0; position:relative; overflow:hidden;}
#obtn .index5 .mb{ width:100%; height:100%; position:absolute; left:0; top:0; background:black; opacity:0.55; z-index:1;}
#obtn .index5 ul{ width:100%; float:left; margin-top:80px; padding:0 75px 40px 75px; position:relative; z-index:2;}
#obtn .index5 ul li{ width:33.333%; float:left; overflow:hidden;}
#obtn .index5 ul li img{ width:100%; float:left;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#obtn .index5 ul li:hover img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#obtn .index5 ul .slick-dots
{
    position: absolute;
    bottom: 0px;
	left:0;
	padding:0; margin:0;
}
#obtn .index5 ul .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
	float:none;
    margin: 0 8px;
	border:solid 1px #ccc;
    padding: 0;
	background:white;
    cursor: pointer;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
opacity:0.8;
-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;
}
#obtn .index5 ul .slick-dots li button{ display:none;}
#obtn .index5 ul .slick-dots li.slick-active{ opacity:1;}
@media screen and (max-width:991px){
#obtn .index5{ padding:40px 0 20px 0;}
#obtn .index5 ul{ margin-top:40px; padding:0 0px 30px 0px;}
#obtn .index5 ul .slick-dots li{ width:10px; height:10px;}
}
@media screen and (max-width:767px){
#obtn .index5{ padding:30px 10px 20px 10px;}
#obtn .index5 ul{ margin-top:20px; padding:0 0px 20px 0px;}
#obtn .index5 ul .slick-dots li{ width:8px; height:8px; margin:0 4px;}
}


/*下载*/
#obtn .banner1{ position:relative;}
#obtn .banner1 .img1{ width:100%; float:left; height:550px; position:relative; z-index:1;}
#obtn .banner1 .img1 .mb{ width:100%; height:100%; position:absolute; left:0; top:0; background:black; opacity:0.5;}
#obtn .banner1 .text{ width:100%; text-align:center; position:absolute; left:0; top:0; z-index:2;}
#obtn .banner1 .text h2{ width:100%; margin-top:82px; line-height:60px; color:white; font-size:40px; letter-spacing:1px;}
#obtn .banner1 .text .img{ width:100%; margin-top:84px;}
#obtn .banner1 .text .img img{ height:460px; vertical-align:top;}
@media screen and (max-width:991px){
#obtn .banner1 .img1{ height:450px;}
#obtn .banner1 .text h2{ margin-top:60px; line-height:50px; font-size:30px; letter-spacing:0px;}
#obtn .banner1 .text .img{ margin-top:60px;}
#obtn .banner1 .text .img img{ height:400px;}
}
@media screen and (max-width:767px){
#obtn .banner1 .img1{ height:250px;}
#obtn .banner1 .text h2{ margin-top:30px; line-height:40px; font-size:20px;}
#obtn .banner1 .text .img{ margin-top:40px;}
#obtn .banner1 .text .img img{ height:200px;}
}

#obtn .xz1{ margin-top:220px; background:#f7f4f8; padding-bottom:55px;}
#obtn .xz1 .pic{ width:50%; float:left; text-align:center; margin-top:40px;}
#obtn .xz1 .text{ float:left; width:46.33%; margin-top:73px;}
#obtn .xz1 .text h3{ width:100%;font-size:34px; line-height:46px; color:#646464; letter-spacing:1px;}
#obtn .xz1 .text .p{ width:100%;font-size:16px; line-height:30px; color:#909090; margin-top:16px;}
#obtn .xz1 .text dl{ width:100%; margin-top:48px; text-align:center;}
#obtn .xz1 .text dl dd{ width:50%; float:left;}
#obtn .xz1 .text dl dd .img{ width:153px; height:153px; display:inline-block; vertical-align:top; border:solid 1px #bababa;}
#obtn .xz1 .text dl dd .img img{ width:100%; float:left;}
#obtn .xz1 .text dl dd .down{ width:100%; margin-top:48px;}

@media screen and (max-width:991px){
#obtn .xz1{ margin-top:150px; padding-bottom:40px;}
#obtn .xz1 .pic{ margin-top:30px;}
#obtn .xz1 .text{ margin-top:50px;}
#obtn .xz1 .text h3{ font-size:28px; line-height:40px; letter-spacing:0px;}
#obtn .xz1 .text .p{ font-size:14px; line-height:24px; margin-top:10px;}
#obtn .xz1 .text dl{ margin-top:38px;}
#obtn .xz1 .text dl dd .img{ width:100px; height:100px;}
#obtn .xz1 .text dl dd .down{ margin-top:30px;}
#obtn .xz1 .text dl dd .down img{ height:40px;}
}
@media screen and (max-width:767px){
#obtn .xz1{ margin-top:100px; padding-bottom:20px;}
#obtn .xz1 .pic{ margin-top:15px; width:100%;}
#obtn .xz1 .text{ margin-top:30px; width:100%; padding:0 15px;}
#obtn .xz1 .text h3{ font-size:20px; line-height:30px;}
#obtn .xz1 .text .p{ font-size:12px; line-height:20px;}
#obtn .xz1 .text dl{ margin-top:28px;}
#obtn .xz1 .text dl dd .img{ width:100px; height:100px;}
#obtn .xz1 .text dl dd .down{ margin-top:20px;}
#obtn .xz1 .text dl dd .down img{ height:30px;}
}

#obtn .xz2{ margin:40px 0 49px 0;}
#obtn .xz2 ul{ width:100%; float:left;}
#obtn .xz2 ul li{ width:50%; float:left; height:135px; padding-left:187px; position:relative;}
#obtn .xz2 ul li .ico{ position:absolute; left:83px; top:50%; width:76px; margin:-43px 0 0 0;}
#obtn .xz2 ul li .text{ width:100%; height:135px; vertical-align:top; display:table;}
#obtn .xz2 ul li .text span{ display:table-cell; vertical-align:middle;}
#obtn .xz2 ul li .text h4{ width:100%; font-size:20px; color:#2A2A2A; line-height:30px; font-weight:bold; letter-spacing:1px;}
#obtn .xz2 ul li .text h5{ width:100%; margin-top:3px; font-size:16px; color:#646464; line-height:26px; letter-spacing:1px;}
@media screen and (max-width:991px){
#obtn .xz2{ margin:20px 0 25px 0;}
#obtn .xz2 ul li{ height:100px; padding-left:90px;}
#obtn .xz2 ul li .ico{ left:20px; width:50px; margin:-28.5px 0 0 0;}
#obtn .xz2 ul li .text{ height:100px;}
#obtn .xz2 ul li .text h4{ font-size:16px; line-height:26px; letter-spacing:0px;}
#obtn .xz2 ul li .text h5{ font-size:14px; line-height:22px; letter-spacing:0px;}
}
@media screen and (max-width:767px){
#obtn .xz2{ margin:10px 0 12px 0;}
#obtn .xz2 ul{ padding:0 20px;}
#obtn .xz2 ul li{ width:100%; height:80px; padding-left:60px; padding-right:10px;}
#obtn .xz2 ul li .ico{ left:10px; width:30px; margin:-17px 0 0 0;}
#obtn .xz2 ul li .text{ height:80px;}
#obtn .xz2 ul li .text h4{ font-size:14px; line-height:20px;}
#obtn .xz2 ul li .text h5{ font-size:12px; line-height:18px;}
}

#obtn .Head1{ width:100%; text-align:center; float:left;}
#obtn .Head1 h3{ width:100%; float:left; font-size:42px; color:#2A2A2A; line-height:60px; font-weight:bold; letter-spacing:10px;}
#obtn .Head1 h4{ width:100%; float:left; margin-top:4px; font-size:36px; color:#2A2A2A; line-height:36px; opacity:0.3; text-transform:uppercase; letter-spacing:-0.5px;}
#obtn .Head1.Head1White h3,#obtn .Head1.Head1White h4{ color:white;}
@media screen and (max-width:991px){
#obtn .Head1 h3{ font-size:34px; line-height:70px; letter-spacing:6px;}
#obtn .Head1 h4{ font-size:26px; line-height:26px;}
}
@media screen and (max-width:767px){
#obtn .Head1 h3{ font-size:26px; line-height:50px; letter-spacing:2px;}
#obtn .Head1 h4{ font-size:16px; line-height:16px;}
}

#obtn .ywjs1{ height:620px; line-height:620px; position:relative; overflow:hidden; z-index:2;}
#obtn .ywjs1 .mb{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:black; opacity:0.5;}
#obtn .ywjs1 .text{ display:inline-block; vertical-align:middle; width:100%; text-align:center; position:relative; z-index:3;}
#obtn .ywjs1 .jj{ width:100%; float:left; margin-top:51px; font-size:18px; color:#fff; line-height:36px; letter-spacing:0.5px;}
@media screen and (max-width:991px){
#obtn .ywjs1{ height:500px; line-height:500px;}
#obtn .ywjs1 .jj{ margin-top:30px; font-size:16px; line-height:30px;}
}
@media screen and (max-width:767px){
#obtn .ywjs1{ height:350px; line-height:350px; padding:0 15px;}
#obtn .ywjs1 .jj{ margin-top:20px; font-size:14px; line-height:24px;}
}

#obtn .ywjs2{ padding:101px 0 116px 0; background:white; position:relative; z-index:2;}
#obtn .ywjs2 .pic{ float:right; width:45.08%;}
#obtn .ywjs2 .pic img{ width:100%; float:left;}
#obtn .ywjs2 .text{ float:left; width:48.5833%; margin-top:26px;}
#obtn .ywjs2 .text .Head1{ text-align:left;}
#obtn .ywjs2 .text .jj{ width:100%; float:left; margin-top:30px; font-size:18px; color:#2A2A2A; line-height:32px; letter-spacing:0.5px;}
@media screen and (max-width:991px){
#obtn .ywjs2{ padding:50px 0 63px 0;}
#obtn .ywjs2 .text{ margin-top:-26px;}
#obtn .ywjs2 .text .jj{ margin-top:20px; font-size:16px; line-height:26px;}
}
@media screen and (max-width:767px){
#obtn .ywjs2{ padding:25px 0 30px 0;}
#obtn .ywjs2 .pic{ width:100%;}
#obtn .ywjs2 .text{ margin-top:10px; padding:0 15px; width:100%;}
#obtn .ywjs2 .text .jj{ margin-top:10px; font-size:14px; line-height:20px;}
}

#obtn .ywjs3{ height:570px; line-height:570px; position:relative;}
#obtn .ywjs3 .mb{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:black; opacity:0.3;}
#obtn .ywjs3 .text{ display:inline-block; vertical-align:middle; width:100%; text-align:center; position:relative; z-index:2;}
#obtn .ywjs3 .text h4{ width:100%; float:left; color:white; font-size:30px; line-height:42px; font-weight:bold; letter-spacing:1px;}
#obtn .ywjs3 .text .jj{ width:100%; float:left; margin-top:62px; color:white; font-size:20px; line-height:40px; letter-spacing:1px;}
@media screen and (max-width:991px){
#obtn .ywjs3{ height:400px; line-height:400px;}
#obtn .ywjs3 .text h4{ font-size:24px; line-height:30px; letter-spacing:0px;}
#obtn .ywjs3 .text .jj{ margin-top:40px; font-size:14px; line-height:30px; letter-spacing:0px;}
}
@media screen and (max-width:767px){
#obtn .ywjs3{ height:auto; line-height:0; padding:40px 15px;  background-attachment:inherit !important;}
#obtn .ywjs3:before{ content:''; width:100%; height:100%; position:fixed; left:0; top:0; background-size:cover;}
#obtn .ywjs3 .text h4{ font-size:18px; line-height:24px;}
#obtn .ywjs3 .text .jj{ margin-top:30px; font-size:12px; line-height:24px;}
.point {

    left: 26.7%!important;}
.liright {
    margin-top: -24px !important;;
    right: -3%;
    width: 54% !important;;
}
}
#obtn .ywjs4{ padding-top:98px; background:white; position:relative; z-index:2;}
#obtn .ywjs4 .jj{ width:100%; float:left; margin-top:40px; font-size:18px; color:#676767; line-height:28px; letter-spacing:0.5px; text-align:center;}
#obtn .ywjs4 .zq{ width:100%; float:left; margin-top:71px; position:relative; padding:74px 0; background-attachment:inherit !important;}
#obtn .ywjs4 .zq .mb{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:black; opacity:0.75;}
#obtn .ywjs4 .zq table{ width:100%; float:left; position:relative; z-index:2;}
#obtn .ywjs4 .zq table td{ color:white; font-size:18px; line-height:24px; padding:18px 25px 22px 25px; letter-spacing:1px; border:solid 1px #B2B2B2;}
#obtn .ywjs4 .zq table td.td1{ font-weight:bold; width:14%; text-align:center;}
#obtn .ywjs4 .zq table td.td2{ width:86%;}
@media screen and (max-width:991px){
#obtn .ywjs4{ padding-top:50px;}
#obtn .ywjs4 .jj{ margin-top:20px; font-size:16px; line-height:24px; letter-spacing:0px;}
#obtn .ywjs4 .zq{ margin-top:50px; padding:40px 0;}
#obtn .ywjs4 .zq table td{ font-size:16px; line-height:20px; padding:12px 20px 15px 20px; letter-spacing:0px;}
}
@media screen and (max-width:767px){
#obtn .ywjs4{ padding-top:30px;}
#obtn .ywjs4 .jj{ margin-top:10px; font-size:14px; line-height:20px; padding:0 10px;}
#obtn .ywjs4 .zq{ margin-top:25px; padding:20px 0;}
#obtn .ywjs4 .zq table td{ font-size:14px; padding:8px 10px 10px 10px;}
}

#obtn .ywjs5{ padding:138px 0 327px 0; background-color:white !important; position:relative; z-index:2;}
#obtn .ywjs5 .jj{ width:100%; float:left; margin-top:66px; font-size:18px; color:#2A2A2A; line-height:30px; letter-spacing:0.5px; text-align:left;}
@media screen and (max-width:991px){
#obtn .ywjs5{ padding:90px 0 200px 0;}
#obtn .ywjs5 .jj{ margin-top:44px; font-size:16px; line-height:24px; letter-spacing:0px;}
}
@media screen and (max-width:767px){
#obtn .ywjs5{ padding:40px 10px 100px 10px;}
#obtn .ywjs5 .jj{ margin-top:22px; font-size:14px; line-height:20px;}
}

/*市场与研究*/
#obtn .banner2{ height:340px; position:relative;}
#obtn .banner2 .mb{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:black; opacity:0.15;}
#obtn .banner2 .text{ width:100%; position:absolute; left:0; top:50%; background:url(../images/kuang.png) no-repeat center center; height:178px; margin-top:-89px; z-index:3; text-align:center;}
#obtn .banner2 .text h3{ width:100%; color:white; font-size:40px; line-height:50px; letter-spacing:2px; float:left; margin-top:15px;}
#obtn .banner2 .text img{margin-top:16px;}
#obtn .banner2 .text h4{ width:100%; color:white; margin-top:6px; font-size:24px; line-height:34px; letter-spacing:1.5px; float:left;}
@media screen and (max-width:991px){
#obtn .banner2{ height:280px;}
#obtn .banner2 .text{ background-size:contain; height:120px; margin-top:-60px;}
#obtn .banner2 .text h3{ font-size:30px; line-height:40px; letter-spacing:1px; margin-top:10px;}
#obtn .banner2 .text h4{ margin-top:16px; font-size:18px; line-height:28px; letter-spacing:0.5px;}
}
@media screen and (max-width:767px){
#obtn .banner2{ height:200px;}
#obtn .banner2 .text{ height:80px; margin-top:-40px;}
#obtn .banner2 .text h3{ font-size:20px; line-height:30px; letter-spacing:0px; margin-top:5px;}
#obtn .banner2 .text h4{ margin-top:8px; font-size:14px; line-height:20px; letter-spacing:0px;}
}

#obtn .mbx{ border-bottom:solid 1px #E1E1E1; height:61px; line-height:60px; font-size:14px; color:#323232; letter-spacing:1px;}
#obtn .mbx a{ color:#323232;}
#obtn .mbx a:hover{ color:#DF2029;}
@media screen and (max-width:767px){
#obtn .mbx{ height:40px; line-height:40px; font-size:12px; letter-spacing:0px; padding:0 10px;}
}

#obtn .pz_SideLayer1{ width:100%; float:left; margin-top:39px; padding-bottom:39px; border-bottom:solid 1px #E1E1E1; text-align:center; position:relative; z-index:2;}
#obtn .pz_SideLayer1 li{ width:33.33%; float:left; line-height:60px; font-size:22px; color:#323232; font-weight:bold;}
#obtn .pz_SideLayer1 li a{ color:#323232;}
#obtn .pz_SideLayer1 li img{ vertical-align:middle; margin:-3px 12px 0 0; width:70px;}
#obtn .pz_SideLayer1 li a:hover{ color:#DF2029;}
@media screen and (max-width:991px){
#obtn .pz_SideLayer1{ margin-top:20px; padding-bottom:20px;}
#obtn .pz_SideLayer1 li{ line-height:40px; font-size:18px;}
#obtn .pz_SideLayer1 li img{ margin:-3px 8px 0 0; width:50px;}
}
@media screen and (max-width:767px){
#obtn .pz_SideLayer1{ margin-top:10px; padding-bottom:10px;}
#obtn .pz_SideLayer1 li{ line-height:30px; font-size:14px;}
#obtn .pz_SideLayer1 li img{ margin:-3px 4px 0 0; width:40px;}
}

#obtn .scyj{ margin-bottom:109px;}
#obtn .scyj,#obtn .scyj ul{ width:100%; float:left;}
#obtn .scyj ul li{ width:100%; float:left; padding-top:120px; margin-top:-60px;}
#obtn .scyj ul li .pic{ float:left; width:46.166%; height:300px;}
#obtn .scyj ul li .pic img{ width:100%; float:left;}
#obtn .scyj ul li .text{ float:right; width:48.166%;}
#obtn .scyj ul li .text .title{ width:100%; float:left; font-weight:bold; font-size:32px; color:#323232; line-height:52px; letter-spacing:1px; padding-bottom:5px; border-bottom:solid 1px #E1E1E1; margin-bottom:20px;}
#obtn .scyj ul li .text .title .detail{ float:right;width:80px;height:30px;border:1px solid rgba(229,229,229,1); text-align:center; font-size:12px; color:#909090; line-height:28px; margin-top:12px; font-weight:normal;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;
-webkit-transition: all 0s ease-out 0s; 
-moz-transition: all 0s ease-out 0s; 
-o-transition: all 0s ease-out 0s; 
transition: all 0s ease-out 0s;}
#obtn .scyj ul li .text .title .detail:hover{ color:white; background:#DF2029; border-color:#DF2029;}
#obtn .scyj ul li .text .list{ width:100%; float:left;}
#obtn .scyj ul li .text .list a{ display:block; width:100%; float:left; padding-right:105px; position:relative; font-size:17px; color:#323232; line-height:37px; letter-spacing:1px;}
#obtn .scyj ul li .text .list a span{ position:absolute; right:0; top:0; font-size:16px; color:#909090; letter-spacing:-0.5px;}
#obtn .scyj ul li .text .list a:hover,#obtn .scyj ul li .text .list a:hover span{ color:#DF2029;}
@media screen and (max-width:991px){
#obtn .scyj{ margin-bottom:65px;}
#obtn .scyj ul li{ padding-top:60px; margin-top:-30px;}
#obtn .scyj ul li .pic{ height:240px;}
#obtn .scyj ul li .text .title{ font-size:26px; line-height:40px; letter-spacing:0px; margin-bottom:10px;}
#obtn .scyj ul li .text .title .detail{ width:70px;height:22px; line-height:20px; margin-top:8px;}
#obtn .scyj ul li .text .list a{ padding-right:80px; font-size:15px; line-height:30px; letter-spacing:0px;}
#obtn .scyj ul li .text .list a span{ font-size:14px;}
}
@media screen and (max-width:767px){
#obtn .scyj{ margin-bottom:33px;}
#obtn .scyj ul li{ margin-top:-50px;}
#obtn .scyj ul li .pic{ width:100%; height:180px;}
#obtn .scyj ul li .text{ width:100%; margin-top:10px; padding:0 10px;}
#obtn .scyj ul li .text .title{ font-size:20px; line-height:30px;}
#obtn .scyj ul li .text .title .detail{ margin-top:5px;}
}

/*业务介绍3*/
#obtn .banner3 img{ width:100%; float:left;}
#obtn .pz_SideLayer2{ width:100%; float:left; text-align:center; border:solid 1px #E5E5E5;}
#obtn .pz_SideLayer2 li{ width:50%; float:left; line-height:108px; font-size:20px; color:#909090;}
#obtn .pz_SideLayer2 li a{ color:#909090;}
#obtn .pz_SideLayer2 li img{ vertical-align:middle; margin:-3px 14px 0 0;}
#obtn .pz_SideLayer2 li .img2{ display:none;}
#obtn .pz_SideLayer2 li.on a,#obtn .pz_SideLayer2 li:hover a{ color:#323232;}
#obtn .pz_SideLayer2 li.on .img1,#obtn .pz_SideLayer2 li:hover .img1{ display:none;}
#obtn .pz_SideLayer2 li.on .img2,#obtn .pz_SideLayer2 li:hover .img2{ display:inline-block;}

@media screen and (max-width:991px){
#obtn .pz_SideLayer2 li{ line-height:84px; font-size:16px;}
#obtn .pz_SideLayer2 li img{ margin:-3px 10px 0 0; width:30px;}
}
@media screen and (max-width:767px){
#obtn .pz_SideLayer2 li{ line-height:50px; font-size:12px;}
#obtn .pz_SideLayer2 li img{ margin:-3px 6px 0 0; width:24px;}
}

#obtn .ywjs6{ margin-top:41px; margin-bottom:92px; width:100%; float:left;}
#obtn .ywjs6 table{ width:100%; float:left;}
#obtn .ywjs6 table th{ padding:13px 10px 11px 10px; text-align:center; background:#F5F5F5; font-size:14px; color:#323232; line-height:24px; border:solid 1px #B2B2B2;}
#obtn .ywjs6 table td{ padding:13px 10px 11px 10px; text-align:center; font-size:14px; color:#676767; line-height:24px; border:solid 1px #E5E5E5;}
#obtn .ywjs6 table .td1{ width:21.5%; text-align:left; padding-left:32px;}
#obtn .ywjs6 table .td2{ width:13.33%;}
#obtn .ywjs6 table .td3{ width:10%;}
#obtn .ywjs6 table .td4{ width:11.33%;}
#obtn .ywjs6 table .td5{ width:11.5%;}
#obtn .ywjs6 table .td6{ width:11.33%;}
#obtn .ywjs6 table .td7{ width:9.75%;}
#obtn .ywjs6 table .td8{ width:10.83%;}
#obtn .ywjs6 table tr:hover{ background:#F5F5F5;}
@media screen and (max-width:991px){
#obtn .ywjs6{ margin-top:20px; margin-bottom:50px;}
#obtn .ywjs6 table th{ padding:9px 5px 8px 5px; font-size:12px; line-height:20px;}
#obtn .ywjs6 table td{ padding:9px 5px 8px 5px; font-size:12px; line-height:20px;}
#obtn .ywjs6 table .td1{ padding-left:20px;}
}
@media screen and (max-width:767px){
#obtn .ywjs6{ margin-top:10px; margin-bottom:30px;}
#obtn .ywjs6 table th,
#obtn .ywjs6 table td{ padding:9px 5px 8px 5px; line-height:18px;}
#obtn .ywjs6 table .td1{ padding-left:10px;}
}

#obtn .slide_banner .ul2 .bannerText{ text-align:center; margin-top:-100px;}
#obtn .slide_banner .ul2 .bannerText .detail{ float:none; display:inline-block; vertical-align:top;}
@media screen and (max-width:767px){
#obtn .slide_banner .ul2 .bannerText{ margin-top:-30px;}
}

/*业务介绍*/
#obtn .ywjs7{ width:100%; float:left;}
#obtn .ywjs7 img{ width:100%; float:left;}
#obtn .ywjs7 .cyhd{ width:100%; text-align:center; padding:94px 0 230px 0; float:left; background:white;}
#obtn .ywjs7 a{ display:inline-block; vertical-align:top;width:402px;height:60px; line-height:60px; background:#DF2029; color:white; font-size:26px;
-moz-border-radius:30px; 
-webkit-border-radius:30px; 
-khtml-border-radius:30px;
border-radius:30px;}
#obtn .ywjs7 a:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
@media screen and (max-width:991px){
#obtn .ywjs7 .cyhd{ padding:50px 0 120px 0;}
#obtn .ywjs7 a{ width:200px;height:50px; line-height:50px; font-size:20px;}
}
@media screen and (max-width:767px){
#obtn .ywjs7 .cyhd{ padding:30px 0 60px 0;}
#obtn .ywjs7 a{ width:120px;height:26px; line-height:26px; font-size:12px;}
}

/*立即开户*/
#obtn .ljkh{ background:#f7f4f8; position:relative; z-index:2;}
#obtn .ljkh .ljkhbox{ margin:-284px 0 98px 0; box-shadow:0px 5px 15px rgba(0,0,0,0.08); background:white; width:100%; float:left; text-align:center; padding:55px 150px 120px 150px;}
#obtn .ljkh .ljkhbox h3{ width:100%; float:left; text-align:center; border-bottom:solid 1px; padding-bottom:17px; border-bottom:solid 2px rgba(0,0,0,0.1); position:relative; font-size:30px; color:#323232; line-height:42px; letter-spacing:8px;}
#obtn .ljkh .ljkhbox h3:before{ content:''; width:98px; height:6px; background:#DF2029; position:absolute; left:50%; bottom:-4px; margin-left:-49px;
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
-khtml-border-radius:3px;
border-radius:3px;}
#obtn .ljkh .ljkhbox .zbox{ margin:0 -20px;}
#obtn .ljkh .ljkhbox ul{ width:100%; float:left; margin-top:84px;}
#obtn .ljkh .ljkhbox ul li{ width:50%; float:left; padding:0 20px;}
#obtn .ljkh .ljkhbox ul li a{ display:block; width:100%; float:left; height:280px; cursor:pointer; border:solid 1px #E5E5E5; padding:52px 10px 10px 10px;}
#obtn .ljkh .ljkhbox ul li a .ico{ display:inline-block; vertical-align:top; width:103px; height:103px;}
#obtn .ljkh .ljkhbox ul li a .ico img{ vertical-align:top;}
#obtn .ljkh .ljkhbox ul li a h4{ width:100%; margin-top:20px; line-height:32px; font-size:20px; color:#323232; letter-spacing:1px;}
#obtn .ljkh .ljkhbox ul li a h5{ width:100%; line-height:27px; font-size:14px; color:#909090; letter-spacing:2px;}
#obtn .ljkh .ljkhbox ul li a:hover{box-shadow:0px 5px 15px rgba(0,0,0,0.1);}
@media screen and (max-width:991px){
#obtn .ljkh .ljkhbox{ margin:-284px 0 50px 0; padding:30px 70px 60px 70px;}
#obtn .ljkh .ljkhbox h3{ padding-bottom:12px; border-bottom:solid 1px rgba(0,0,0,0.1); font-size:24px; line-height:36px; letter-spacing:2px;}
#obtn .ljkh .ljkhbox h3:before{ width:60px; height:5px; bottom:-3px; margin-left:-30px;}
#obtn .ljkh .ljkhbox .zbox{ margin:0 -10px;}
#obtn .ljkh .ljkhbox ul{ margin-top:42px;}
#obtn .ljkh .ljkhbox ul li{ padding:0 10px;}
#obtn .ljkh .ljkhbox ul li a{ height:200px; padding:30px 10px 10px 10px;}
#obtn .ljkh .ljkhbox ul li a .ico{ width:80px; height:80px;}
#obtn .ljkh .ljkhbox ul li a h4{ margin-top:12px; line-height:26px; font-size:14px; letter-spacing:0px;}
#obtn .ljkh .ljkhbox ul li a h5{ line-height:21px; font-size:12px; letter-spacing:1px;}
}
@media screen and (max-width:767px){
#obtn .ljkh .ljkhbox{ margin:-140px 0 30px 0; padding:20px 15px 30px 15px;}
#obtn .ljkh .ljkhbox h3{ font-size:18px; line-height:30px; letter-spacing:1px;}
#obtn .ljkh .ljkhbox h3:before{ width:40px; height:3px; bottom:-1px; margin-left:-20px;}
#obtn .ljkh .ljkhbox .zbox{ margin:0 -5px;}
#obtn .ljkh .ljkhbox ul{ margin-top:21px;}
#obtn .ljkh .ljkhbox ul li{ padding:0 5px;}
#obtn .ljkh .ljkhbox ul li a{ height:150px; padding:20px 10px 10px 10px;}
#obtn .ljkh .ljkhbox ul li a .ico{ width:60px; height:60px;}
#obtn .ljkh .ljkhbox ul li a h4{ margin-top:8px; line-height:22px;}
#obtn .ljkh .ljkhbox ul li a h5{ line-height:18px;}
}

#obtn .tcmb1{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:black; opacity:0.55; display:none;}
#obtn .dztc1{ width:798px; height:498px; background:white; overflow:hidden; padding:45px 65px 20px 55px; position:fixed; left:50%; top:50%; margin:-249px 0 0 -399px; z-index:11; display:none;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
#obtn .dztc1 .close{ position:absolute; right:15px; top:15px; font-size:26px; height:26px; line-height:1; color:#B2B2B2; cursor:pointer; font-weight:bold;}
#obtn .dztc1 h3{ width:100%; float:left; font-size:24px; color:#2A2A2A; line-height:32px; text-align:center;}
#obtn .dztc1 h4{ width:100%; float:left; margin-top:31px; font-size:14px; color:#676767; line-height:22px;}
#obtn .dztc1 h5{ width:100%; float:left; margin-top:18px; font-size:14px; color:#676767; line-height:17px;}
#obtn .dztc1 .ditu{ float:left; width:400px; margin-top:43px; border:solid 1px #E5E5E5; height:200px;}
#obtn .dztc1 .text{ float:right; width:238px; font-size:13px; color:#676767; line-height:17px; margin-top:15px;}
#obtn .dztc1 .text li{ margin-top:60px;}
#obtn .dztc1 .ditu .BMap_shadow img,#obtn .dztc1 .ditu .BMap_pop{display:none !important;}
@media screen and (max-width:991px){
#obtn .dztc1{ width:700px; margin-left:-350px;}
#obtn .dztc1 .ditu{ width:300px;}
}
@media screen and (max-width:767px){
#obtn .dztc1{ width:90%; height:auto; padding:20px 15px 10px 15px; margin:0; left:5%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);}
#obtn .dztc1 .close{ right:10px; top:10px; font-size:20px}
#obtn .dztc1 h3{ font-size:18px; line-height:26px;}
#obtn .dztc1 h4{ margin-top:20px; font-size:12px; line-height:20px;}
#obtn .dztc1 h5{  margin-top:12px; font-size:12px; line-height:15px;}
#obtn .dztc1 .ditu{ width:100%; margin-top:20px; height:200px;}
#obtn .dztc1 .text{ width:100%; font-size:12px; line-height:15px; margin-top:10px;}
#obtn .dztc1 .text li{ margin-top:10px;}
}

/*新闻中心*/
#obtn .pz_SideLayer3{ border-bottom:solid 1px #E1E1E1; height:81px; text-align:center;}
#obtn .pz_SideLayer3 li{ width:25%; float:left;}
#obtn .pz_SideLayer3 li a{ display:block; width:100%; height:81px; line-height:81px; font-size:18px; color:#2A2A2A; border-bottom:solid 4px transparent;
-webkit-transition: all 0s ease-out 0s; 
-moz-transition: all 0s ease-out 0s; 
-o-transition: all 0s ease-out 0s; 
transition: all 0s ease-out 0s;}
#obtn .pz_SideLayer3 li a img{ vertical-align:middle; width:40px; margin:-3px 10px 0 0;}
#obtn .pz_SideLayer3 li.on a,#obtn .pz_SideLayer3 li:hover a{ border-bottom:solid 4px #DF2029;}
@media screen and (max-width:991px){
#obtn .pz_SideLayer3{ height:61px;}
#obtn .pz_SideLayer3 li a{ height:61px; line-height:61px; font-size:16px;}
#obtn .pz_SideLayer3 li a img{ width:30px; margin:-3px 6px 0 0;}
#obtn .pz_SideLayer3 li.on a,#obtn .pz_SideLayer3 li:hover a{ border-width:3px;}
}
@media screen and (max-width:767px){
#obtn .pz_SideLayer3{ height:41px;}
#obtn .pz_SideLayer3 li a{ height:41px; line-height:41px; font-size:12px;}
#obtn .pz_SideLayer3 li a img{ width:16px; margin:-3px 2px 0 0;}
#obtn .pz_SideLayer3 li.on a,#obtn .pz_SideLayer3 li:hover a{ border-width:2px;}
}

#obtn .headline{ width:100%; float:left; margin-top:37px; padding-bottom:11px; border-bottom:solid 1px #E5E5E5; line-height:38px; font-size:24px; color:#323232; font-weight:bold; letter-spacing:1px;}
#obtn .headline .return{ float:right; font-size:14px; color:#909090; font-weight:normal; line-height:20px; margin-top:20px; letter-spacing:0;}
#obtn .headline .return:hover{ color:#DF2029;}
#obtn .news ul{ width:100%; float:left; margin-top:14px;}
#obtn .news ul li{ width:100%; float:left; padding:29px 0 30px 472px; position:relative; border-bottom:solid 1px #E5E5E5;}
#obtn .news ul li .pic{ position:absolute; left:0; top:29px; width:420px; height:190px; overflow:hidden;}
#obtn .news ul li .pic img{ width:100%; float:left;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#obtn .news ul li:hover .pic img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#obtn .news ul li .text{ width:100%; float:left; margin-top:6px;}
#obtn .news ul li .text .title{ width:100%; float:left; font-size:22px; color:#323232; line-height:30px; font-weight:bold; letter-spacing:1px;}
#obtn .news ul li .text .time{ width:100%; float:left; font-size:14px; color:#909090; line-height:22px; margin-top:9px; letter-spacing:1px;}
#obtn .news ul li .text .time span{ margin-right:12px;}
#obtn .news ul li .text .jj{ width:100%; float:left; font-size:14px; color:#676767; line-height:20px; margin-top:14px; letter-spacing:1px; height:60px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
#obtn .news ul li .text .detail{ float:right;width:73px; height:30px; margin-top:19px; border:solid 1px #E5E5E5; text-align:center; line-height:28px; font-size:12px; color:#909090;}
#obtn .news ul li .text .detail:hover{ color:white; background:#DF2029; border-color:#DF2029;}
@media screen and (max-width:991px){
#obtn .headline{ margin-top:30px; padding-bottom:6px; line-height:32px; font-size:18px; letter-spacing:0px;}
#obtn .headline .return{ font-size:12px; margin-top:12px;}
#obtn .news ul{ margin-top:8px;}
#obtn .news ul li{ padding:22px 0 24px 350px; min-height:191px;}
#obtn .news ul li .pic{ top:22px; width:320px; height:145px;}
#obtn .news ul li .text{ margin-top:10px;}
#obtn .news ul li .text .title{ font-size:16px; line-height:24px; letter-spacing:0px;}
#obtn .news ul li .text .time{ font-size:12px; line-height:20px; margin-top:5px; letter-spacing:0px;}
#obtn .news ul li .text .time span{ margin-right:8px;}
#obtn .news ul li .text .jj{ font-size:12px; margin-top:10px; letter-spacing:0px;}
#obtn .news ul li .text .detail{ display:none; width:70px; margin-top:15px;}
}
@media screen and (max-width:767px){
#obtn .headline{ margin-top:20px; line-height:26px; font-size:16px; padding:0 10px 6px 10px;}
#obtn .headline .return{ margin-top:8px;}
#obtn .news ul{ margin-top:5px;}
#obtn .news ul li{ padding:14px 10px 16px 10px; min-height:100px;}
#obtn .news ul li .pic{ top:auto; width:100%; height:auto; position:relative; left:auto; top:auto; float:left;}
#obtn .news ul li .text{ margin-top:10px;}
}

#obtn .d_0100_fy{ float:left; width:100%; text-align:center; margin:73px 0 149px 0; position:relative;}
#obtn .d_0100_fy > span{ position:absolute; left:0; top:0; font-size:12px; color:#323232; line-height:27px; letter-spacing:1px;}
#obtn .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
#obtn .pz_fy1 a {display:block; float:left; padding:0 5px; height:27px; text-align:center; line-height:27px; font-size:12px; color:#323232; margin:0 10px;}
#obtn .pz_fy1 a:hover,#obtn .pz_fy1 a.on{color: #DF2029;}
#obtn .pz_fy1 a.prve,#obtn .pz_fy1 a.next{ margin:0 15px; width:81px; border:solid 1px #BBBBBB; line-height:25px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;
-webkit-transition: all 0s ease-out 0s; 
-moz-transition: all 0s ease-out 0s; 
-o-transition: all 0s ease-out 0s; 
transition: all 0s ease-out 0s;}
#obtn .pz_fy1 a.prve:hover,
#obtn .pz_fy1 a.prve.on,
#obtn .pz_fy1 a.next:hover,
#obtn .pz_fy1 a.next.on{ background:#DF2029; border-color:#DF2029; color:white;}
#obtn .fy_phone{ display:none;}
@media  screen and (max-width:991px){
#obtn .d_0100_fy{ margin:41px 0 85px 0;}
#obtn .pz_fy1 a.prve,#obtn .pz_fy1 a.next{ margin:0 10px;}
}
@media  screen and (max-width:767px){
#obtn .d_0100_fy{ margin:20px 0 42px 0;}
#obtn .d_0100_fy > span{ display:none;}
#obtn .pz_fy1{ display:none;}
#obtn .fy_phone{ display:block;  float:left; width:100%; text-align:center; font-size:14px; color:#333;}
#obtn .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
#obtn .fy_phone a.prve{ background:url(../images/prve_fy.png) no-repeat center;}
#obtn .fy_phone a.next{ background:url(../images/next_fy.png) no-repeat center;}
#obtn .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;}
}

/*详情页*/
#obtn .xqy{ padding:0 40px;}
#obtn .subhead{ width:100%; float:left; border-bottom:solid 1px #E5E5E5; margin-top:48px; height:49px;}
#obtn .subhead span{ display:block; float:left; font-size:24px; line-height:38px; color:#323232; letter-spacing:1px; font-weight:bold; height:50px; border-bottom:solid 3px #DF2029;}
#obtn .subhead a{ display:block; float:right; margin-top:13px; line-height:34px; font-size:14px; color:#909090;}
#obtn .subhead a:hover{ color:#DF2029;}
#obtn .xqy .title{ width:100%; float:left; margin-top:62px; font-size:26px; color:#323232; line-height:40px; text-align:center;}
#obtn .xqy .xqyHead{ width:100%; float:left; margin-top:31px; font-size:14px; color:#909090; line-height:26px;}
#obtn .xqy .xqyHead span{ float:right;}
#obtn .xqy .xqyBody{ width:100%; float:left; margin-top:43px;}
#obtn .xqy .xqyBody .text{ width:100%; float:left; font-size:14px; color:#787878; line-height:26px;}
#obtn .xqy .xqyBody .tab{ width:100%; float:left; margin-top:43px; line-height:39px; font-size:16px; color:#909090;}
#obtn .xqy .xqyBody .tab a{ font-size:16px; color:#787878; margin-right:40px;}
#obtn .xqy .xqyBody .tab a img{ vertical-align:middle; margin:-3px 12px 0 2px;}
#obtn .xqy .xqyBody .tab a:hover{ text-decoration:underline;}
#obtn .xqy .xqyDown{ width:100%; float:left; margin-top:28px; padding-top:27px; border-top:solid 1px #E5E5E5; margin-bottom:105px;}
#obtn .xqy .xqyDown h5{ width:100%; float:left; font-size:16px; color:#909090; line-height:38px;}
#obtn .xqy .xqyDown h5 a{ color:#646464;}
#obtn .xqy .xqyDown h5:hover a{ color:#DF2029; text-decoration:underline;}
@media  screen and (max-width:991px){
#obtn .xqy{ padding:0 20px;}
#obtn .subhead{ margin-top:30px; height:40px;}
#obtn .subhead span{ font-size:18px; line-height:32px; letter-spacing:0px; height:41px; border-bottom:solid 2px #DF2029;}
#obtn .subhead a{ margin-top:9px; line-height:28px; font-size:12px;}
#obtn .xqy .title{ margin-top:40px; font-size:20px; line-height:34px;}
#obtn .xqy .xqyHead{ margin-top:20px; font-size:12px; line-height:20px;}
#obtn .xqy .xqyBody{ margin-top:21px;}
#obtn .xqy .xqyBody .text{ font-size:12px; line-height:20px;}
#obtn .xqy .xqyBody .tab{ margin-top:21px; line-height:30px; font-size:14px;}
#obtn .xqy .xqyBody .tab a{ font-size:14px; margin-right:20px;}
#obtn .xqy .xqyBody .tab a img{ margin:-3px 6px 0 2px; width:24px;}
#obtn .xqy .xqyDown{ margin-top:20px; padding-top:20px; margin-bottom:53px;}
#obtn .xqy .xqyDown h5{ font-size:14px; line-height:32px;}
}
@media  screen and (max-width:767px){
#obtn .xqy{ padding:0 10px;}
#obtn .subhead{ margin-top:15px; height:30px;}
#obtn .subhead span{ font-size:16px; line-height:26px; height:30px; border-bottom:solid 2px #DF2029;}
#obtn .subhead a{ margin-top:5px; line-height:22px;}
#obtn .xqy .title{ margin-top:20px; font-size:16px; line-height:28px;}
#obtn .xqy .xqyHead{ margin-top:10px;}
#obtn .xqy .xqyBody{ margin-top:10px;}
#obtn .xqy .xqyBody .tab{ margin-top:10px;}
#obtn .xqy .xqyBody .tab a{ display:block;}
#obtn .xqy .xqyDown{ margin-top:10px; padding-top:10px; margin-bottom:30px;}
#obtn .xqy .xqyDown h5{ font-size:12px; line-height:26px;}
}

/*市场与研究列表*/
#obtn .scdy{ width:100%; float:left; background:white; margin:16px 0 45px 0; padding:32px 40px 0 40px; overflow:hidden;}
#obtn .scdy ul{ width:100%;; margin-top:30px;}
#obtn .scdy ul li{ width:100%; float:left; padding:0 20px; position:relative;}
#obtn .scdy ul li a{ display:block; width:100%; float:left; border-bottom:solid 1px #E5E5E5; line-height:70px; font-size:16px; color:#909090; padding:0 100px 0 210px; position:relative; z-index:2; letter-spacing:1px;}
#obtn .scdy ul li a .time{ position:absolute; left:12px; top:0; color:#323232; font-size:18px;}
#obtn .scdy ul li:before{ content:''; width:2000px; height:100%; position:absolute; left:50%; top:0; margin-left:-1000px; background:#FAFAFA; z-index:1; display:none;}
#obtn .scdy ul li a:after{ content:''; width:33px; height:33px; background:url(../images/scyj1.png) no-repeat center center; background-size:contain; position:absolute; right:54px; top:20px; z-index:2; display:none;}
#obtn .scdy ul li:hover:before,#obtn .scdy ul li:hover a:after{ display:block;}
#obtn .scdy ul li a:hover{ color:#323232;}

#obtn .scdy .subhead{ margin-top:0;}
#obtn .scdy .d_0100_fy{ margin:50px 0 53px 0;}
#obtn .scdy .d_0100_fy span{ left:20px;}
@media  screen and (max-width:1199px){
#obtn .scdy ul li{ padding:0 0px;}
#obtn .scdy .d_0100_fy span{ left:0px;}
}
@media  screen and (max-width:991px){
#obtn .scdy{ margin:10px 0 23px 0; padding:17px 20px 0 20px;}
#obtn .scdy ul{ margin-top:15px;}
#obtn .scdy ul li a{ line-height:50px; font-size:14px; padding:0 80px 0 160px; letter-spacing:0px;}
#obtn .scdy ul li a .time{ left:10px; font-size:16px;}
#obtn .scdy ul li a:after{ width:28px; height:28px; right:30px; top:10px;}
#obtn .scdy .d_0100_fy{ text-align:right; margin:30px 0 32px 0;}
}
@media  screen and (max-width:767px){
#obtn .scdy{ margin:5px 0 11px 0; padding:12px 10px 0 10px;}
#obtn .scdy ul{ margin-top:10px;}
#obtn .scdy ul li a{ line-height:40px; font-size:12px; padding:0 40px 0 100px;}
#obtn .scdy ul li a .time{ left:0px; font-size:14px;}
#obtn .scdy ul li a:after{ width:22px; height:22px; right:10px; top:9px;}
#obtn .scdy .d_0100_fy{ margin:20px 0 21px 0;}
}

/*公司简介*/
#obtn .about{ margin-bottom:136px; width:100%; float:left;}
#obtn .about .pic{ width:100%; float:left; position:relative; margin-top:36px;}
#obtn .about .pic .title{ position:absolute; left:0; top:50%; background:black; background:rgba(230,160,2,0.5); color:white; padding:0 64px; height:108px; line-height:108px; text-transform:uppercase; font-size:32px; letter-spacing:1px; margin-top:-54px;}
#obtn .about .logo{ width:100%; float:left; margin-top:40px;}
#obtn .about .logo img{ height:78px;}
#obtn .about .text{ width:100%; float:left; margin-top:32px; padding-top:45px; line-height:26px; font-size:16px; color:#323232; letter-spacing:1px; border-top:solid 1px #E5E5E5;}
@media  screen and (max-width:991px){
#obtn .about{ margin-bottom:90px;}
#obtn .about .pic{ margin-top:20px;}
#obtn .about .pic .title{ padding:0 40px; height:80px; line-height:80px; font-size:26px; letter-spacing:0px; margin-top:-40px;}
#obtn .about .logo{ margin-top:20px;}
#obtn .about .logo img{ height:50px;}
#obtn .about .text{ margin-top:20px; padding-top:25px; line-height:22px; font-size:14px; letter-spacing:0px;}
}
@media  screen and (max-width:767px){
#obtn .about{ margin-bottom:40px;}
#obtn .about .pic{ margin-top:10px;}
#obtn .about .pic .title{ padding:0 15px; height:50px; line-height:50px; font-size:16px; margin-top:-25px;}
#obtn .about .logo{ margin-top:10px; padding:0 10px;}
#obtn .about .logo img{ height:30px;}
#obtn .about .text{ margin-top:10px; padding:15px 10px 0 10px; line-height:20px; font-size:12px; }
}

/*券商资质*/
#obtn .qszz{ width:100%; float:left; margin-bottom:61px;}
#obtn .qszz .content{ margin-top:43px; width:100%; float:left;}
#obtn .qszz .content .text{ width:100%; float:left; font-size:18px; color:#323232; line-height:26px; letter-spacing:1px; padding-bottom:44px; border-bottom:solid 1px #E5E5E5;}
#obtn .qszz .content .pic{ width:100%; float:left; margin-top:50px; text-align:center; padding:0 5%;}
@media  screen and (max-width:991px){
#obtn .qszz{ margin-bottom:40px;}
#obtn .qszz .content{ margin-top:22px;}
#obtn .qszz .content .text{ font-size:16px; line-height:22px; letter-spacing:0px; padding-bottom:22px;}
#obtn .qszz .content .pic{ margin-top:30px;}
}
@media  screen and (max-width:767px){
#obtn .qszz{ margin-bottom:20px;}
#obtn .qszz .content{ margin-top:11px;}
#obtn .qszz .content .text{ font-size:14px; line-height:20px; padding:0 10px 11px 10px;}
#obtn .qszz .content .pic{ margin-top:15px;}
}

/*联系我们*/
#obtn .contactHead{ width:100%; float:left; margin-top:40px;}
#obtn .contactHead .ditu{ width:100%; float:left; height:424px; border:solid 1px #E5E5E5;}
#obtn .contactHead .ditu .BMap_shadow img,#obtn .contactHead .ditu .BMap_pop{display:none !important;}
#obtn .contactHead ul{ width:100%; float:left; margin-top:58px;}
#obtn .contactHead ul li{ width:33.333%; float:left; text-align:center;}
#obtn .contactHead ul li .ico{ width:100%; height:80px;}
#obtn .contactHead ul li .ico img{ height:100%; vertical-align:top;
-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;}
#obtn .contactHead ul li h4{ width:100%; margin-top:17px; line-height:28px; font-size:20px; color:#2A2A2A;}
#obtn .contactHead ul li h5{ width:100%; margin-top:18px; line-height:22px; font-size:14px; color:#787878;}
#obtn .contactHead ul li h5 span{ color:#2A2A2A;}

@media  screen and (max-width:991px){
#obtn .contactHead{ margin-top:20px;}
#obtn .contactHead .ditu{ height:300px;}
#obtn .contactHead ul{ margin-top:40px;}
#obtn .contactHead ul li .ico{ height:60px;}
#obtn .contactHead ul li h4{ margin-top:12px; line-height:26px; font-size:16px;}
#obtn .contactHead ul li h5{ margin-top:13px; line-height:20px; font-size:12px;}
}
@media  screen and (max-width:767px){
#obtn .contactHead{ margin-top:10px;}
#obtn .contactHead .ditu{ height:200px;}
#obtn .contactHead ul{ margin-top:20px;}
#obtn .contactHead ul li{ width:100%; margin-top:10px; padding:0 10px;}
#obtn .contactHead ul li .ico{ height:40px;}
#obtn .contactHead ul li h4{ margin-top:8px; line-height:24px; font-size:14px;}
#obtn .contactHead ul li h5{ margin-top:9px; line-height:18px;}
}

#obtn .contactBody{ width:100%; float:left; margin-top:64px; padding:43px 0 101px 0; border-top:solid 1px #E5E5E5;}
#obtn .contactBody ul{ width:100%; float:left;}
#obtn .contactBody ul li{ float:left;}
#obtn .contactBody ul li .title{ width:100%; float:left; font-size:20px; color:#2A2A2A; line-height:60px;}
#obtn .contactBody ul li .title > img{ vertical-align:middle; margin:-3px 17px 0 15px;}
#obtn .contactBody ul li .title a{ display:inline-block; vertical-align:middle;width:210px;height:42px; background:#DF2029; font-size:14px; color:white; text-align:center; line-height:42px; margin-left:60px;
-moz-border-radius:21px; 
-webkit-border-radius:21px; 
-khtml-border-radius:21px;
border-radius:21px;}
#obtn .contactBody ul li .title a img{ vertical-align:middle; margin:-3px 10px 0 0;}
#obtn .contactBody ul li .title a:hover{ opacity:0.8;}
#obtn .contactBody ul li.l1{ width:56.66%;}
#obtn .contactBody ul li.l1 dl{ width:100%; float:left; margin-top:45px;}
#obtn .contactBody ul li.l1 dl dd{ float:left; text-align:center; margin:0 24px;}
#obtn .contactBody ul li.l1 dl dd h5{ width:100%; font-size:16px; color:#2A2A2A; line-height:24px; margin-bottom:25px;}
#obtn .contactBody ul li.l1 dl dd:last-child{ float:right;}
#obtn .contactBody ul li.l2{ width:43.34%;}
@media  screen and (max-width:1199px){
#obtn .contactBody ul li.l1 dl dd{ margin:0 6px;}
#obtn .contactBody ul li .title a{ margin-left:30px; width:180px;}
}
@media  screen and (max-width:991px){
#obtn .contactBody{ margin-top:40px; padding:22px 0 60px 0;}
#obtn .contactBody ul li .title{ font-size:16px; line-height:50px;}
#obtn .contactBody ul li .title > img{ margin:-3px 12px 0 10px; width:50px;}
#obtn .contactBody ul li .title a{ width:160px;height:36px; font-size:12px; line-height:36px; margin-left:10px;}
#obtn .contactBody ul li .title a img{ margin:-3px 6px 0 0;}
#obtn .contactBody ul li.l1 dl{ margin-top:22px;}
#obtn .contactBody ul li.l1 dl dd{ width:50%;}
#obtn .contactBody ul li.l1 dl dd h5{ font-size:14px; line-height:22px; margin-bottom:20px;}
#obtn .contactBody ul li.l1 dl dd:first-child{ width:40%;}
}
@media  screen and (max-width:767px){
#obtn .contactBody{ margin-top:20px; padding:11px 0 30px 0;}
#obtn .contactBody ul li.l1,#obtn .contactBody ul li.l2{ width:100%; margin-top:10px;}
#obtn .contactBody ul li .title{ font-size:14px; line-height:40px;}
#obtn .contactBody ul li .title > img{ margin:-3px 8px 0 6px; width:30px;}
#obtn .contactBody ul li .title a{ width:120px;height:30px; line-height:30px;}
#obtn .contactBody ul li .title a img{ margin:-3px 4px 0 0; width:16px;}
#obtn .contactBody ul li.l1 dl{ margin-top:11px;}
#obtn .contactBody ul li.l1 dl dd h5{ font-size:12px; line-height:20px; margin-bottom:10px;}
}

#obtn .contactDown{ padding:82px 0 100px 0;}
#obtn .contactDown .title{ width:100%; float:left; text-align:center; color:white; font-size:24px; letter-spacing:1px;}
#obtn .contactDown .title img{ vertical-align:middle; margin:-3px 15px 0 0;}
#obtn .contactDown ul{ float:left; margin-left:7.5%; width:41.25%; margin-top:49px;}
#obtn .contactDown ul li{ float:left; padding-right:27px; margin-top:30px;}
#obtn .contactDown ul li .txk{ width:100%; float:left; background:white; height:40; border:solid 1px #909090; padding:0 10px 0 49px; position:relative; overflow:hidden;
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
-khtml-border-radius:20px;
border-radius:20px;}
#obtn .contactDown ul li .txk .ico{ position:absolute; left:3px; top:1px; width:38px;}
#obtn .contactDown ul li .txk input{ width:100%; height:38px; line-height:28px; padding:5px 0; font-size:14px; color:#333;}
#obtn .contactDown ul li.l1{ width:50%;}
#obtn .contactDown ul li.l2{ width:100%;}
#obtn .contactDown ul li.l3{ width:100%; font-size:16px; color:white; line-height:46px;}
#obtn .contactDown ul li.l3 .tjfj{ display:inline-block; vertical-align:middle; background:url(../images/con13.png) no-repeat center center; width:90px; height:34px; cursor:pointer; margin:0 20px; position:relative;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
#obtn .contactDown ul li.l3 .tjfj input{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
#obtn .contactDown ul li.l3 span{ font-size:14px;}
#obtn .contactDown ul li.l4{ width:100%; margin-top:40px;}
#obtn .contactDown ul li.l4 input{ display:inline-block; vertical-align:top; width:210px; height:42px; line-height:42px; color:white; font-size:14px; text-align:center; background:#e11e2b;
-moz-border-radius:21px; 
-webkit-border-radius:21px; 
-khtml-border-radius:21px;
border-radius:21px;}
#obtn .contactDown ul li.l4 input:hover{ opacity:0.8;}
#obtn .contactDown .message{ float:right; margin-right:7.5%; width:41.25%; margin-top:79px;}
#obtn .contactDown .message textarea{ width:100%; float:left; background:white; height:270px; border:solid 1px #909090; padding:20px; position:relative; line-height:24px; font-size:14px; color:#333;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
@media  screen and (max-width:991px){
#obtn .contactDown{ padding:40px 0 50px 0;}
#obtn .contactDown .title{ font-size:18px; letter-spacing:0px;}
#obtn .contactDown .title img{ margin:-3px 10px 0 0; width:28px;}
#obtn .contactDown ul{ margin-left:0%; width:48.75%; margin-top:25px;}
#obtn .contactDown .message{ margin-right:0%; width:48.75%; margin-top:45px;}
#obtn .contactDown ul li{ padding-right:17px; margin-top:20px;}
#obtn .contactDown .message textarea{ padding:10px;}
}
@media  screen and (max-width:767px){
#obtn .contactDown{ padding:20px 10px 25px 10px;}
#obtn .contactDown .title{ font-size:16px;}
#obtn .contactDown .title img{ margin:-3px 6px 0 0; width:22px;}
#obtn .contactDown ul{ width:100%; margin-top:12px;}
#obtn .contactDown .message{ width:100%; margin-top:22px;}
#obtn .contactDown ul li{ padding-right:0px; margin-top:10px;}
#obtn .contactDown ul li.l1{ width:100%;}
#obtn .contactDown ul li.l3 .tjfj{ width:60px; height:30px; background-size:contain;}
#obtn .contactDown .message textarea{ padding:10px; height:170px;}
#obtn .contactDown ul li.l4{ margin-top:20px;}
#obtn .contactDown ul li.l3{ font-size:14px; line-height:40px;}
#obtn .contactDown ul li.l3 span{ font-size:12px;}
#obtn .contactDown ul li.l4 input{ width:100%; height:36px; line-height:36px; font-size:13px;}
}

/*招聘*/
#obtn .recruit{ width:100%; float:left;}
#obtn .recruit .dt{ width:100%; float:left; margin-top:52px; border-bottom:solid 1px #E5E5E5; background:#fafafa; height:63px;}
#obtn .recruit .dt dd{ float:left; font-size:16px; color:#323232; line-height:62px; font-weight:bold; letter-spacing:1px;}
#obtn .recruit .dt dd.d1{ width:44.16%; padding-left:20px;}
#obtn .recruit .dt dd.d2{ width:13.33%; text-align:center;}
#obtn .recruit .dt dd.d3{ width:27.42%; text-align:center;}
#obtn .recruit .dt dd.d4{ width:108px; float:right;}


#obtn .recruit ul{ width:100%; float:left;}
#obtn .recruit ul li{ width:100%; float:left; border-bottom:solid 1px #E5E5E5;}
#obtn .recruit ul li .title{ float:left; width:44.16%; padding-left:20px; font-size:16px; color:#323232; line-height:68px;}
#obtn .recruit ul li .add{ float:left; width:13.33%; text-align:center; font-size:14px; color:#909090; line-height:68px;}
#obtn .recruit ul li .people{ float:left; width:27.42%; text-align:center; font-size:14px; color:#909090; line-height:68px;}
#obtn .recruit ul li .time{ width:108px; float:right; font-size:14px; color:#909090; line-height:68px;}
#obtn .recruit ul li:hover .title{ color:#DF2029;}
#obtn .recruit ul li:hover .people,#obtn .recruit ul li:hover .time{ color:#323232;}
#obtn .recruit .d_0100_fy{ margin:56px 0;}
@media  screen and (max-width:991px){
#obtn .recruit .dt{ margin-top:30px; height:49px;}
#obtn .recruit .dt dd{ font-size:14px; line-height:48px; letter-spacing:0px;}
#obtn .recruit .dt dd.d1{ padding-left:10px;}
#obtn .recruit ul li .title{ padding-left:10px; font-size:14px; line-height:50px;}
#obtn .recruit ul li .people,#obtn .recruit ul li .add{ font-size:12px; line-height:50px;}
#obtn .recruit ul li .time{ font-size:12px; line-height:50px;}
#obtn .recruit .d_0100_fy{ margin:30px 0;}
}
@media  screen and (max-width:767px){
#obtn .recruit .dt{ margin-top:10px; height:auto; padding:5px 10px;}
#obtn .recruit .dt dd{ line-height:29px;}
#obtn .recruit .dt dd.d1{ width:35%; padding-left:0px;}
#obtn .recruit .dt dd.d2{ width:20%;}
#obtn .recruit .dt dd.d3{ width:20%}
#obtn .recruit .dt dd.d4{ width:70px;}
#obtn .recruit ul li{ padding:10px;}
#obtn .recruit ul li .title{ width:35%; padding-left:0px; font-size:13px; line-height:20px;}
#obtn .recruit ul li .add{ width:20%; line-height:20px;}
#obtn .recruit ul li .people{ width:20%; line-height:20px;}
#obtn .recruit ul li .time{ width:70px; font-size:12px; line-height:20px;}
#obtn .recruit .d_0100_fy{ margin:20px 0;}
}

/*招聘详情*/
#obtn .recruitBox{ width:100%; float:left; margin:38px 0 130px 0;}
#obtn .recruitBox .recruitBoxHead{ width:100%; float:left; padding:18px 0 29px 27px; background:#FAFAFA; margin-top:40px;}
#obtn .recruitBox .recruitBoxHead .title{ width:100%; float:left; font-size:18px; color:#323232; line-height:30px;}
#obtn .recruitBox .recruitBoxHead .tab{ width:100%; float:left; margin-top:12px;}
#obtn .recruitBox .recruitBoxHead .tab dd{ float:left; font-size:14px; color:#646464; line-height:30px; min-width:20%;}
#obtn .recruitBox .recruitBoxBody{ width:100%; float:left; padding:11px 27px 0 27px; font-size:14px; color:#646464; line-height:36px;}
#obtn .recruitBox .recruitBoxBody h4{ width:100%; font-size:20px; color:#323232;  margin:19px 0 14px 0; line-height:30px;}
@media  screen and (max-width:991px){
#obtn .recruitBox{ margin:20px 0 90px 0;}
#obtn .recruitBox .recruitBoxHead{ padding:12px 0 20px 20px; margin-top:20px;}
#obtn .recruitBox .recruitBoxHead .title{ font-size:16px; line-height:26px;}
#obtn .recruitBox .recruitBoxHead .tab{ margin-top:8px;}
#obtn .recruitBox .recruitBoxHead .tab dd{ font-size:12px; line-height:26px;}
#obtn .recruitBox .recruitBoxBody{ padding:7px 20px 0 20px; font-size:12px; line-height:30px;}
#obtn .recruitBox .recruitBoxBody h4{ font-size:16px; margin:12px 0 8px 0; line-height:26px;}
}
@media  screen and (max-width:767px){
#obtn .recruitBox{ margin:10px 0 50px 0;}
#obtn .recruitBox .recruitBoxHead{ padding:8px 0 10px 10px; margin-top:10px;}
#obtn .recruitBox .recruitBoxHead .title{ font-size:14px; line-height:22px;}
#obtn .recruitBox .recruitBoxHead .tab{ margin-top:6px;}
#obtn .recruitBox .recruitBoxHead .tab dd{ line-height:22px; padding-right:20px;}
#obtn .recruitBox .recruitBoxBody{ padding:5px 10px 0 10px; line-height:24px;}
#obtn .recruitBox .recruitBoxBody h4{ font-size:14px; margin:8px 0 4px 0; line-height:22px;}
}

/*帮助中心*/
.banner4{ height:600px; position:relative;}
.banner4 .text{ width:100%; position:absolute; left:0; top:50%; text-align:center; margin-top:-118px;}
.banner4 .text h3{ width:100%; font-size:40px; line-height:54px; color:white; letter-spacing:2px;}
.banner4 .text h5{ width:100%; font-size:20px; margin-top:29px; line-height:30px; color:#bbb; letter-spacing:2px;}
.banner4 .text .search{ display:inline-block; vertical-align:top;width:600px;height:50px; border:solid 1px white; overflow:hidden; padding:0 58px 0 40px; background:rgba(0,0,0,0.16); position:relative; margin-top:73px;
-moz-border-radius:25px; 
-webkit-border-radius:25px; 
-khtml-border-radius:25px;
border-radius:25px;}
.banner4 .text .search .search_k{ width:100%; height:48px; padding:10px 0; line-height:28px; font-size:16px; color:white; background:none;}
.banner4 .text .search .search_b{ position:absolute; right:0; top:0; height:48px; width:58px; background:url(../images/help13.png) no-repeat center center; cursor:pointer; opacity:0.8;}
.banner4 .text .search .search_b:hover{ opacity:1;}
@media  screen and (max-width:991px){
.banner4{ height:400px;}
.banner4 .text{ text-align:center; margin-top:-87px;}
.banner4 .text h3{ width:100%; font-size:30px; line-height:40px; letter-spacing:1px;}
.banner4 .text h5{ font-size:16px; margin-top:20px; line-height:24px; letter-spacing:1px;}
.banner4 .text .search{ width:500px;height:40px; padding:0 50px 0 30px; margin-top:50px;}
.banner4 .text .search .search_k{ height:38px; padding:9px 0; line-height:20px; font-size:14px;}
.banner4 .text .search .search_b{ height:38px; width:40px; background-size:16px auto;}
}
@media  screen and (max-width:767px){
.banner4{ height:200px;}
.banner4 .text{ margin-top:-60px;}
.banner4 .text h3{ font-size:20px; line-height:30px; letter-spacing:0px;}
.banner4 .text h5{ font-size:12px; margin-top:10px; line-height:20px; letter-spacing:0px;}
.banner4 .text .search{ width:300px;height:30px; padding:0 40px 0 20px; margin-top:30px;}
.banner4 .text .search .search_k{ height:28px; padding:4px 0; font-size:12px;}
.banner4 .text .search .search_b{ height:28px; width:40px; background-size:14px auto;}
}

#obtn .help1{ padding:30px 0 64px 0;}
#obtn .help1 .help1box{ margin:0 -14px;}
#obtn .help1 .help1box ul{ width:100%; float:left;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
#obtn .help1 .help1box ul li{ width:33.33%; float:left; margin-top:20px; padding:0 14px;}
#obtn .help1 .help1box ul li .zbox{ width:100%; float:left; background:white; padding:30px 10px 0 137px; min-height:200px; position:relative;}
#obtn .help1 .help1box ul li .zbox .title{ min-width:150px; padding-right:20px; font-size:20px; color:#2A2A2A; line-height:34px; font-weight:bold; background:url(../images/help11.jpg) no-repeat right center; float:left;}
#obtn .help1 .help1box ul li .zbox .title img{ position:absolute; left:65px; top:24px; width:52px;}
#obtn .help1 .help1box ul li .zbox dl{ float:left; width:100%; margin-top:8px;}
#obtn .help1 .help1box ul li .zbox dl dd{ width:100%;}
#obtn .help1 .help1box ul li .zbox dl dd a{ display:block; float:left; background-position:right center; min-width:148px; padding-right:20px; font-size:14px; color:#676767; line-height:30px; opacity:0.9;}
#obtn .help1 .help1box ul li .zbox dl dd a:hover{ opacity:1; color:#2A2A2A; background:url(../images/help12.jpg) no-repeat right center;}
@media  screen and (max-width:1199px){
#obtn .help1 .help1box ul li .zbox{ padding:30px 10px 0 87px;}
#obtn .help1 .help1box ul li .zbox .title img{ left:20px;}
}
@media  screen and (max-width:991px){
#obtn .help1{ padding:20px 0 40px 0;}
#obtn .help1 .help1box{ margin:0 -10px;}
#obtn .help1 .help1box ul li{ padding:0 10px;}
#obtn .help1 .help1box ul li .zbox{ padding:20px 10px 0 60px; min-height:150px;}
#obtn .help1 .help1box ul li .zbox .title{ min-width:120px; padding-right:10px; font-size:16px; line-height:28px; background-size:10px auto;}
#obtn .help1 .help1box ul li .zbox .title img{ left:10px; top:16px; width:40px;}
#obtn .help1 .help1box ul li .zbox dl{ margin-top:6px;}
#obtn .help1 .help1box ul li .zbox dl dd a{ background-size:8px auto !important; min-width:118px; padding-right:10px; font-size:12px; line-height:26px;}
}
@media  screen and (max-width:767px){
#obtn .help1{ padding:10px 10px 20px 10px;}
#obtn .help1 .help1box{ margin:0 -5px;}
#obtn .help1 .help1box ul li{ padding:0 5px; width:100%; margin-top:10px;}
#obtn .help1 .help1box ul li .zbox{ padding:15px 10px 15px 45px; min-height:0px;}
#obtn .help1 .help1box ul li .zbox .title{ min-width:100px; font-size:14px; line-height:22px; background-size:8px auto;}
#obtn .help1 .help1box ul li .zbox .title img{ top:12px; width:30px;}
#obtn .help1 .help1box ul li .zbox dl{ margin-top:4px;}
#obtn .help1 .help1box ul li .zbox dl dd a{ background-size:6px auto !important; min-width:98px; line-height:22px;}
}

#obtn .help2{ padding:65px 0 94px 0;}
#obtn .help2 .help2Head{ width:100%; float:left; text-align:center; position:relative; padding-bottom:27px; font-size:32px; color:#323232; line-height:46px; letter-spacing:14px;}
#obtn .help2 .help2Head:before{ content:''; height:2px; width:435px; background:black; opacity:0.1; position:absolute; left:50%; bottom:0; margin-left:-218px; z-index:1;}
#obtn .help2 .help2Head:after{ content:''; height:5px; width:97px; background:#DF2029; position:absolute; left:50%; bottom:-2px; margin-left:-49px; z-index:2;-moz-border-radius:3px; 
-webkit-border-radius:3px; 
-khtml-border-radius:3px;
border-radius:3px;}
#obtn .help2 .help2Body{ margin:0 -40px;}
#obtn .help2 .help2Body ul{ width:100%; float:left; margin-top:64px;}
#obtn .help2 .help2Body ul li{ width:50%; float:left; padding:0 40px;}
#obtn .help2 .help2Body ul li a{ display:block; width:100%; height:61px; border-bottom:solid 1px #E5E5E5; font-size:16px; color:#909090; line-height:60px; letter-spacing:1px;}
#obtn .help2 .help2Body ul li a:hover{ color:#2A2A2A;}
@media  screen and (max-width:991px){
#obtn .help2{ padding:40px 0 50px 0;}
#obtn .help2 .help2Head{ padding-bottom:20px; font-size:26px; line-height:40px; letter-spacing:10px;}
#obtn .help2 .help2Head:before{  width:360px; margin-left:-180px;}
#obtn .help2 .help2Head:after{ width:70px; margin-left:-35px;}
#obtn .help2 .help2Body{ margin:0 -20px;}
#obtn .help2 .help2Body ul{ margin-top:40px;}
#obtn .help2 .help2Body ul li{ padding:0 20px;}
#obtn .help2 .help2Body ul li a{ height:61px; border-bottom:solid 1px #E5E5E5; font-size:16px; color:#909090; line-height:60px; letter-spacing:1px;}
}
@media  screen and (max-width:767px){
#obtn .help2{ padding:20px 10px 25px 10px;}
#obtn .help2 .help2Head{ padding-bottom:15px; font-size:20px; line-height:30px; letter-spacing:6px;}
#obtn .help2 .help2Head:before{  width:300px; height:1px; margin-left:-150px;}
#obtn .help2 .help2Head:after{ width:50px; height:3px; bottom:-1px; margin-left:-25px;}
#obtn .help2 .help2Body{ margin:0 0;}
#obtn .help2 .help2Body ul{ margin-top:20px;}
#obtn .help2 .help2Body ul li{ width:100%; padding:0 10px;}
#obtn .help2 .help2Body ul li a{ height:41px; font-size:14px; line-height:40px; letter-spacing:0px; padding-left:10px;}
}

/*协议及声明*/
#obtn .nyBox{ margin:19px 0 58px 0; float:left; width:100%; position:relative; padding-left:291px;}
#obtn .nyBox .nyBoxLeft{ width:270px; height:100%; position:absolute; left:0; top:0; background:white;}
#obtn .nyBox .nyBoxLeft .title{ width:100%; margin-top:17px; padding:0 20px; font-size:18px; color:#323232; line-height:40px; padding-bottom:13px; border-bottom:solid 1px #E5E5E5; font-weight:bold; letter-spacing:1px;}
#obtn .nyBox .nyBoxLeft .title img{ vertical-align:middle; margin:-3px 5px 0 0;}
#obtn .nyBox .nyBoxLeft ul{ width:100%; padding:0 30px 0 32px;}
#obtn .nyBox .nyBoxLeft ul .l1{ width:100%; float:left; border-bottom:solid 1px #E5E5E5;}
#obtn .nyBox .nyBoxLeft ul .l1 .l1_a{ display:block; width:100%; float:left; line-height:60px; font-size:16px; color:#323232; padding-left:20px; padding-right:10px; letter-spacing:1px; position:relative;}
#obtn .nyBox .nyBoxLeft ul .l1 .l1_a i{ display:block; position:absolute; right:0; top:50%; width:10px; height:10px; line-height:10px; font-size:14px; color:#B1B5BF; font-family:"宋体"; margin-top:-5px;
-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;}
#obtn .nyBox .nyBoxLeft ul .l1.on1 .l1_a i{ transform:rotate(90deg); color:#DF2029;}
#obtn .nyBox .nyBoxLeft ul .l1 .l1_a:hover,#obtn .nyBox .nyBoxLeft ul .l1.on .l1_a{ color:#DF2029;}
#obtn .nyBox .nyBoxLeft ul .l1 .ul2{ width:100%; float:left; padding:0 18px 10px 18px; display:none;}
#obtn .nyBox .nyBoxLeft ul .l1 .ul2 .l2{ width:100%; float:left; margin-bottom:13px; padding:0 0 0 18px;}
#obtn .nyBox .nyBoxLeft ul .l1 .ul2 .l2 .l2_a{ display:block; width:100%; float:left; line-height:29px; font-size:15px; color:#323232; padding-left:20px; padding-right:15px; letter-spacing:1px; position:relative;}
#obtn .nyBox .nyBoxLeft ul .l1 .ul2 .l2 .l2_a:before{ content:''; width:4px; height:4px; background:#B2B2B2; position:absolute; left:0; top:50%; margin-top:-2px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .nyBox .nyBoxLeft ul .l1 .ul2 .l2 .l2_a:hover,#obtn .nyBox .nyBoxLeft ul .l1 .ul2 .l2.on .l2_a{ color:#DF2029;}
#obtn .nyBox .nyBoxLeft ul .l1 .ul2 .l2 .l2_a:hover:before,#obtn .nyBox .nyBoxLeft ul .l1 .ul2 .l2.on .l2_a:before{ background:#DF2029;}
@media  screen and (max-width:991px){
#obtn .nyBox{ margin:12px 0 30px 0; padding-left:200px;}
#obtn .nyBox .nyBoxLeft{ width:180px;}
#obtn .nyBox .nyBoxLeft .title{ margin-top:12px; padding:0 10px; font-size:16px; line-height:30px; padding-bottom:9px;}
#obtn .nyBox .nyBoxLeft .title img{ width:40px;}
#obtn .nyBox .nyBoxLeft ul{ padding:0 20px;}
#obtn .nyBox .nyBoxLeft ul .l1 .l1_a{ line-height:50px; font-size:14px; padding-left:0;}
#obtn .nyBox .nyBoxLeft ul .l1 .ul2{ padding:0 8px 10px 10px;}
#obtn .nyBox .nyBoxLeft ul .l1 .ul2 .l2{ margin-bottom:9px; padding:0 0 0 0px;}
#obtn .nyBox .nyBoxLeft ul .l1 .ul2 .l2 .l2_a{ line-height:24px; font-size:13px; padding-left:15px; padding-right:10px; letter-spacing:0px;}

}
@media  screen and (max-width:767px){
#obtn .nyBox{ margin:12px 0 20px 0; padding-left:0px;}
#obtn .nyBox .nyBoxLeft{ display:none;}

}

#obtn .nyBox .nyBoxRight{ width:100%; float:left; background:white; min-height:1500px; padding:22px 40px 50px 40px;}
#obtn .nyBox .nyBoxRight .subhead{ margin-top:0;}
#obtn .nyBox .nyBoxRight .xyjsm{ width:100%; float:left; margin-top:29px; margin-bottom:50px;}
#obtn .nyBox .nyBoxRight .xyjsm ul{ width:100%; float:left;}
#obtn .nyBox .nyBoxRight .xyjsm ul li{ width:100%; float:left;}
#obtn .nyBox .nyBoxRight .xyjsm ul li a{ display:block; width:100%; float:left; padding-left:25px; position:relative; font-size:17px; color:#646464; line-height:45px; letter-spacing:1px; position:relative;}
#obtn .nyBox .nyBoxRight .xyjsm ul li a:before{ content:''; width:4px; height:4px; background:#B2B2B2; position:absolute; left:0; top:50%; margin-top:-2px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .nyBox .nyBoxRight .xyjsm ul li a:hover{ color:#000;}
#obtn .nyBox .nyBoxRight .xyjsm ul li a:hover:before{ background:#DF2029;}
@media  screen and (max-width:991px){
#obtn .nyBox .nyBoxRight{ padding:11px 20px 30px 20px; min-height:700px;}
#obtn .nyBox .nyBoxRight .xyjsm{ margin-top:20px; margin-bottom:30px;}
#obtn .nyBox .nyBoxRight .xyjsm ul li a{ padding-left:15px; font-size:15px; line-height:40px; letter-spacing:0px;}
}
@media  screen and (max-width:767px){
#obtn .nyBox .nyBoxRight{ min-height:500px; padding:6px 10px 20px 10px;}
#obtn .nyBox .nyBoxRight .xyjsm{ margin-top:10px; margin-bottom:10px;}
#obtn .nyBox .nyBoxRight .xyjsm ul li a{ padding-left:10px; font-size:13px; line-height:30px;}
#obtn .nyBox .nyBoxRight .xyjsm ul li a:before{ width:2px; height:2px; margin-top:-1px;}
}

#obtn .nyBox .nyBoxRight .helpBody{ width:100%; float:left; margin:48px 0 50px 0; font-size:16px; color:#2A2A2A; line-height:32px; letter-spacing:1px;}
@media  screen and (max-width:991px){
#obtn .nyBox .nyBoxRight .helpBody{ margin:24px 0 30px 0; font-size:14px; line-height:26px; letter-spacing:0px;}
}
@media  screen and (max-width:767px){
#obtn .nyBox .nyBoxRight .helpBody{ margin:12px 0 20px 0; font-size:12px; line-height:22px;}
}