﻿@font-face {
  font-family: 'iconfont';  /* project id 1298696 */
  src: url('//at.alicdn.com/t/font_1298696_71rzvak5a67.eot');
  src: url('//at.alicdn.com/t/font_1298696_71rzvak5a67.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1298696_71rzvak5a67.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1298696_71rzvak5a67.woff') format('woff'),
  url('//at.alicdn.com/t/font_1298696_71rzvak5a67.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1298696_71rzvak5a67.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

body {font-size:13px;color:#333;font-family:'Microsoft YaHei';min-width:1200px;overflow-x:hidden;}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;font-family:'Microsoft YaHei';}
section,article,header,footer,aside,nav,dialog,figcaption,figure,menu,details {margin:0;padding:0;font-family:'Microsoft YaHei';}
div,ul,ol,li,dd,dl,dt {list-style:none;}
table {border-collapse:collapse;border:0;}
td,tr,th {font-size:12px;}
img {border:none;}
select,input,img {vertical-align:middle;}
textarea {vertical-align:middle;font-size:12px;resize:none;}
input,textarea{outline: none;}
em,i {font-style:normal;}
b {font-weight:normal;}
h1,h2,h3 {font-weight:bold;font-size:16px;}
h4,h5,h6 {font-weight:bold;font-size:12px;}

a:link,a:visited {color:#333;text-decoration:none;}
a:hover,a:active {color:#156CCD;text-decoration:none;}
a.sethome:link,a.sethome:visited {color:#273843;font-size:12px;text-decoration:none;}
a.sethome:hover,a.sethome:active {color:#FF0000;font-size:12px;text-decoration:underline;}
a.links:link,a.links:visited   {color:#3C3B3B;font-size:12px;text-decoration:none;}
a.links:hover,a.links:active   {color:#FF0000;font-size:12px;text-decoration:underline;}
a.white:link,a.white:visited   {color:#FFFFFF;font-size:12px;text-decoration:none;}
a.white:hover,a.white:active   {color:#FF0000;font-size:12px;text-decoration:none;}
a.black:link,a.black:visited   {color:#666666;font-size:12px;text-decoration:none;}
a.black:hover,a.black:active   {color:#FF0000;font-size:12px;text-decoration:none;}
a.detail:link,a.detail:visited {color:#000000;font-size:12px;text-decoration:none;}
a.detail:hover,a.detail:active {color:#FF0000;font-size:12px;text-decoration:none;}
a.newslist:link,a.newslist:visited {color:#666666;font-size:13px;text-decoration:none;}
a.newslist:hover,a.newslist:active {color:#FF0000;font-size:13px;text-decoration:none;}
a.prolist:link,a.prolist:visited   {color:#615B5B;font-size:13px;text-decoration:none;}      
a.prolist:hover,a.prolist:active   {color:#FF0000;font-size:13px;text-decoration:none;}
a.job:link,a.job:visited {color:#333333;font-size:12px;text-decoration:none;}
a.job:hover,a.job:active {color:#FF0000;font-size:12px;text-decoration:none;}

.clearfix { *zoom: 1;}
.clearfix:after { display: block;font-size: 0; content: ""; clear: both; visibility: hidden;}
.clear,.cl {clear:both;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.fl,.l{float:left;}
.fr,.r{float:right;}
.pr{position: relative;}
.pa{position: absolute;}
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.h20  {height:20px;line-height:20px;}
.h22  {height:22px;line-height:22px;}
.red  {color:#FF0000;}
.blue {color:#0000FF;}
.blank{font-family:Times New Roman;font-size:12px;}

.imgcode {width:60px;height:22px;vertical-align:middle;cursor:pointer;}
.Company {clear:both;padding:10px 10px 10px 10px;line-height:24px;color:#666666;font-size:12px;}
.Company p {line-height:24px;color:#666666;}
.Company img {max-width:99%;height:auto !important;}
.Company table {width:99% !important;word-break:break-all;}
.divAboutUs  {padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}
.divContactUs{padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}

.bridgeCode {width:1200px;margin:0 auto;text-align:center;clear:both;padding:0px 0px 0px 0px;}
.button {border:1px solid #000000;padding-top:1px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;cursor:pointer;vertical-align:middle;}
.button_submit {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:50px;height:22px;cursor:pointer;vertical-align:middle;background:url('../images/btn_submit.gif') no-repeat;}
.button_submit2 {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:70px;height:22px;cursor:pointer;vertical-align:middle;background:url('../images/btn_submit2.gif') no-repeat;}   
.button_submit3 {color:#fff;font-weight:normal;cursor:pointer;height:35px;width:120px;font-weight:bold;background-color:#333;border:1px solid #333;border-radius:5px;margin-right:10px;}
.button_submit4 {color:#fff;font-weight:normal;cursor:pointer;height:35px;width:120px;font-weight:bold;background-color:#5c5c5c;border:1px solid #5c5c5c;border-radius:5px;}

/**********************************************************************************************/
.main   {width:100%;margin:0 auto;line-height:20px;}
.topCon {width:1200px;margin:0 auto;}
.topCon100 {width:100%;margin:0 auto;line-height:20px;}
.indexBottom {width:100%;margin:0 auto;line-height:20px;padding:0px 0px 0px 0px;}
.indexCenter {width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 30px 0px;}
.indexCenter table {line-height:20px;}
.indexCenter2{width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexLeft {float:left;width:250px;line-height:20px;padding:10px 0;}
.indexLeft1 {float:left;width:250px;line-height:20px;}
.indexRight  {float:right;width:910px;}
.indexRight1 {float:left;width:464px;line-height:20px;padding:5px 0px 0px 7px;}

.indexMain {float:right;width:730px;line-height:20px;} 
.indexRightVideo {float:right;width:253px;line-height:20px;padding-bottom:5px;}
.topCon_1 {float:left;width:100%;}
.w1000 {width: 1000px;margin: 0 auto;}
.w1100 {width: 1100px; margin: 0 auto;}
.w1200 {width: 1200px;margin: 0 auto;}
.w1300 {width: 1300px; margin: 0 auto;}
.w1400 {width: 1400px; margin: 0 auto;}

.mabanew{width: 100%; text-align: center; height:380px;background-position: center 0; background-repeat: no-repeat;}

/* top */
.wraptop_1{ height:60px; width:100%; background:#156CCD; color:#fff;font-size: 16px; }
.wraptop_1_1 {float:left; line-height:26px;}
.wraptop_1_1 p{display: block;font-size:18px;}
.wraptop_1_1 span{display: block;}
.wraptop_1_2 a{ color:#fff; line-height:60px; padding:0 5px;}
.wraptop_1_2 a:hover{ text-decoration:underline; color:#fff; }

/* navigation */
.top_d span.fl{ margin-top: 27px; }
.top_d span.fl img{max-width: 250px;}
.nav ul li{ float: left; display: block; position: relative; width: 104px; margin-right:8px; }
.nav ul li a { display: block; color: #222; line-height: 130px; font-size: 16px; position: relative; z-index: 3333; height: 130px; text-align: center; transition: 0.3s all; }
.nav ul li a:hover { color: #fff; }
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { color: #fff; line-height: 130px; }
.NavCeshi ul { position: absolute; top: 110px; left: -27px; z-index: 9999; opacity: 0; width:169px; background: #fff; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; }
.NavCeshi li:hover > ul { opacity: 1; top:104px; transition:0.3s all; }
.NavCeshi ul li { height: 0; overflow: hidden; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; margin: 0; }
.NavCeshi li:hover > ul li { height: 50px; line-height: 50px; overflow: visible; }
.NavCeshi ul li a { font-size: 14px; line-height: 50px; display:block; border-top: 1px solid #f2f2f2; color: #aeaeae; padding: 0 26px; transition: 0.3s all; width: 117px; text-align: left; }
.NavCeshi > li > span{ display: block; position: absolute; left: 0; bottom: 0; height: 130px; -webkit-transition: .5s all; -o-transition: .5s all; transition: .5s all; width: 0; }
.NavCeshi > li.navcurrent > span, .NavCeshi > li:hover > span { background: #156ccd; display: block; color: #fff; width: 100%; }
.NavCeshi ul li:hover a{ color:#1e1e1e; background:none; }
.nav ul li ul li:hover:after{ opacity:0; filter: alpha(opacity=100); top: 0; }
.NavCeshi ul li:hover a { text-indent: 10px; transition: 0.3s all; }
.NavCeshi ul li a:hover i { opacity: 1; }


.search_bg { width: 100%; height: 96px; background: #f8f8f8; margin: 0 auto; position: relative; left: 0px; }
.search_l { font-size: 22px; line-height: 30px; margin-top: 12px; margin-right: 81px; width: 250px; border-right: 1px #CECECE solid; }
.search_l p { color: #156CCD; font-weight: bold; font-size: 37px; line-height: 43px; }
.search_d { width: 495px; }
.search_w { height: 35px; color: #333; font-size: 14px; line-height: 35px; }
.search_w a{ color: #666666; font-size: 14px; padding: 0 6px; }
.search_w a:hover{ text-decoration:underline; }
.search_r{width:438px; padding-top:17px; }
.search_in{ width:366px; }
.search_in input { margin: 0px; padding: 0px; list-style: none; border: 0px; }
.search_in .infoname {color: #888888; outline: none; height: 36px; line-height: 36px; width: 350px; background: #fff; padding-left:15px;
 border: 1px #c9c9c9 solid;}
.search_i{ width:60px; }
.search_i input {border:0px solid #000000;font-weight:normal;font-size:25px;color:#FFFFFF;background-color:transparent;
  width:60px;height:38px;line-height:38px;background:#156CCD;cursor:pointer;vertical-align:middle;}
.search_in input { margin: 0px; padding: 0px; list-style: none; border: 0px; }
.search_tel span { background: url(../images/telbg.jpg) no-repeat 0px 2px; display: block; font-size: 19px; color: #000; padding-left: 35px; line-height: 27px; margin-top: 32px; }
.search_tel em { font-size: 27px; font-family: Arial; }

/* Banner */
.banner6 {position:relative;height:500px;overflow:hidden;width:100%;margin-top:0px;}
.banner6 .show {width:2500px;position:absolute;left:50%;top:0px;margin-left:-1250px;overflow:hidden;}
.banner6 .show ul {position:relative;float:left;width:2500px;height:500px;overflow:hidden;}
.banner6 .show ul li {text-align:center;float:left;width:2500px;position:absolute;display:none;}
.banner6 .focus {position:absolute;bottom:15px;left:47%;padding:5px 6px;}
.banner6 .focus a {float:left;width:18px;height:18px;display:block;margin-left:5px;border-radius:14px;color:#fffab1;cursor:pointer;background:#fff none repeat scroll 0 0;transition:width 0.5s ease 0s, height 0.5s ease 0s, background 0.5s ease 0s, color 0.5s ease 0s;}
.banner6 .focus a.on {background:#ab0000 none repeat scroll 0 0;color:#ab0000;height:18px;width:32px;}
.hot {width:100%;height:42px;line-height:42px;position:absolute;bottom:10px;z-index:2;}
.hot .wrapper {width:1200px;margin:0 auto;}
.hot .list {float:left;width:860px;padding-left:10px;height:42px;position:relative;}
.hot .list .prev {display:block;width:18px;height:15px;position:absolute;background-position:-42px -108px;top:13px;left:80px;}
.hot .list .box_btn {display:block;width:18px;height:15px;position:absolute;background-position:-61px -108px;top:13px;left:99px;}
.hot .list .next {display:block;width:18px;height:15px;position:absolute;background-position:-80px -108px;top:13px;left:118px;}
.hot .list span.tit {font-size:12px;width:145px;float:left;color:#151515;}
.hot .list a {color:#000000;font-size:12px;text-decoration:none;}
.hot .list a:hover {color:#0157AD;font-size:12px;text-decoration:none;}
.hot .list div {width:700px;float:left;height:42px;position:relative;overflow:hidden;}
.hot .list div ul {width:700px;position:absolute;}

/* Links */
.yqlj {width:100%;padding:15px 0px 15px 0px;line-height:20px;background:#f1f1f1;}
.yqlj_t {float:left;width:81px; height:30px;line-height: 30px; color:#333;}
.yqlj_t em{font-size: 14px;}
.yqlj .yqlj_1 {float:left;width:1100px;line-height:30px; } 
.yqlj .yqlj_1 a {float:left;margin:0px 10px 0px 0px;padding-left:13px; font-size: 14px;background: url(../images/link.png) no-repeat 0 center;}

/* bottom */
.divBottom {width:100%;line-height:44px;margin-top:0px;background:#252525;color:#fff;font-size: 14px;}
.divBottom_1 {text-align:center;border:1px solid #E3E1E1;background:#ab0000;font-weight:400;font-size:16px;line-height:50px;color:#FFFFFF;}
.divBottom_1 a {color:#FFFFFF;text-decoration:none;margin:0px 8px 0px 7px;font-size:14px;}
.divBottom_1 a:active {color:#FFFF00;text-decoration:none;margin:0px 8px 0px 7px;}
.divBottom_2 {color:#666666;padding-bottom:10px;padding-top:10px;text-align:center;}
.divBottom_2 a,.divBottom_2 a:link,.divBottom_2 a:visited {color:#666666 !important;}
.divBottom_3 {float:left;width:988px;background-color:#E1E8ED;border:1px solid #A7A6A6;padding:10px 0px 10px 0px;}

.copy_m img { margin-top:74px; }
.copy_w li { margin: 53px 0 0 30px; height: 133px; width:76px; border-left: 1px #4a4a4a solid; padding-left: 14px; float: left; }
.copy_w li a{display:block; color:#fff; font-size:14px; }
.copy_w li a:hover{ text-decoration:underline; }
.copy_tel { background: url(../images/foot.jpg) no-repeat 0px 10px; width:250px; padding-left: 37px; margin: 59px 0 0 30px; }
.copy_code{width:130px;}
.copy_code img{padding-top:60px;}

.footer { background: #1a1a1a; height: 48px; margin-top: 20px; color: #CCCCCC; }
.footer a { color: #CCCCCC; font-size:14px; }
.footer a:hover { text-decoration: underline; }
.footer .cos { float: right; }
.copy_tel span a { color: #fff; font-size: 14px; }

/*首页*/

/*优势*/
.indyzbj{ height:661px; }
.indyz{ padding-top:106px; height:555px; position: relative; }
.indyz .yzbt{ width:486px; float:left; }
.indyz .yzbt span{ display: block; width:406px; height:154px; margin-bottom: 46px; }
.indyz .yzbt span img{ width:406px; height:154px; }
.indyz .yzbt h3{ font-size: 27px; color:#333333; font-weight: bold; line-height: 27px; margin-bottom: 20px; }
.indyz .yzbt b{ display: block; }
.indyz .yzbt b i{ display: block; float:left; margin-right: 17px; width:151px; height:2px; background:url(../images/xiw04.jpg) no-repeat center; margin-top: 14px; }
.indyz .yzbt b em{ display: block; float:left; font-style: normal; font-weight: normal; font-size: 29px; line-height: 29px; }
.indyz .yzsm{ float:right; width:702px; z-index:5; position: relative; }
.indyz .yzsm ul li{ float:left; margin-left:80px; margin-bottom: 110px; display:block; }
.indyz .yzsm ul li span{ display: block; font-size: 20px; color:#333333; overflow: hidden; transition: all 0.3s linear;
 font-weight: bold; text-align: center; margin:0 auto; width:80px; height:35px; 
 background:url(../images/xiw_line.jpg) no-repeat bottom center; }
.indyz .yzsm ul li p{ font-size: 15px; color:#666666; line-height: 21px; margin-top: 15px; text-align: center; }
.indyz .yzsm ul li:first-child,.indyz .yzsm ul li:nth-child(4){ margin-left: 0; }
.indyz .yzsm ul li:hover span{ background:url(../images/xiw_line2.jpg) no-repeat bottom center; color:#156ccd; -webkit-transform: scale(1.1); 
  -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.indyz .indfwc span{ display: block; font-size: 30px; line-height: 30px; color:#333333; }
.indyz .fwc span i { font-size: 36px; color: #156ccd; font-weight: bold; font-family: Arial; }
.indyz .indfwc b { display: block; font-size: 26px; line-height: 40px; color: #333333; margin-top: 4px; }
.indyz .indzst{ display:block; background:url(../images/xiw01.png) no-repeat center; width:706px; 
  height:473px; position: absolute; right:-275px; bottom:-50px; }
.indfwc { display: block; position: absolute; top: 470px; left:0; }

/*解决方案*/
.case_bg2 { width: 320px; height: 240px; background: url(../images/solu01.png) no-repeat center; position: absolute; left: -360px; bottom:524px; }

.solubig { padding: 40px 0 60px; width: 100%; background: #f7f7f7; height: 530px;  margin-top:65px; }
.solu_row1 { margin: 10px auto 10px 0; width: 320px; display: block; }
.solu_row1 strong{ font-weight: bold; color: #156CCD; font-size: 24px; display: block; padding-left: 15px; border-left: 3px solid #156CCD; line-height: 24px; padding-bottom: 3px; }
.solu_row1 strong .en{ font-size: 24px; font-weight: 100; color: #ccc; display: block; }

.solus_in { margin: 30px auto; height: 430px; position: relative; width: 100%; }
.tabs-nav { position: absolute; top: -75px; right: 0; }
.solu-header{ float: left; width: 500px; }
.solu-content { float: right; width: 700px; height: 440px; overflow: hidden; }
.solu-content div img{ display: block; width: 100%; height: 100%; }
.solu-header ul li { background: #fff; display: block; width: 235px; float: left; margin-right: 15px; transition: 0.3s all ease-in-out; margin-bottom: 15px; }
.solu-header ul li a{ padding: 23.1px; display: block; transition:0.3s all ease-in-out; }
.solu-header ul li a strong{ font-size: 18px; display: block; font-weight: bold; color:#343434; line-height: 20px; transition:0.3s all ease-in-out; }
.solu-header ul li a strong .en{ font-size: 13px; line-height: 18px; display: block; font-weight: 100; color: #ccc; padding-top:10px; transition:0.3s all ease-in-out; }

.solu-header ul li a i { color: #fff; background: #999999 url(../images/solu_ico.png) no-repeat -9px 5px; display: block; width: 20px; height: 20px; border-radius: 50%; transition:0.3s all ease-in-out; margin-top: 10px}
.solu-header ul li.active a i{ background-color: #fff; background-position: 4px 5px; }
.solu-header ul li.active{ background: url(../images/solu_ho.jpg) no-repeat center; }
.solu-header ul li.active a strong{ color: #fff; }
.solu-header ul li.active a strong .en{ color: #b9bbff; }

.tabs-nav i { float: left; width: 60px; height: 40px; background: url(../images/solu_btn.png) no-repeat 6px -40px; display: block; cursor: pointer; }
.tabs-nav i#next { background-position: -68px -40px; }
.tabs-nav i:hover{ background-position-y:2px !important; }
.solu-content > .solu { position: relative; display: block; width: 700px; height: 440px; overflow: hidden; }
.solu-content > .solu > p { position: absolute; bottom: 0; left: 0; width: 640px; padding: 15px 30px; font-size: 14px; color: #dddddd; background: rgba(0,0,0,0.7); line-height: 30px; }

/**/
.kuaibg{ background:url(../images/kuai.png) no-repeat center; min-width:1200px; height:731px; }

.kuai_tit{height:200px;}
.kuai_tit span { font-size: 60px; color: #517DF5; font-family: arial; text-align: center; display: block;padding-top:70px;}
.kuai_tit i { font-size: 40px; font-weight: bold; color: #fff; text-align: center; display: block; margin-top: 0px; }

.kuai_r {background: url(../images/kuai_03.png) left 0 no-repeat;width:720px; margin:35px auto 0;padding-left:120px; height: 120px;padding-top:10px;}
.kuai_r span { color: #156ccd; font-size: 32px; font-weight: bold; display: block; }
.kuai_r i { font-size: 18px; line-height: 37px; }
.kuai_r p { font-size: 12px; color: #cbbcb6; line-height: 14px; }
.kuai_bottom { background: url(../images/kuai_btm.jpg) no-repeat; height: 293px; margin-top: 18px; }
.link_row { width: 100%; height: 150px; overflow: hidden; top: 32px; }
.link_row  li{padding:10px 0;line-height:30px;text-align: center;font-size:20px;color:#c8000e}

/*担心问题*/
.doubtbg{width: 100%; overflow: hidden; background: url(../images/doubtbg.jpg) no-repeat top;height: 635px; margin-top:22px;}
.dou_t{width: 530px;}
.dou_t_t{ font-size: 36px;color: #666666; margin-top:100px;line-height:60px; }
.dou_t_t p{display: block; font-size: 36px;font-weight: bold;color: #555555;font-style:italic; padding-top: 5px;}
.dou_t_t span{ font-size: 48px;color: #156CCD;  }
.dou_t_n{margin-top: 30px;}
.dou_t_n ul li{margin-bottom: 26px; font-size: 17px; line-height: 26px;}
.dou_t_n ul li span{float:left;margin-right:8px;width:26px;height: 26px; line-height: 26px;text-align: center;background:#ffbf00;font-size:15px; }

.dou_t_x{ font-size: 17px; color: #000; margin-top: 30px;}
.dou_t_x span{font-family: arial; font-size: 26px; color: #156CCD;}

.dou_td{ overflow:hidden; position: relative; height: 685px;width: 670px; }
.dou_td li{width: 92px; height:92px; background: #156CCD; font-size: 20px; color: #fff; text-align: center; border-radius: 50%;
  box-sizing: border-box;position: absolute;line-height:26px; }
.dou_td li.a1{left: 105px; top: 125px; padding-top:20px;}
.dou_td li.a2{left: 0px; top: 245px; padding-top: 18px;}
.dou_td li.a3{bottom: 145px; left: 11px;padding-top: 18px;}
.dou_td li.a4{right: 10px; top: 166px;line-height: 92px;}
.dou_td li.a5{right: 42px; top: 350px;line-height: 92px;}

/*4优势*/
.adv_t{ width:100%; overflow:hidden; background:url(../images/ysbg.jpg) no-repeat center top; text-align:center;
   font-size:32px; color:#333; padding-top:60px; padding-bottom:0px; margin-top:65px; height: 132px;line-height: 40px;}
.adv_t span{ font-size:55px; color:#156CCD; font-weight:bold;line-height: 70px;}

.adv_a{ width:100%; overflow:hidden; background:url(../images/ys01.jpg) no-repeat center top; height:530px;}
.adv_b{ width:100%; overflow:hidden; background:url(../images/ys02.jpg) no-repeat center top; height:477px;}
.adv_c{ width:100%; overflow:hidden; background:url(../images/ys03.jpg) no-repeat center top; height:520px;}
.adv_d{ width:100%; overflow:hidden; background:url(../images/ys04.jpg) no-repeat center top; height:459px;}

.adv_one{ width:580px;}
.adv_a_t{ background:url(../images/ys_tit.png) no-repeat right;margin-top:80px; height:91px;}
.adv_a_t em{float:left;width:60px;text-align: center;color:#fff;line-height:60px;font-size: 30px;font-weight: 700;}
.adv_a_t .neir{float:right;width:490px;line-height: 40px;}
.adv_a_t .neir strong{display: block; font-size:36px; font-weight:bold; color:#156CCD;}
.adv_a_t .neir span{ font-family:Arial; font-size:12px; color:#333; text-transform:uppercase;}

.adv_a_n{ margin-top:30px;}
.adv_a_n p{ background:url(../images/ys_p.png) no-repeat left top 2px; font-size:16px; padding-left:28px; line-height:24px; margin:20px 0 0 58px;}
.adv_lx{ font-size:16px; margin-top:30px; margin-left:87px; line-height:38px;}
.adv_lx span{ font-family:Arial; font-size:30px; color:#156CCD;}
.adv_lx p{ width:130px; height:38px; line-height:38px; background:#156CCD; text-align:center; margin-right:50px;}
.adv_lx p a{ font-size:18px; color:#fff;}

/*简介*/
.synopsis { width: 100%; background: url(../images/aboutbg.jpg) center no-repeat; height:603px; }
.synopsis_1{ width:1200px; height:835px; margin:0 auto;}

/*about*/
.t_h2 { position: relative; margin: 50px auto; height: 80px; width: 1200px; overflow: hidden; overflow: hidden; 
  background: url(../images/about_tit.png) no-repeat center top; }
.syabout .t_h2 a{ color:#333;}
.syabout .t_h2 em{ float: left; width: 536px; text-align: right; font: bold 32px/70px "Microsoft Yahei"; color: #333; }
.syabout .t_h2 span{padding-left: 20px; padding-top: 26px; display:block;  overflow:hidden;font:20px/26px "Microsoft Yahei"; color: #333;}
.syabout .t_h2 span i{ display:block; color:#333;font:14px/22px "Microsoft Yahei";; text-transform: uppercase;}
.syabout .t_h2 a:hover{ text-decoration:none;}

.syabout_r {padding: 0 32px 0 57px; height: 406px; width: 1102px;  overflow: hidden;}

.syabout_r .abcont{ float:left; width:472px; overflow:hidden; margin-top: 22px; }
.syabout_r .abcont .cten{font:14px/32px "Microsoft Yahei"; color:#333;}
.syabout_r .abcont .tit{ overflow:hidden; font:20px/70px "Microsoft Yahei";}
.syabout_r .abcont .tit a{ color:#333; font:24px/70px "Microsoft Yahei";font-weight:bold;}

.syabout_r .abcont span a { margin-left: 25px; float: left; margin-top: 20px; width: 100px; height: 36px; background: #F9F9F9; font-size: 14px; text-align: center; line-height: 36px; border: 1px #D6D2D2 solid; }
.syabout_r .abcont span:hover a { color: #fff; background: #156CCD; transition: 0.2s; }
.syabout_r .abcont em a { float: left; margin-top: 20px; width: 100px; height: 36px; background: #F8F8F8; line-height: 36px; font-size: 14px; color: #333; text-align: center; border: 1px #D6D2D2 solid; }
.syabout_r .abcont em:hover a { background: #156CCD; transition: 0.2s all; color: #fff; }
.syabout_r .abcont em:hover a { background: #156CCD; transition: 0.2s all; color: #fff; }

.about_em { height: 120px; color: #444; }
.about_em li { width: 80px; height: 80px; float: left; margin-right: 46px; color: #fff; text-align: center; margin-top: 26px; background: #156ccd; line-height: 24px; transition: 0.3s all; cursor: pointer; }
.about_em li i {display: block; width: 32px; height: 32px; margin: 17px auto 0px; font-size: 28px; }
.about_em li:hover { background: #333; transition: 0.3s all; }

.about_w { width: 505px; float: right; margin-right: -20px;margin-top: 6px;}
.about_name .tit { font-size: 22px; font-weight: bold; margin-top: 35px; }
.about_name i { width: 40px; height: 4px; display: block; background: #156ccd; margin: 21px 0; }
.about_name .cten { font-size: 15px; line-height: 28px; }

.about_bottom li a{ width: 130px; height: 40px; float: left; border: 1px #D6D2D2 solid; text-align: center; line-height: 40px; margin: 13px 20px 0 0; font-size:16px; }
.about_bottom li:hover a { background: #156ccd; color: #fff; }
.about_m{ background:#f1f1f1; height:316px; }
.about_name { width: 464px; }

/**/
.synopsis_zy {background:#f4f4f4; height:320px; padding-top:35px; }

.zs_s{width: 1200px;margin: 0 auto;position: relative;}
.zs_s .tit{height: 49px;line-height: 50px;margin: 0 auto;margin-bottom: 20px;width: 500px;float: left;}
.zs_s .tit p a{margin-right:-2px; font-size: 16px; color: #333;background: url(../images/zs02.png)  no-repeat;display: inline-block;width:120px;height: 48px;line-height: 40px; padding-left:20px; }
.zs_s .tit p a:hover,.zs_s .tit p a.cur{background: url(../images/zs01.png) no-repeat;text-decoration: none; font-size: 16px; color: #fff;}

.zs_s1{ float:right; width:74px; height:22px; background:url(../images/zs03.png); margin-top:20px;}
.zs_s1a{ font-size:12px; color:#000; text-align:center; margin-top:2px;}
.zs_s1a a{ font-size:12px; color:#fff;}
.zs_s1a a:hover{ font-size:12px; color:#fff; text-decoration:underline; }

td#roller_pro_content table tbody tr td a img { margin-bottom: 5px; }
td#roller_content table tbody tr td a img { margin-bottom: 5px; }

.synopsis_zy .cet{margin: 0 auto; width: 1200px; position: relative;}
.roller_content a:link{ color:#fff !important;}
.cp img { border: 1px solid #ddd; padding: 2px; background: #fff; }
.cp a:hover img { border: 1px solid #156CCD; padding: 2px; background: #fff; }

/*流程*/
.prob{ padding: 40px 0;}
.prob_row1{ width: 300px; height: 150px; background: url(../images/liuc.jpg) no-repeat center; margin: 0 auto; position: relative; }
.prob_row1 a { line-height: 30px; text-align: center; display: block; font-size: 32px; font-weight: bold; color: #156CCD; height: 60px; padding: 55px 0 35px; }
.prob_row1 a .en { display: block; text-align: center; color: #ababab; font-weight: 100; font-size: 14px; line-height: 30px; }

.prob_row2 { padding-top: 65px; text-align: center; }
.prob_row2 .col2 i{ display: block; width: 104px; height: 60px; margin: 0 auto; background: #156CCD; position: relative; transition:0.3s all ease-in-out; transform:rotate(0deg); }
.prob_row2 .col2:hover i{ transform:rotate(90deg); background: #00923F; }

.prob_row2 .col2 i:before,.prob_row2 .col2 i::before{ content: ''; border-bottom: 30px solid #156CCD; border-left: 52px solid transparent; border-right: 52px solid transparent; 
position: absolute; top: -30px; left: 0; transition:0.3s all ease-in-out; }
.prob_row2 .col2 i:after,.prob_row2 .col2 i::after{ content: ''; border-top: 30px solid #156CCD; border-left: 52px solid transparent; 
border-right: 52px solid transparent; position: absolute; bottom: -30px; left: 0; transition:0.3s all ease-in-out; }

.prob_row2 .col2:hover i:before,.prob_row2 .col2:hover i::before{ border-bottom: 30px solid #00923F; border-left: 52px solid transparent;
 border-right: 52px solid transparent; }
.prob_row2 .col2:hover i:after,.prob_row2 .col2:hover i::after{ border-top: 30px solid #00923F; border-left: 52px solid transparent; 
  border-right: 52px solid transparent; }

.prob_row2 .col2{ width: 104px; margin:0 0 0 73px; display: inline-block; text-align: center; position: relative; }
.prob_row2 .col2:first-child{ margin-left: 0; }
.prob_row2 .col2:after,.prob_row2 .col2::after{ content: ''; width: 65px; height: 65px; display: block; position: absolute; top: -1px; left: 20px; z-index: 5; }

.prob_row2 .col2_1:after,.prob_row2 .col2_1::after{ background: url(../images/a1.png) no-repeat center}
.prob_row2 .col2_2:after,.prob_row2 .col2_2::after{ background: url(../images/a2.png) no-repeat center}
.prob_row2 .col2_3:after,.prob_row2 .col2_3::after{ background: url(../images/a3.png) no-repeat center}
.prob_row2 .col2_4:after,.prob_row2 .col2_4::after{ background: url(../images/a4.png) no-repeat center}
.prob_row2 .col2_5:after,.prob_row2 .col2_5::after{ background: url(../images/a5.png) no-repeat center}
.prob_row2 .col2_6:after,.prob_row2 .col2_6::after{ background: url(../images/a6.png) no-repeat center}
.prob_row2 .col2_7:after,.prob_row2 .col2_7::after{ background: url(../images/a7.png) no-repeat center}

.prob_row2 .col2 p { font-size: 16px; line-height:40px; padding-top: 35px; color: #156CCD; text-align: center; position: relative;transition:0.3s all ease-in-out;}
.prob_row2 .col2 p:after,.prob_row2 .col2 p::after{content:'';width:100%;height:2px;display:block;position:absolute;left:0;bottom:0;background:#00923F;transition:0.3s all ease-in-out;transform:scale(0);}
.prob_row2 .col2:hover p:after,.prob_row2 .col2:hover p::after{transform:scale(1);}
.prob_row2 .col2:hover p {color:#00923F;}

.order span { background: #156CCD; color: #fff; width: 120px; height: 37px; display: block; text-align: center; font-size: 16px; line-height: 36px; margin: 25px auto 0; border-radius: 13px; font-weight: bold; }

/*新闻*/
.indnews { padding: 30px 0 70px;}
.indnews_l{ float:left; overflow:hidden; }
.indnews_l dl { padding-left: 30px; padding-top: 30px; height: 173px; width: 125px; background: #333; margin-top: 1px; overflow: hidden; position: relative; }
.indnews_l dl:after{ content: ''; display: block; position: absolute; top:0; left: -100%; transition:0.2s all ease-in-out; width: 100%; height: 100%; background: #156CCD; }
.indnews_l dl > *{ position: relative; z-index: 3}
.indnews_l dl.active:after,.indnews_l dl:hover:after{ left: 0; }
.indnews_l dl strong{ font-size:18px; color:#fff; display:block; line-height: 32px; padding-top: 13px; }
.indnews_l dl span{ font-size:12px; color:#fff; color: rgba(255,255,255,.6); text-transform:uppercase; display: block; padding-bottom: 15px; font-family: 'arial'; line-height: 20px; }
.indnews_l dl li{ height:22px; width:70px; border:1px solid #fff; text-align:center; }
.indnews_l dl li a{ line-height:22px; display:block; color:#fff; font-size:12px; font-family: arial}

.new_cont .news_row2 { position: absolute; left: 0; top: 0; display: block; width: 640px; height: 410px; }
.new_cont .news_row3 { position: absolute; left: 0; top: 0; display: none; width: 640px; height: 410px; }
.new_cont { position: relative; width: 640px; height: 410px; display: block; }
.news_nor { height: 410px; width: 640px; overflow: hidden; margin-left: 7px; }

.news_div { padding: 0px 10px; height: 410px; font-weight: normal; }

.news_row2 .news_item, .news_row3 .news_item { position: relative; padding: 6px 0; height: 40px; overflow: hidden; transition: 0.3s all ease; border-bottom: 1px solid #f5f5f5; }

.news_date { position: absolute; right: 20px; top: 17px; transition: 0.3s all ease; }
.news_date > div{ display: inline-block; color: #787878; font-size: 12px; font-family: 'arial'; }

.news_div_item_title{ position: relative; }
.news_div_item_year:after{ content: ' -'; }
.news_row2 .on .news_div_item_year:after,.news_row3 .on .news_div_item_year:after{ content: ''; }

.news_div_item_title:after{ content: ''; background: #8abe42; width: 4px; height: 4px; position: absolute; left: 10px; top: 19px; }
.news_row2 .on .news_div_item_title:after,.news_row3 .on .news_div_item_title:after{ content: ''; display: none; }
.news_row2 .news_div_item_title .news_div_item_a,.news_row3 .news_div_item_title .news_div_item_a { font-size: 15px; color: #444; padding-left: 26px; display: block; line-height: 40px; width: 425px; white-space: nowrap;  text-overflow: ellipsis; transition: 0.3s all ease; }
.news_div_item_pic, .news_div_item_body{ transition: 0.3s all ease; }
.news_div_item_pic { padding-top: 15px; padding-left: 15px; }
.news_div_item_pic a, .news_div_item_pic a img { display: block; width: 220px; height: 162px; }
.news_item.on{ height: 173px; border-bottom: 1px dotted #ccc; padding: 0 0 20px; background: #f5f5f5}

.news_div_item_body{ line-height: 24px; color: #767676; font-size: 13px; width: 344px; text-align: justify; position: absolute; right: 20px; top: 110px; }
.news_row2 .on .news_date, .news_row3 .on .news_date { top: 23px; right: 303px; }
.news_row2 .on .news_div_item_title .news_div_item_a, .news_row3 .on .news_div_item_title .news_div_item_a { position: absolute; left: 230px; top: 70px; width: 245px; color: #11509b }
.news_row2 .on .news_date > div, .news_row3 .on .news_date > div { font-weight: bold; color: #8abe42; font-size: 24px; line-height: 30px; }

.news_row2 .on .news_date > .news_div_item_year,.news_row3 .on .news_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; }
.news_row2 .on .news_date > .news_div_item_year:after,.news_row3 .on .news_date > .news_div_item_year:after{ content: ''; }

.wend{ float: right; margin-right: 0; padding-left: 16px; width:354px; height: 410px; }
.wend h2{ left:0; margin-bottom: 0; margin-bottom: 25px; }
.wend h2 a{ font-size:18px; color:#2d2f46; }
.wend h2 a span{ color:#999999; font-size:14px; font-weight: normal; }
.wend .more{ padding-left:131px; }

.wend .divnew_item_a { font-size: 15px; }
.wend .divnew_content{border-bottom: 1px solid #eee; padding: 22px 0 0 0;}
.wend .lastdl{ border-bottom: none;}
.wend .divnew_title{ height:29px; padding-left:30px; line-height:29px; background:url(../images/mwen.png) no-repeat left top; font-size:14px; color:#333333; overflow: hidden;font-weight: bold;}
.wend .divnew_title a{ color:#333333;}
.wend .divnew_title a:hover{color: #333}
.wend .divnew_body{ padding-left:30px; background:url(../images/mda.png) no-repeat left top; line-height:25px; color:#666; height: 75px; font-size: 13px; overflow: hidden; }


