@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; padding:0; font-family:微软雅黑;  font-size:12px;   }
img,ul,li,h2,h1,p,h3,h4,dl,dt,dd{ margin:0; padding:0; list-style:none; border:0;  }
a,p{ color:#333; text-decoration: none;}
a:link { text-decoration: none;}
a:visited {text-decoration: none;}
a:hover { text-decoration:none;}
a:active {text-decoration: none; }
.h10 {  clear:both}
.fl { float:left}
.fc { float:left}
.fr { float:right;}
em { font-style:normal;}
.left { float:left}
.right { float:right}
.center { float:left}
.main { width:1210px; margin:0 auto; }
.clear { clear:both;}
.h10 { clear:both; height:10px; _height:0px;}
.h15{ clear:both; height:15px; _height:0px;}
.h17{ clear:both; height:17px; _height:0px;}
.h20 { clear:both; height:20px; _height:0px;}
.h70 { clear:both; height:70px; _height:0px;}
.h40 { clear:both; height:40px; _height:0px;}

/*头部开始*/
.topbj { height:40px; background:url(../images/topbj.jpg) repeat-x; font-family: "宋体";}
.top { height:40px; line-height:40px;}
.top .left span { color:#ababab}
.top .right ul li { float:left; margin-left:20px;}
.top .right ul li img { margin-top:8px; display:block; height:25px;}
.top .right ul li.r1 { background:url(../images/r.png) 0px 12px no-repeat;}
.top .right ul li a:hover { color:#097ee5}
.top .right ul li a { padding-left:20px;padding-right:20px;color:#ababab}
.top .right ul li.r1 a { background:url(../images/x.png) 72px 3px no-repeat;}
.top .right ul li.r2 { background:url(../images/d.png) #097ee5 10px 13px no-repeat; padding-left:10px;}
.top .right ul li.r2 a { color:#fff;}
.top .right ul li.r3 a { background:url(../images/x.png) 72px 3px no-repeat; font-family: "宋体"; }
.top .right ul li.r3 { background:url(../images/z.png) 1px 13px no-repeat; position:relative}

.top .right ul li.r3 ul { position:absolute; left:-17px; display:none; z-index:999;}
.top .right ul li.r3 ul li { background:#097ee5; width:100px; border-bottom:1px solid #53a5ed}
.top .right ul li.r3 ul li a { background:none ; color:#fff;}
.language{ color:#ccc; font-size:12px; }

.head .right ul li.r3{ position:relative;}
.head .right ul li.r3 ul { position:absolute; left:-35px; display:none; z-index:999; width:130px; background:#FFF; padding:10px 0px 15px 0px;}
.head .right ul li.r3 ul li{ margin:0px; width:100%; text-align:center; height:40px; line-height:40px;}
.head .right ul li.r3 ul li a{ margin:0px; height:40px; line-height:40px; width:70px; margin:0 auto;}


.top_nav { width:100%; position:absolute; z-index:99999; top:40px;}
.top_n { width:1210px; margin:0 auto;}
.top_n  ul { float:left; width:252px; margin-left:25px; margin-right:25px;}
.top_n  ul li { float:left; height:32px; line-height:32px; margin-right:25px; width:100px;}
.top_n  ul li span { font-size:12px; color:#333; font-family: "宋体"; font-weight:bold;}
.top_n  ul li a { color:#ababab; font-size:12px; display:block; font-family: "宋体";}
.top_n  ul li a:hover {color:#097ee5}

.head { height:90px}
.head .left  { width:288px;  }
.head .left img { margin-top:30px;}
.head .right { height:88px }
.head .right ul li { float:left; height:88px; margin-left:38px}
.head .right ul li a {  font-size:16px; display:block; line-height:88px; border-bottom:2px solid  #fff;}
.head .right ul li a:hover { color:#097ee5; border-bottom:2px solid  #097ee5}
.head .right ul li a.hover { color:#097ee5; border-bottom:2px solid  #097ee5}

.animateMTop{margin-top:0 !important;-moz-opacity:1 !important; opacity:1 !important;}
.animateTop{top:0 !important;-moz-opacity:1 !important; opacity:1 !important;}
.animateLeft{left:0 !important;top:0 !important;-moz-opacity:1 !important; opacity:1 !important;}
.animateRight{right:0 !important;top:0 !important;-moz-opacity:1 !important; opacity:1 !important;}
.animateBottom{bottom:0 !important;-moz-opacity:1 !important; opacity:1 !important;}
.animateOp{-moz-opacity:1 !important; opacity:1 !important;}
.animateScale{-moz-opacity:1 !important; opacity:1 !important; transform: scale(1) !important;}

.contact {position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms;top:120px;}

.footer { background:#333; width:100%; padding-top:50px;}
.foot { padding-bottom:50px;overflow:hidden; width:1200px;}
.foot .fl { position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms;  left:-500px; overflow:hidden; width:840px;}
.foot .fl ul { float:left;  width:140px;}
.foot .fl ul li span { font-size:16px; color:#ddd; margin-bottom:20px; display:block}
.foot .fl ul li a  { font-size:14px; color:#929292; line-height:35px;}
.foot .fl ul li a:hover { color:#ddd}

.foot .yqlj { margin-top:20px;}
.foot .yqlj span {  font-size:14px; color:#ddd;}
.foot .yqlj a  { font-size:14px; color:#929292; margin:0 10px }
.foot .yqlj a:hover { color:#ddd}
.foot .fr {position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms;  right:-500px;overflow:hidden; width:254px}
.foot .fr .rx p { font-size:14px;color:#929292; margin-bottom:5px;}
.foot .fr .rx span { font-size:30px; color:#ddd; font-family:Arial}
.foot .fr .rx img { margin-top:10px;}
.foot .fr .wx ul li { float:left; margin-right:10px; margin-top:10px;}
.foot .fr .wx span { display:block;font-size:14px;color:#929292; text-align:center; margin-bottom:10px;}

.fotbg { background:#222; height:70px; line-height:70px;}
.fotbg p {font-size:14px;color:#929292;}
.fotbg .fl  { width:500px}
.fotbg .fl img { float:left; margin-top:18px; margin-right:20px;}

#ec_cs_pannel{ display:none;}
.gotoTop .ico-gotoTop{display:inline-block;cursor:pointer;background-image:url(../images/icons-top.png);background-repeat:no-repeat; width:40px;height:132px;}
.gotoTop .ico-gotoTop-qq{width:80px;height:80px;background-position:-50px -4px;}
.gotoTop .ico-gotoTop-close{width:24px;height:24px;background-position:-141px -8px;position:absolute;right:-5px;top:-14px;}
.gotoTop .ico-gotoTop-weixin{width:24px;height:24px;background-position:-182px -6px;vertical-align:-7px;}
.gotoTop .ico-gotoTop-toTop{width:30px;height:30px;background-position:-217px -4px;vertical-align:-10px;}

.gotoTop .gotoTop-default{position:fixed;z-index:999; right:0px;transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;opacity:0;visibility:hidden; top:50%; margin-top:-66px;}

.gotoTop .gotoTop-default.on{opacity:1;visibility:visible;}

.gotoTop .gotoTop-on{position:fixed;z-index:999;right:10px; min-width:120px;background:#fff;border-radius:5px; box-shadow:0 0 3px 1px rgba(0,0,0,0.1);transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;opacity:0;visibility:hidden; height:475px; top:50%; margin-top:-237px;}

.gotoTop .gotoTop-on.on{opacity:1;visibility:visible;}
.gotoTop .action-item{padding:7px 5px;border-top:1px dashed #ddd;text-align:center;transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
.gotoTop .action-item:first-child{border-top:none;border-top-left-radius:5px;border-top-right-radius:5px;}

.gotoTop #qqonline_rigth { background:#097ee5}
.gotoTop .action-item .label{color:#999;font-size:14px;line-height:24px;}
.gotoTop .action-item .val{color:#FFF;font-size:14px;line-height:24px;  font-weight:bold}
.gotoTop .action-item-group{border-bottom-left-radius:5px;border-bottom-right-radius:5px;*zoom:1;}
.gotoTop .action-item-group:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.gotoTop .action-item-group:hover{background:none;}
.gotoTop .action-item-group .group-weixin{float:left;width:50%;}
.gotoTop .action-item-group .group-weixin .aItem{display:block;text-align:center;line-height:50px;border-right:1px solid #eee;z-index:0;}
.gotoTop .action-item-group .group-weixin .aItem .weixinImg{position:absolute;width:114px;height:114px;border:1px solid #ddd;left:-120px;bottom:20px;box-shadow:0 0 3px 1px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition: all .2s linear;-webkit-transition:all .2s linear;-moz-transition: all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
.gotoTop .action-item-group .group-weixin .aItem:hover .weixinImg{opacity:1;visibility:visible;bottom:0px;}
.gotoTop .action-item-group .group-gotoTop{float:right;width:50%;}
.gotoTop .action-item-group .group-gotoTop .aItem{display:block;text-align:center;line-height:50px; }
.gotoTop .btn-gotoTop-message{cursor:pointer;}
.qq_t .label { background:url(../images/qq.png) 20px 5px no-repeat; height:30px; padding-left:20px;}
.qq_t .label a{ color:#999999;}
.qq_t .label a:hover{ color:#097ee5;}
.gotoTop h6{ margin:0px; padding:0px; font-weight:normal;}

.z_m table td{ height:38px; line-height:38px; font-size:14px; background:#FFF; padding-right:5px; padding-left:10px;}
.z_m table td input{ line-height:24px; height:24px; border-bottom:#CCC solid 1px; padding-left:4px; font-size:14px;}
.z_m table td .uploadbtn{ height:29px;}


.main-container .wrapper {max-width: 1100px; margin: 0 auto; position: relative; zoom: 1; font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
.main-container .wcard-container h3 {font-size: 28px;color: #333; letter-spacing: 0;}
.main-container .wrapper h3 { text-align: center; font-size: 28px; color: #333; line-height: 40px; padding-top: 90px; font-weight: inherit;}
.main-container .wcard-container .wcard-content {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;margin-top: 70px;}
.main-container .wcard-container .wcard-content .wcard-left { -webkit-box-flex: 1; -webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.main-container .wcard-container .wcard-content .wcard-right {width:600px;}
.main-container .wcard-container .wcard-content .wcard-left .wcard-section { margin-bottom:18px;}
.main-container .wcard-container .wcard-content .wcard-left .wcard-section .wcard-sectitle {color: #333;font-size: 16px;line-height: 24px;letter-spacing: 0;}
.main-container .wcard-container .wcard-content .wcard-left .wcard-section .wcard-secsummary {margin-top: 5px;font-size: 14px;color: #999;letter-spacing: 0;line-height: 24px;}
.main-container .wcard-container .wcard-content .wcard-right img {width: 100%;}
.main-container a.blue {background-color: #38f; color: #fff;}
.main-container a.button { font-size: 14px; padding:10px 42px; border-radius: 2px; display: inline-block; margin-top:5px;}
.main-container .wcard-container .wcard-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-moz-box-orient: horizontal;-moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.main-container .wcard-container .wcard-reverse .wcard-left {padding-left: 72px;}

.service { width: 100%; height:400px; float:left; font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif; background:#f7fcff;}
.section-title { font-size: 28px; color: #333; line-height: 40px; text-align: center; margin: 0 auto 50px; padding-top: 70px; font-weight:inherit;}
.service .icon-container { width: 1100px; margin: 0 auto;}
.service .icon-container li { display: inline-block; text-align:center; width:24%; margin:0; padding:0; overflow:hidden;}
.service .icon-container li div { width: 120px; height: 120px; margin: 0 auto; margin-bottom: 15px; background-size: contain;}
.service .icon-container li p { font-size: 18px; color: #333; line-height: 24px;}
.service .icon-container li .desc { color: #999; font-size: 12px;}
.service .icon-container #service-1-img { background-image: url(../dym/yfb/zykfdy.png);}
.service .icon-container #service-2-img { background-image: url(../dym/yfb/sqjlhd.png);}
.service .icon-container #service-3-img { background-image: url(../dym/yfb/znzzfw.png);}
.service .icon-container #service-4-img { background-image: url(../dym/yfb/ssldjk.png);}

.huhang { background-color: #f7fcff; background-image: url(../dym/yfb/anquangaoxiao.png); background-repeat: no-repeat; background-position: 50%; background-size:450px; text-align:center; width:100%; float:left; font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif; padding:30px 0;}
.huhang h3 { font-size: 28px; color: #333; line-height: 40px; padding-top: 70px; margin-bottom: 20px; font-weight:inherit;}
.huhang .desc { font-size: 20px; text-align: center; margin-bottom: 35px;}
a.primary:hover { background: #1573f7;}
a.primary { background: #38f; padding: 12px 42px;color: #fff;}
a.button { font-size: 14px; padding: 12px 42px; text-decoration: none; border-radius: 2px;}

.promote {width: 100%; height: 235px; text-align: center; background-position: 50%; background-size: cover; background-image: url(../dym/yfb/footerbg.png); float:left; font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
.promote p { font-size: 28px; color: #fff; line-height: 40px; padding-top: 60px; padding-bottom: 35px;}
.promote a { text-decoration: none; font-size: 14px; color: #38f; background-color: #fff; padding: 15px 57px; border-radius: 2px;}


.partner{ width:100%; float:left; font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif; height:380px;}
.partner h3 {font-size: 28px; color: #333; line-height: 40px; padding-top: 70px; margin-bottom: 20px; text-align: center; font-weight: inherit;}
.partner .trademark-container {margin:0px auto; width:1200px;}
.partner .trademark-container ul li{ float:left; width:143px; height:45px; margin:22px 2px;}
.partner .trademark-container ul li img{ width:100%;}




.yz-resolutions{ max-width:1172px !important; width:1172px !important; margin:0 auto !important; margin-top:50px;}
.yz-resolutions .rescontent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:48px auto;}

.yz-resolutions .rescontent .ump-card {width:168px; height:210px; padding:5px; border: 1px solid #e5e5e5; border-radius: 2px;margin-right:18px; margin-bottom:20px; text-align:center;}

.yz-resolutions .rescontent .ump-card .ump-intro .ump-title { font-size:16px; color: #333;}
.yz-resolutions .rescontent .ump-card .ump-intro { padding-top:5px; width: 100%; line-height:26px; }
.yz-resolutions .rescontent .ump-card .icon-div { width:141px; height:141px; margin-left:30px; margin-top:10px;}

/*.yz-resolutions .rescontent .ump-card:hover{
background:-webkit-gradient(linear,left top,right bottom,from(#65cbff),to(#376dd0));
background:-webkit-linear-gradient(top left,#65cbff,#376dd0);
background:-moz-linear-gradient(top left,#65cbff,#376dd0);
background:linear-gradient(to bottom right,#65cbff,#376dd0); border:0; padding:6px;}
.yz-resolutions .rescontent .ump-card:hover .ump-1{background:url("../dym/yfb/bxjj.png") no-repeat; background-size:110px}
.yz-resolutions .rescontent .ump-card:hover .ump-desc,.yz-resolutions .rescontent .ump-card:hover .ump-title,.yz-resolutions .rescontent .ump-card:hover a{color:#fff!important}*/

.yz-resolutions .rescontent .ump-card .ump-1{background:url("../dym/yfb/bxjj.png") no-repeat; background-size:110px}
.yz-resolutions .rescontent .ump-card .ump-2{background:url("../dym/yfb/wqjj.png") no-repeat; background-size:110px; background-position:0 5px;}
.yz-resolutions .rescontent .ump-card .ump-3{background:url("../dym/yfb/tzjj.png") no-repeat; background-size:116px; background-position:0 5px;}
.yz-resolutions .rescontent .ump-card .ump-4{background:url("../dym/yfb/rzjj.png") no-repeat; background-size:116px; background-position:0 22px;}
.yz-resolutions .rescontent .ump-card .ump-5{background:url("../dym/yfb/tgjj.png") no-repeat; background-size:116px; background-position:0 15px;}
.yz-resolutions .rescontent .ump-card .ump-6{background:url("../dym/yfb/zqh.png") no-repeat; background-size:116px; background-position:0 22px; margin-left:25px;}

.yz-resolutions .rescontent .ump-card .ump-intro a { font-size: 14px;color: #38f;}
.yz-resolutions .rescontent .clear-mright { margin-right: 0;}