@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
img{ border:0px;}
ul li{ list-style:none;}
input{ padding-left:10px; outline:none;}
body, span, p, ul, table, tr, td, li, h1, h2, h3, h4, h5, h6, i{ margin:0;padding:0; border:0; list-style:none; font-style:normal;}
body{ font-family:"Microsoft Yahei","SimSun"; font-size: 14px;}
em,i{ font-style:normal; text-decoration:none;}
.clear{ clear:both;}
/*top*/
.top{ background-color: #eee;}
.top_box{ width: 1200px; margin: 0 auto;font-size: 12px; color: #919191;padding: 10px; +height:20px; }
.top_box a{ color: #919191;}
.top_box_left{ float:left; }
.top_box_left a{ border-left: 1px solid #cdcdcd; display: inline-block;line-height: 14px; padding: 0 13px;}
.top_box_left  span{ padding-right: 10px;}
.top_box_right{ float: right}
.top_box_right a{ color: #ff552e}
.top_box_right em{ padding: 0 8px;}
/*top*/
.top_nav{ color: #919191 !important; border-left: 1px solid #e2e2e2; padding-left: 10px;}
.top_nav .dd_number{margin-left: 5px; background: #ff6900; color: #fff; display: inline-block; border-radius: 100px; height: 14px; width: 14px;line-height: 14px; padding: 0;  text-align: center}
.top_nav.xiala em{ height: 4px; width: 8px; display: inline-block; background: url("../images/index_bg.png") no-repeat 0 0;padding:0; margin-left: 3px;}
/*header*/
.header{ width: 1200px; margin: 0 auto; padding: 10px 0 0;}
.logo{ float: left; margin-top: 5px;}
.nav{ float: left; margin-left: 20px;}
.nav li{ float: left; padding: 0 20px;}
.nav li a{ font-size: 14px; font-weight: bold;color: #464646; padding: 20px 0px; display: block;}
.nav li.nav_active a{ color: #ff6900; border-bottom: 2px solid #ff6900;}
.nav li a:hover{ color: #ff6900; border-bottom: 2px solid #ff6900;}
.nav li a .jtx{ background: url("../images/icon_bg.png") no-repeat 0px -4px; width: 8px; height: 5px; display: inline-block; margin:9px 0 0 7px;+margin:-44px 0 0 7px;float: right}
.person{ float: right; margin-top: 30px;}
.nav li.nav_second{ +width:70px;}
.gwc{ float: right; padding: 10px; border-radius: 2px;; margin-bottom: 20px;}
.gwc a{border: 2px solid #ff6000; display: block; float: left; line-height: 42px; width: 105px; text-align: center;  color: #ff6600; font-size: 16px; font-weight: bold; margin-left: 16px; border-radius: 4px; }
.gwc a.gwczc{ background: #ff6600; color: #fff;}
.gwc em.gwc_number{ background: #f60; color: #fff; border-radius: 100px; padding: 0 5px; margin-right: 0;}
/*banner*/
.banner{ background: url("../images/banner.png") center top no-repeat; width:100%; height: 440px; overflow: hidden}
.banner ul{ width: 1200px; margin: 240px auto 0;}
.banner ul li{ float: left; width: 118px; text-align: center; margin-left: 140px;}
.banner ul li p{ font-size: 16px; color: #363636;font-weight: bold; padding-top: 15px;}
/*SOO*/
.main{ width: 1200px; margin: 20px auto; position: relative}
.soo_box{ border-radius: 10px; background: #fff; box-shadow: 0 0 20px #eee; width: 348px; height: 110px; position: relative; float: left; margin-right: 50px;}
.soo_box strong{text-align: center; font-size: 18px; color: #282828; background: url("../images/wen.png") no-repeat 80px 40px; line-height: 30px; padding-left: 40px; display: block; padding-top: 40px;}
.soo_box a{ border-radius: 10px 0 6px 0; background: #f2f2f2; line-height: 22px; display: block; color: #616161; font-size: 12px; padding: 0 15px; position: absolute;
    bottom: 0px; right: 0;}
.soo_box.soo_box_hover{ border: 2px solid #f98b5a; box-sizing: border-box }
.soo_box.soo_box_hover a{ background: #f98b5a; color: #fff;}
.details{ width: 1100px; padding: 30px 20px; border-radius: 20px; background: #f5f5f7; margin-top: 30px; }
.details_p{  float: left; width: 300px;font-size: 14px; line-height: 26px; text-indent: 2em; padding: 0 35px; background: url("../images/border.png") no-repeat top right;}
.details_p.dp_nb{ background: none; padding-right: 0;}
.details em{ position: absolute; top: 127px; left: 160px; }
.details.details2 em{ position: absolute; left:540px;}
.details_icon h2{font-size: 16px; color: #363636; padding-bottom: 10px}
.details_icon{ width: 520px; float: left; margin-bottom: 20px}
.details_icon span{ float:left; padding-right: 20px; color: #7b7b7c}
.details_icon p{ color: #7b7b7c; line-height: 24px; height: 100px}
.di_box{ float: left; width: 440px; }
.details_icon.di_right{ float: right}
.details.details3 em{ position: absolute; left:940px;}
.details_step{ width: 197px; height: 60px; background: #fff; padding: 25px; line-height: 22px; border-radius: 6px; position: relative; float: left; margin-right: 15px; margin-left: 15px;}
.details_step p span{  color: #f98b5a;font-weight: bold}
.ds_title{ position: absolute; top:-15px; left: 25px; width: 83px; line-height: 30px;  color: #fff; font-weight: bold; text-align: center; background:linear-gradient(to bottom,#ffc158,#faaf2f); border-radius: 50px}

/*soo服务介绍*/
.service{ width: 1200px; margin: 0 auto;}
.service h1{ background: url("../images/title.png") no-repeat; font-size:30px;width: 616px; text-align: center; height: 52px; line-height: 50px; margin: 40px auto 0;}
.service h2{ background: url("../images/title2.png") no-repeat;font-size: 16px; width: 616px; text-align: center; height: 58px; line-height: 58px; margin: 0 auto;}
.service h2 span{ color: #ff6000;font-size: 18px}
.service h3{ text-align: center;font-weight: normal; margin: 15px 0;}
.moshi{  text-align: center }
.moshi strong{ font-size: 20px; text-align: center }
.moshi strong span{ color: #ff6243; }
.moshi_box li{ width: 348px; height: 140px; margin:25px 20px;overflow: hidden; line-height: 26px; color: #fff; float: left; border-radius: 10px; background-color: #2cbf6b; background: linear-gradient(to right,#2cbf6b,#31cc80);font-size: 16px;}
.moshi_box li span{ font-size: 20px; font-weight: bold; padding-top: 30px; display: inline-block; padding-bottom: 10px; }
.moshi_box li.ms2{ background-color:#fbb235;background: linear-gradient(to right,#fbb235,#febe52); position: relative}
.moshi_box li.ms2 em{ width: 62px;  height: 62px; display: block; position: absolute; right: 0; top:0;}
.moshi_box li.ms3{background-color:#4589f7;background: linear-gradient(to right,#4589f7,#2fa0f8);}
.contact{ background: #fff;box-shadow: 0 0 20px #f0eff0; width: 740px; margin: 30px auto 40px; border-radius: 10px;}
.contact li{ float: left; margin-left: 90px; padding: 20px 0}
.contact li em{ float: left; margin-top: 8px;}
.contact li p strong{  color: #6c6c6c;}
.contact li p{ float: left; color: #ff6900; font-size: 18px; text-align: left; margin-left:25px; line-height: 28px; font-weight: bold}
/*详情*/
.info{ background: #f5f5f7; padding-bottom: 40px;}
.info_box{ width: 1200px; margin: 0 auto;overflow: hidden;}
.info_box h1{ background: url("../images/title.png") no-repeat; font-size:30px;width: 616px; text-align: center; height: 52px; line-height: 50px; margin: 40px auto 0;}
table{ margin: 30px auto;}
table td{ border-right:1px solid #eee; border-bottom: 1px solid #eee; width: 277px; background: #fff; text-align: center }
table thead td{ font-size: 18px; padding: 20px 0 10px;}
table thead td.td1{  border-top: 4px solid #34d087}
table thead td span{ font-size: 14px; border: 1px solid #ff6801; border-radius: 50px; width: 68px; line-height: 24px; margin: 15px auto; display: block; color: #ff6801}
table thead td a{ font-size: 14px; background: #34d087; border-radius: 50px; width: 124px; line-height: 40px; margin: 15px auto; display: none; color: #fff}
table thead td.td2{  border-top: 4px solid #f5c73e}
table thead td.td2 span{ width: 140px;}
table thead td.td2 a{background: #f5c73e; }
table thead td.td3{  border-top: 4px solid #35aafa}
table thead td.td3 span{ width: 140px;}
table thead td.td3 a{background: #35aafa; }
.yellow{ color: #ff4c01}
table tbody td{ height: 80px; font-size: 14px;}
table tbody td.tdt{font-size: 16px;}
table thead td.td1:hover{ border-top: 0; border-bottom: 2px solid #34d087; padding: 26px 0 0px; }
table thead td.td2:hover{ border-top: 0; border-bottom: 2px solid #f5c73e; padding: 26px 0 0px; }
table thead td.td3:hover{ border-top: 0; border-bottom: 2px solid #35aafa; padding: 26px 0 0px; }
table thead td.td1:hover span{ display: none}
table thead td.td1:hover a{ display: block; margin-top: 10px;}
/*footer*/
.footer{ background: #282828; font-size: 12px; text-align: center; padding: 20px 0; line-height: 22px; color: #f5f5f7}