﻿
/*公共 */
.pang { margin: 30px auto; width: 1150px; position: relative; overflow: hidden; height: 44px; }
.pang .pre, .pang .next { position: absolute; top: 0; width: 100px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #fab001; }
.pang .pre a, .pang .next a { color: #fab001; }
.pang .pre { left: 0px; }
.pang .next { right: 20px; }
.pang .pangmain { position: absolute; width: 200px; height: 40px; left: 50%; margin-left: -100px; top: 0; line-height: 40px; }
.pang .pangmain li { float: left; width: 40px; line-height: 40px; text-align: center; }
.pang .pangmain li a { color: #999; }
.pang .pangmain li.on { background: #fab001; }
.pang .pangmain li.on a { color: #fff; }

.title { position: relative; overflow: hidden; text-align: center; }
.title h5 { text-align: center; color: #4b91cb; font-size: 36px; line-height: 80px; height: 80px; background: url(../image/titlebg.png) no-repeat center; }
.title p { line-height: 45px; color: #666; }

.pageTurning { margin: 30px 0; }

.cur { height: 40px; line-height: 40px; width: 100% !important; margin: 0 auto; color: #333; font-size: 18px; }
.cur a { color: #666; }

.mainDe { background: #f4f5f9; padding-bottom: 90px; }
.mainDe .lcolumn { z-index: 9999; }
.mainDe .lcolumn .navleft { margin-top: -120px; box-shadow: 5px 10px 20px #999; width: 240px; }
.mainDe .lcolumn .navleft .title { height: 80px; line-height: 80px; font-size: 24px; color: #fff; text-align: center; background: #004890; }
.mainDe .lcolumn .navleft .navmain { background: #fff; border: 1px solid #004890; padding: 0 20px; }
.mainDe .lcolumn .navleft .navmain .ccc { position: relative; }
.mainDe .lcolumn .navleft .navmain .ccc dl { border-bottom: 1px solid #e5e5e5; }
.mainDe .lcolumn .navleft .navmain .ccc dl dt { position: relative; overflow: hidden; zoom: 1; }
.mainDe .lcolumn .navleft .navmain .ccc dl dt .stitle { position: relative; overflow: hidden; }
.mainDe .lcolumn .navleft .navmain .ccc dl dt h4 { color: #666; font-size: 16px; cursor: pointer; font-weight: 400; line-height: 50px; height: 50px; display: block; float: left; }
.mainDe .lcolumn .navleft .navmain .ccc dl dt h4 a { color: #666; }
.mainDe .lcolumn .navleft .navmain .ccc dl dt i { width: 15px; font-size: 16px; float: right; color: #999; line-height: 50px; cursor: pointer; }
.mainDe .lcolumn .navleft .navmain .ccc dl dd { border-top: 1px dotted #e5e5e5; padding: 10px; display: none; background: #f4f5f9; }
.mainDe .lcolumn .navleft .navmain .ccc dl dd li { line-height: 30px; padding-left: 5px; }
.mainDe .lcolumn .navleft .navmain .ccc dl dd li a { color: #999; }
.mainDe .lcolumn .lcolumnwechat { background: #fff; margin-top: 30px; position: relative; overflow: hidden; border: 1px solid #004890; box-shadow: 5px 10px 20px #999; }
.mainDe .lcolumn .lcolumnwechat .ltitle { height: 40px; background: #004890; position: relative; width: 240px; }
.mainDe .lcolumn .lcolumnwechat .ltitle strong { color: #fff; line-height: 40px; margin-left: 15px; font-size: 18px; }
.mainDe .lcolumn .lcolumnwechat .wechatmain { padding: 25px; border: 1px solid #004890; }
.mainDe .lcolumn .lcolumnwechat .wechatmain p { text-align: center; color: #999999; }
.mainDe .lcolumn .lcolumnwechat .wechatmain p span { color: #cc0000; }

.listdeshare { margin-top: 20px; }
.listdeshare .share { line-height: 35px; }

.picDe { text-align: center; }
.picDe img { vertical-align: middle; }

/*首页*/
/* banner-css */
.banner { min-width: 1200px; position: relative; overflow: hidden; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd ul { width: 100% !important; }
.banner .bd ul li { width: 100% !important; }
.banner .bd ul li a { width: 100%; display: block; z-index: 1; }
.banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.banner .hd li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 15px; height: 15px; margin: 5px; border-radius: 15px; overflow: hidden; line-height: 9999px; background: #FFFFFF; }
.banner .hd li a { width: 100%; display: block; z-index: 1; }
.banner .hd .on { background: #4b91cb; }

.iWarpper .icontry { position: relative; overflow: hidden; margin-top: 80px; }
.iWarpper .icontry .top { position: relative; overflow: hidden; margin-top: 30px; }
.iWarpper .icontry .top li { float: left; margin: 0 7px 20px 8px; position: relative; }
.iWarpper .icontry .top li .topmain { display: none; }
.iWarpper .icontry .top li a:hover .topmain { display: block; background: #000; background: rgba(0, 0, 0, 0.7); filter: alpha(opacity=70); height: 302px; position: absolute; top: 0; width: 380px; border-radius: 10px; color: #4b91cb; }
.iWarpper .icontry .top li a:hover .topmain .main { margin: 90px 0 0 60px; }
.iWarpper .icontry .top li a:hover .topmain .main img { float: left; margin-right: 10px; }
.iWarpper .icontry .top li a:hover .topmain .main span { font-size: 18px; margin-top: 30px; display: inline-block; }
.iWarpper .icontry .top .con2 { margin: 0 11px 20px 9px; }
.iWarpper .icontry .top .con1 a:hover .topmain { width: 585px; }
.iWarpper .icontry .top .con1 a:hover .topmain .main { margin-left: 180px; }
.iWarpper .icontry .top .con3 a:hover .topmain { width: 380px; }

.countrybar { background: #4b91cb; height: 100px; margin-top: 30px; }
.countrybar .main { position: relative; overflow: hidden; }
.countrybar .main li { float: left; line-height: 100px; color: #fff; font-size: 24px; margin: 0 100px; }
.countrybar .main li a { color: #fff; }
.countrybar .main li a:hover { text-decoration: underline; }
.countrybar .main li img { vertical-align: middle; }
.ipetbar{background: #fab001;}

.ipet { position: relative; overflow: hidden; margin-top: 80px; }
.ipet .title h5 { color: #fab001; background: url(../image/titlebg2.png) no-repeat center; }
/*2018.3.21*/
.ipet .midle { position: relative; overflow: hidden;margin: 30px 0; }
.ipet .midle li { float: left; width: 360px; height:320px;margin: 0 20px;position: relative; background:#f8f8f8;border-radius: 10px; }
.ipet .midle li .cont { margin: 25px 20px 0 20px; }
.ipet .midle li .cont .pic{text-align: center;transition:all .5s;}
.ipet .midle li:hover .pic{transform:translateY(-10px)}
.ipet .midle li .cont p { color: #fab001; line-height: 80px;text-align: center;font-size: 24px;font-weight: 400;}
.ipet .midle li:hover .cont p{text-decoration: underline}
.ipet .midle .con3 .cont p{font-size: 16px;line-height: 28px;margin-top: 8px;height: 85px; overflow: hidden;}




/*/2018.3.21*/
.istory { margin-top: 50px; position: relative; overflow: hidden; }
.istory .istorylist { position: relative; overflow: hidden; margin-top: 30px; }
.istory .istorylist li { float: left; background: #f8f8f8; height: 380px; overflow: hidden; position: relative; margin: 0 10px 30px 10px; border-radius: 10px; }
.istory .istorylist li .cont { padding: 10px 20px; }
.istory .istorylist li .cont h5 { color: #666; font-size: 16px; font-weight: 400; }
.istory .istorylist li .cont p { color: #666; font-size: 16px; line-height: 28px; overflow: hidden; height: 56px; }
.istory .istorylist li p.sTitle { font-size: 23px; font-weight: bold; word-wrap: break-word; color: #3d6aa5; line-height: 34px; background-color: #f3f1f1; }
.istory .istorylist .con1 p.sTitle { width: 300px; height: inherit; padding: 5px 0 0 15px; }
.istory .istorylist .con2 p.sTitle { height: 100px; padding: 20px 0 0 15px; }
.istory .istorylist .con1 { width: 380px; }
.istory .istorylist .con1 .pic:after { display: inline-block; position: absolute; top: 255px; left: 165px; content: ''; background: url(../image/top.png); width: 70px; height: 35px; opacity: 0.9; filter: alpha(opacity=90); }
.istory .istorylist .con1 .cont { position: absolute; bottom: 0; left: 0; background: #f3f1f1; opacity: 0.9; filter: alpha(opacity=90); min-height: 70px; min-width: 380px; }
.istory .istorylist .con2 { width: 780px; }
.istory .istorylist .con2 .pic { float: left; margin-right: 15px; }
.istory .istorylist .con2 .pic:after { display: inline-block; position: absolute; top: 165px; left: 385px; content: ''; background: url(../image/left.png); width: 35px; height: 70px; }
.istory .istorylist .con2 .cont p { height: 140px; }

.sharebar { background: #4b91cb; height: 100px; margin-top: 30px; }
.sharebar .main { position: relative; overflow: hidden; line-height: 100px; color: #fff; font-size: 24px; margin: 0 100px; }
.sharebar .main a { color: #fff; }
.sharebar .main a :hover { text-decoration: underline; }
.sharebar .main img { vertical-align: middle; }

.iPraise .main { position: relative; overflow: hidden; margin-top: 50px; }
.iPraise .main .ltitle { position: relative; overflow: hidden; line-height: 40px; border-bottom: 1px solid #e5e5e5; }
.iPraise .main .ltitle h5 { font-size: 24px; color: #fab001; font-weight: 400; }
.iPraise .main .ltitle h5 a { color: #fab001; }
.iPraise .main .ltitle h5 a:hover { text-decoration: underline; }
.iPraise .main .ltitle .more { position: absolute; right: 10px; top: 0; font-size: 14px; color: #999; }
.iPraise .main .morepra { width: 700px; margin: 0 25px 0 12px; }
.iPraise .main .morepra .ipramain { position: relative; overflow: hidden; margin-top: 30px; }
.iPraise .main .morepra .ipramain li { float: left; width: 225px; margin-right: 5px; position: relative; }
.iPraise .main .morepra .ipramain li .sub { display: none; }
.iPraise .main .morepra .ipramain li:hover .sub { display: block; background: #000; background: rgba(0, 0, 0, 0.7); filter: alpha(opacity=70); height: 280px; position: absolute; top: 0; width: 205px; color: #fff; padding: 10px; }
.iPraise .main .nrwspra { width: 450px; }
.iPraise .main .nrwspra .nrwmain { margin-top: 30px; }
.iPraise .main .nrwspra .nrwmain li { background: #4b91cb; border-radius: 10px; color: #fff; width: 450px; height: 122px; overflow: hidden; margin-bottom: 20px; }
.iPraise .main .nrwspra .nrwmain li .pic { margin-right: 20px; }
.iPraise .main .nrwspra .nrwmain li .cont { color: #fff; margin: 10px 0; }
.iPraise .main .nrwspra .nrwmain li .cont h5 { font-size: 18px; font-weight: 400; line-height: 32px; vertical-align: middle; width: 195px; height: 102px; display: table-cell; }
.iPraise .main .nrwspra .nrwmain li .cont p { line-height: 24px; height: 120px; overflow: hidden; }

.icont { position: relative; margin-top: 50px; background: url(../image/icont.jpg) no-repeat center; height: 275px; color: #fff; text-align: center; background-size: cover; }
.icont .main { position: relative; overflow: hidden; padding-top: 60px; }
.icont .main p { font-size: 22px; line-height: 35px; }
.icont .main .icontcon { border: 2px solid #fab001; width: 150px; height: 40px; line-height: 40px; font-size: 18px; margin-left: 45%; margin-top: 20px; }
.icont .main .icontcon a { color: #fab001; }

/*公司简介*/
.aboutWap .abanner { position: relative; text-align: center; z-index: -1; }
.aboutWap .abonav { position: relative; overflow: hidden; margin: 0 auto; margin-top: -70px; text-align: center; }
.aboutWap .abonav ul { display: inline-block; background: #fff; width: 900px; margin: 0 auto; }
.aboutWap .abonav li { float: left; width: 300px; height: 70px; line-height: 70px; text-align: center; font-size: 20px; }
.aboutWap .abonav li a { color: #666; display: block; }
.aboutWap .abonav li img { vertical-align: middle; margin-right: 5px; }
.aboutWap .abonav li .acon1 { background: url(../image/acon1_1.png) no-repeat center; }
.aboutWap .abonav li.on a { color: #4b91cb; }
.aboutWap .aboutmain { position: relative; overflow: hidden; margin-top: 30px; }
.aboutWap .aboutmain .atitle { text-align: center; }
.aboutWap .aboutmain .atitle h5 { font-size: 36px; font-weight: 400; color: #000; line-height: 60px; }
.aboutWap .aboutmain .atitle p { color: #999; }
.aboutWap .aboutmain .ttitle { margin: 45px auto 30px; border-bottom: 1px solid #999; text-align: center; width: 355px; position: relative; }
.aboutWap .aboutmain .ttitle:before { display: inline-block; position: absolute; bottom: -1.5px; left: -8px; content: ''; background: #333; width: 3px; height: 3px; border-radius: 50%; }
.aboutWap .aboutmain .ttitle:after { display: inline-block; position: absolute; bottom: -1.5px; right: -8px; content: ''; background: #333; width: 3px; height: 3px; border-radius: 50%; }
.aboutWap .aboutmain .ttitle h5 { color: #333; font-size: 30px; line-height: 60px; font-weight: 400; letter-spacing: -1.5px; }
.aboutWap .aboutmain .atopmain { margin-top: 30px; position: relative; overflow: hidden; }
.aboutWap .aboutmain .atopmain .pic { float: left; margin-right: 30px; }
.aboutWap .aboutmain .atopmain .cont { color: #666; font-size: 16px; line-height: 30px; }
.aboutWap .aboutmain .abot { margin-top: 80px; }
.aboutWap .aboutmain .abot ul { margin: 30px 0; }
.aboutWap .aboutmain .abot li { height: 70px; margin-bottom: 15px; color: #fff; line-height: 70px; font-size: 16px; }
.aboutWap .aboutmain .abot li img { vertical-align: middle; margin: 0 60px; }
.aboutWap .aboutmain .abot .abotcon1 { background: url(../image/about_3.jpg) no-repeat center; }
.aboutWap .aboutmain .abot .abotcon2 { background: url(../image/about_4.jpg) no-repeat center; }


.aboutWap .aboutmain .teamnav { width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.aboutWap .aboutmain .teamnav li{ height: 200px; text-align: center; float: left; background: #4b91cb; 
color: #fff; margin: 50px 0 50px 70px;display: inline;zoom: 1; }
.aboutWap .aboutmain .teamnav li .lbody{ width: 200px;}
.aboutWap .aboutmain .teamnav li img { margin-top: 30px; transition: all .5s; }
.aboutWap .aboutmain .teamnav li a { color: #fff; transition: all .5s; display: block; }
.aboutWap .aboutmain .teamnav li p { font-size: 20px; margin-top: 10px; }
.aboutWap .aboutmain .teamnav li .teambody{display: none;}
.aboutWap .aboutmain .teamnav li:hover .teambody{display: block;width: 340px;height:198px;position: absolute;top: 50px;background: #fff;
border: 1px solid #4b91cb;color: #666;font-size: 14px;z-index: 99;}
.aboutWap .aboutmain .teamnav li:hover .con{left:270px ;}
.aboutWap .aboutmain .teamnav li:hover .con1{left:540px ;border: 1px solid #fab001;}
.aboutWap .aboutmain .teamnav li:hover .con2{left:810px ;}
.aboutWap .aboutmain .teamnav li:hover .con3{right:320px ;border: 1px solid #fab001;}


.aboutWap .aboutmain .teamnav li:hover .teambody p{font-size: 14px;margin: 15px;text-align: left;}
.aboutWap .aboutmain .teamnav .tit { background: #fab001; }
.aboutWap .aboutmain .teamnav li:hover img { transform: translateX(-20px); }
.aboutWap .aboutmain .teamnav li:hover a { transform: translateX(-20px); }



.aboutWap .aboutmain .teammain { margin-bottom: 80px; }
.aboutWap .aboutmain .teammain .main { position: relative; overflow: hidden; margin-left: 35px; }
.aboutWap .aboutmain .teammain .main li { float: left; width: 250px; background: #f1f2f9; height: 240px; border: 1px solid #e5e5e5; margin: 30px 15px 0 15px; }
.aboutWap .aboutmain .teammain .main li .pic { width: 250px; height: 200px; }
.aboutWap .aboutmain .teammain .main li p { color: #666; line-height: 40px; margin-left: 10px; }
.aboutWap .aboutmain .teammain .teamDemain { position: relative; overflow: hidden; padding-bottom: 80px; margin: 20px auto; text-align: center; }
.aboutWap .aboutmain .teammain .teamDemain .pic { margin: 20px 0; }
.aboutWap .aboutmain .teammain .teamDemain p { color: #999; text-align: left; line-height: 28px; }


.aboutWap .aboutmain .recruit { position: relative; overflow: hidden; padding: 30px 0; width: 1180px; margin: 0 auto; }
.aboutWap .aboutmain .recruit .main{position: relative;overflow: hidden;}
.aboutWap .aboutmain .recruit .main .con1{float: left;width: 305px;padding: 15px;margin-right:45px;}
.aboutWap .aboutmain .recruit .main .con3{margin: 0;}
.aboutWap .aboutmain .recruit .main .con1 li{box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);width: 303px;border: 1px solid #e5e5e5; padding: 15px;margin-bottom: 45px;/*height: 310px;*/position: relative;}
.aboutWap .aboutmain .recruit .main .con1 li:hover{border: 1px solid　#fab001;}
.aboutWap .aboutmain .recruit .main li h5 { font-size: 18px; line-height: 35px; font-weight: 400; margin-bottom: 5px; color: #fab001;}
.aboutWap .aboutmain .recruit .main li:hover h5{color: #fab001;}
.aboutWap .aboutmain .recruit .main li p { color: #666; line-height: 24px;/* height: 240px; */overflow: hidden; }
.aboutWap .aboutmain .recruit .main li .reply { width: 120px; height: 40px; line-height: 40px; text-align: center; background: #4b91cb; font-size: 18px; color: #fff; margin-top: 10px; margin-bottom: 20px;}
.aboutWap .aboutmain .recruit .main li .reply a { color: #fff; }
.aboutWap .aboutmain .recruit .main li .redeicon { width: 120px; height: 40px; line-height: 40px; text-align: center; background: #fab001; font-size: 18px; 
color: #fff; position:absolute; left: 50%;margin-left: -60px;}

/*.aboutWap .aboutmain .recruit li { float: left; width: 315px; background: #f1f2f9; margin: 0 20px 20px 0; *margin: 0 15px 20px 0; padding: 20px; text-align: left; }
.aboutWap .aboutmain .recruit li:nth-child(3n) { margin-right: 0; }
.aboutWap .aboutmain .recruit li h5 { font-size: 18px; line-height: 35px; font-weight: 400; margin-bottom: 5px; }
.aboutWap .aboutmain .recruit li .line { height: 1px; background: #fab001; width: 60px; margin-bottom: 5px; }
.aboutWap .aboutmain .recruit li p { color: #666; line-height: 24px; height: 144px; overflow: hidden; }
.aboutWap .aboutmain .recruit li .reply { width: 120px; height: 40px; line-height: 40px; text-align: center; background: #fab001; font-size: 18px; color: #fff; margin-top: 10px; }
.aboutWap .aboutmain .recruit li .reply a { color: #fff; }*/
.aboutWap .aboutmain .pang { width: 1100px; }

/*宠物移民*/
.learnWap .ltitle { line-height: 55px; font-size: 20px; color: #000; }
.learnWap .coushare { margin-top: 30px; }
/*2018.3.19*/
.learnWap .coushare .main { position: relative; overflow: hidden; height: 440px; background: #f8f8f8; border-radius: 10px; }
.learnWap .coushare .main .pic { float: left; margin-right: 20px; }
.learnWap .coushare .main .cont { margin: 10px 20px; }
.learnWap .coushare .main .cont h5 { font-size: 16px; color: #666; font-weight: 400; line-height: 30px; }
.learnWap .coushare .main .cont p { color: #666; font-size: 16px; line-height: 24px; }
/*2018.3.19*/
.learnWap .coupro { margin-top: 30px; }
.learnWap .coupro .main { border-top: 1px dashed #e5e5e5; }
.learnWap .coupro .main .scont { position: relative; }
.learnWap .coupro .main .scont dl { border-bottom: 1px dashed #e5e5e5; background: #fff; }
.learnWap .coupro .main .scont dl dt { position: relative; overflow: hidden; zoom: 1; }
.learnWap .coupro .main .scont dl dt .pic { position: relative; overflow: hidden; cursor: pointer; }
.learnWap .coupro .main .scont dl dt .pic .piccon { float: left; width: 33px; height: 32px; line-height: 60px; text-align: center; margin: 14px 0 0 15px; }
.learnWap .coupro .main .scont dl dt .pic .piccon img { vertical-align: middle; }
.learnWap .coupro .main .scont dl dt .pic span { float: left; font-size: 22px; line-height: 52px; margin: 0 20px; color: #4b91cb; }
.learnWap .coupro .main .scont dl dt .pic .more { float: right; margin-right: 30px; cursor: pointer; }
.learnWap .coupro .main .scont dl dt .pic .more i { font-size: 40px; line-height: 60px; color: #4b91cb; }
.learnWap .coupro .main .scont dl dd { border-top: 1px dotted #e5e5e5; padding: 10px; display: none; background: #f8f8f8; }
.learnWap .coupro .main .scont dl dd p { margin: 15px; }
.learnWap .learnmian { position: relative; overflow: hidden; margin: 30px 0; }
.learnWap .learnmian .brirf { margin: 15px 0; line-height: 30px; font-size: 16px; color: #666; position: relative; overflow: hidden; }
.learnWap .learnmian .brirf img { padding-right: 10px; }
.learnWap .learnmian .brirf .pic { margin-right: 20px; }
.learnWap .learnmian .brirf h5 { font-size: 18px; line-height: 45px; font-weight: 400; }
.learnWap .learnmian .coutype { margin-top: 30px; }
.learnWap .learnmian .coutype .main { position: relative; overflow: hidden; }
.learnWap .learnmian .coutype .main .pic { margin-right: 15px; }
.learnWap .learnmian .coutype .main .cont { font-size: 16px; line-height: 30px; color: #999; }
.learnWap .learnmian .coutype .main .cont a { color: #999; }
/*2018.3.16*/
.learnWap .learnmian .couser { margin: 30px 0; }
.learnWap .learnmian .couser .main { position: relative; overflow: hidden; padding-top: 20px;background: url(../image/bgcur.jpg) no-repeat center;min-height: 260px;}
.learnWap .learnmian .couser .main li { float: left; text-align: center; margin:0 10px; }
.learnWap .learnmian .couser .main li .pic{width: 180px;height: 180px;overflow: hidden;border-radius: 100%;transition:all .5s;}
.learnWap .learnmian .couser .main li:hover .pic{transform:translateY(-20px)}
.learnWap .learnmian .couser .main li p { line-height: 35px; font-size: 16px; color: #666; }
.learnWap .learnmian .couser .main li p a { color: #666; }
.learnWap .learnmian .couser .main li:hover p{color: #4b91cb;}
.learnWap .learnmian .couser .main .con1{margin-top: 85px;}
.learnWap .learnmian .couser .main .con{margin-top: 15px;}
.learnWap .learnmian .couser .main .con2{margin-top: 45px;}
/*/2018.3.16*/
.learnWap .learnmian .plan { margin-top: 30px; }
.learnWap .learnmian .plan p { color: #666; font-size: 16px; }
.learnWap .learnmian .plan .planbtn { color: #fff; width: 120px; height: 40px; line-height: 40px; background: #4b91cb; margin: 10px 0; text-align: center; font-size: 16px; display: inline-block; }
.learnWap .learnmian .plan .planbtn a { color: #fff; }

.learnWap .learnmian .petzc { margin-top: 30px; }
.learnWap .learnmian .petzc .main { position: relative; overflow: hidden; }
.learnWap .learnmian .petzc .main li { float: left; width: 320px; height: 250px; margin-right: 30px; }
.learnWap .learnmian .petzc .main li .pic { position: relative; }
.learnWap .learnmian .petzc .main li .pic .picbtn { position: absolute; bottom: 0; left: 0; opacity: 0.8; filter: alpha(opacity=80); background: #000; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; }
.learnWap .learnmian .counews { margin-top: 30px; }
.learnWap .learnmian .counews .main { background: #f8f8f8; padding-bottom: 30px; }
.learnWap .learnmian .counews .bxbox { background: #f8f8f8; position: relative; overflow: hidden; padding: 20px 0 0 20px; }
.learnWap .learnmian .counews .bxbox li { background: #fff; border: 1px solid #e5e5e5; width: 360px; float: left; margin: 0 30px 30px 0; }
.learnWap .learnmian .counews .bxbox li .cont { margin: 20px; }
.learnWap .learnmian .counews .bxbox li .cont h5 { font-size: 18px; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-weight: 400; }
.learnWap .learnmian .counews .bxbox li .cont h5 span { color: #999; font-size: 14px; }
.learnWap .learnmian .counews .bxbox li .cont p { line-height: 24px; height: 72px; overflow: hidden; color: #666; }
.learnWap .learnmian .counews .pageBtn { width: 1200px; }
.learnWap .learnmian .counews .pageBtn .list { overflow: hidden; zoom: 1; margin: 10px 0 0 553px; }
.learnWap .learnmian .counews .pageBtn .list li { background: #cddeed; float: left; display: inline; width: 15px; height: 15px; cursor: pointer; margin-left: 10px; line-height: 15px; overflow: hidden; border-radius: 15px; }
.learnWap .learnmian .counews .pageBtn .list li.on { background: #4b91cb; }
.learnWap .learnmian .coumore { margin-top: 30px; }
.learnWap .learnmian .coumore .picScroll { width: 1200px; }
.learnWap .learnmian .coumore .picScroll .bd { position: relative; }
.learnWap .learnmian .coumore .picScroll .prev { position: absolute; top: 91px; left: -27px; display: block; width: 27px; height: 43px; background: url(../image/pre.png); z-index: 9; overflow: hidden; }
.learnWap .learnmian .coumore .picScroll .next { position: absolute; top: 91px; right: -27px; display: block; width: 27px; height: 43px; background: url(../image/prenext.png); z-index: 9; overflow: hidden; }
.learnWap .learnmian .coumore .picScroll .scrollWrap { padding-left: 5px; }
.learnWap .learnmian .coumore .picScroll ul { overflow: hidden; zoom: 1; }
.learnWap .learnmian .coumore .picScroll ul li { width: 225px; height: 225px; margin: 10px 15px 10px 0; position: relative; float: left; display: inline; }
.learnWap .learnmian .coumore .picScroll ul li .pic { position: relative; display: block; overflow: hidden; margin-bottom: 6px; }
.learnWap .learnmian .coumore .picScroll ul li .pic img { display: block; }

/*2018.3.29*/
.learnWap .learnmian .main{position: relative;overflow: hidden;}
.learnWap .learnmian .ebook {  margin: 30px 30px 0 0;width: 760px;float: left; }
.learnWap .learnmian .ebook h5 { font-size: 24px; line-height: 65px; color: #333; font-weight: 400; }
.learnWap .learnmian .ebook p { color: #999; line-height: 24px; }
.learnWap .learnmian .ebook .pic { text-align: center; margin-bottom: 10px; }
.learnWap .learnmian .ebook .ebookbtn { position: relative; overflow: hidden; padding: 30px 0; }
.learnWap .learnmian .ebook .ebookbtn a { display: block; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; width: 120px; float: left; }
.learnWap .learnmian .ebook .ebookbtn .down { background: #4b91cb; margin-right: 30px; }
.learnWap .learnmian .ebook .ebookbtn .offer { background: #fab001; }
.learnWap .learnmian .main .offnew { width: 300px;margin-top: 45px; }
.learnWap .learnmian .main .offnew h5 { font-size: 20px; line-height: 40px; font-weight: 400; text-align: center;}
.learnWap .learnmian .main .offnew p { line-height: 28px; color: #999;overflow: hidden;text-align: center; }
.learnWap .learnmian .main .offnew .list { margin: 10px 0 15px 0; }
.learnWap .learnmian .main .offnew .list li { line-height: 35px; font-size: 18px;text-align: center; }
.learnWap .learnmian .main .offnew .list li a { color: #4b91cb; }
.learnWap .learnmian .main .offnew .bot { border-top: 1px solid #e5e5e5; padding-top: 15px; }
/*/2018.3.29*/
.learnWap .learnmian .country { margin-top: 30px; }
.learnWap .learnmian .country h5 { font-size: 20px; color: #333; font-weight: 400; }
.learnWap .learnmian .country .all { margin: 10px 0; }
.learnWap .learnmian .country .all span { display: inline; margin: 0 10px; font-size: 20px; line-height: 35px; }
.learnWap .learnmian .country .type h5 { margin-top: 20px; }
.learnWap .learnmian .country .type p { line-height: 35px; font-size: 16px; color: #666; }
.learnWap .learnmian .country p a { line-height: inherit; color: #003398; cursor: pointer; text-decoration: underline; }
.learnWap .learnmian .country p a:hover { text-decoration: none; }
.learnWap .learnmian .pettas { margin-top: 30px; }
.learnWap .learnmian .pettas .main { position: relative; overflow: hidden; }
.learnWap .learnmian .pettas .main li { float: left; width: 150px; height: 150px; border-radius: 150px; text-align: center; background: #4b91cb; margin-right: 30px; }
.learnWap .learnmian .pettas .main li a { display: block; margin: 0 15px; }
.learnWap .learnmian .pettas .main li img { margin-top: 35px; }
.learnWap .learnmian .pettas .main li p { font-size: 20px; color: #fff; padding: 5px 10px; line-height: 26px; }
.learnWap .learnmian .pettas .main .con1 { background: #fab001; }
.learnWap .catmain { margin: 0 0 50px 0; }

.servicemian { position: relative; overflow: hidden; margin-top: 30px; }
.servicemian .main { margin-bottom: 50px; }
.servicemian .main li { position: relative; overflow: hidden; margin-top: 30px; border-bottom: 1px solid #dcdcdc; padding-bottom: 30px; }
.servicemian .main li:last-child { border-bottom: none; }
.servicemian .main li .pic { float: left; width: 350px; height: 230px; margin-right: 40px; }
.servicemian .main li .cont { margin-right: 30px; }
.servicemian .main li .cont h5 { font-size: 32px; color: #4b91cb; line-height: 55px; font-weight: 400; }
.servicemian .main li .cont p { font-size: 18px; color: #666; line-height: 35px; }

/*故事好评*/
.goodWap { position: relative; overflow: hidden; }
.goodWap .top { background: #f5f5f5; width: 100%; height: 298px; }
.goodWap .top .main { position: relative; overflow: hidden; padding-top: 20px; }
.goodWap .top .main .goodso { width: 880px; }
.goodWap .top .main .goodso .inputSearch { background: #fff; height: 50px; padding: 0 0px; position: relative; margin-bottom: 20px; }
.goodWap .top .main .goodso .inputSearch input { height: 50px; width: 100%; padding-left: 15px; -webkit-appearance: none; }
.goodWap .top .main .goodso .inputBtn { height: 40px; position: absolute; right: 10px; top: 0; width: 40px; text-align: center; }
.goodWap .top .main .goodso .inputBtn img { margin-top: 11px; }
.goodWap .top .main .goodso .type { position: relative; overflow: hidden; }
.goodWap .top .main .goodso .type .cou { color: #333; font-size: 18px; }
.goodWap .top .main .goodso .type .couValues { position: relative; overflow: hidden; margin: 10px 0; }
.goodWap .top .main .goodso .type .couValues li { float: left; margin-right: 20px; font-size: 16px; color: #666; padding: 5px 10px; }
.goodWap .top .main .goodso .type .couValues li a { color: #666; }
.goodWap .top .main .goodso .type .couValues li.on a { color: #4b91cb; }

.goodWap .top .main .goodso .storytype { border: 1px solid #e5e5e5; height: 50px; width: 455px; float: left;}
.goodWap .top .main .goodso .storytype li { float: left; line-height: 50px; text-align: center; width: 150px; border-right: 1px solid #e5e5e5; font-size: 16px; }
.goodWap .top .main .goodso .storytype li a { color: #666; }
.goodWap .top .main .goodso .storytype li.on { background: #fff; }
.goodWap .top .main .goodso .storytype li.on a { color: #4b91cb; }
.goodWap .top .main .goodso .storytype li:last-child { border-right: none; }
.goodWap .bot { margin: 30px 0; position: relative; overflow: hidden; }
.goodWap .bot .main { margin: 0 10px; }
.goodWap .bot .main li { float: left; width: 225px; margin-right: 10px; }
.goodWap .bot .main li .sub { display: none; }
.goodWap .bot .main li:hover .sub { display: block; background: #000; background: rgba(0, 0, 0, 0.7); filter: alpha(opacity=70); height: 280px; position: absolute; top: 0; width: 205px; color: #fff; padding: 10px; }
.goodWap .bot .storylist { position: relative; overflow: hidden; margin-top: 30px; }
.goodWap .bot .storylist li { float: left; background: #f8f8f8; height: 380px; overflow: hidden; position: relative; margin: 0 0px 30px 0; border-radius: 10px; }
.goodWap .bot .storylist li .cont { padding: 10px 20px; }
.goodWap .bot .storylist li .cont h5 { font-size: 16px; font-weight: 400; color: #333; line-height: 30px; }
.goodWap .bot .storylist li .cont p { color: #666; font-size: 16px; line-height: 28px; overflow: hidden; height: 280px; }
.goodWap .bot .storylist .con2 .pic { float: left; margin-right: 15px; }
.goodWap .bot .storylist .con2 .pic:after { display: inline-block; position: absolute; top: 165px; left: 385px; content: ''; background: url(../image/left.png); width: 35px; height: 70px; }
.goodWap .bot .storylist .con3 .cont { width: 700px; float: left; margin-right: 15px; }
.goodWap .bot .storylist .con3 .pic { float: left; }
.goodWap .bot .storylist .con3 .pic:after { display: inline-block; position: absolute; top: 165px; right: 385px; content: ''; background: url(../image/right.png); width: 35px; height: 70px; }
.goodWap .bot .stoydemain { background: #f4f4f4; padding: 30px; color: #333; }
.goodWap .bot .stoydemain h5 { font-size: 16px; font-weight: 400; color: #666; line-height: 30px; }
.goodWap .bot .stoydemain .details { font-size: 16px; color: #666; }
.goodWap .bot .proPicGroup { position: relative; margin: 0 auto; padding-top: 30px; cursor: pointer; }
.goodWap .bot .proPicGroup .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; width: 950px; }
.goodWap .bot .proPicGroup .bd ul { width: 950px; }
.goodWap .bot .proPicGroup .bd ul li { width: 950px; height: 530px; overflow: hidden; text-align: center; }
.goodWap .bot .proPicGroup .bd ul li a { display: block; height: 530px; }
.goodWap .bot .proPicGroup span { position: absolute; top: 290px; width: 40px; height: 40px; text-align: center; }
.goodWap .bot .proPicGroup span i { display: block; font-size: 35px; cursor: pointer; color: #5697d1; line-height: 40px; }
.goodWap .bot .proPicGroup span.prev { left: 0; position: absolute; top: 250px; display: block; width: 27px; height: 43px; background: url(../image/pre.png); z-index: 9; overflow: hidden; }
.goodWap .bot .proPicGroup span.next { right: 0; position: absolute; top: 250px; display: block; width: 27px; height: 43px; background: url(../image/prenext.png); z-index: 9; overflow: hidden; }
.goodWap .bot .othermain { position: relative; overflow: hidden; width: 1180px; margin: 0 auto; }
.goodWap .bot .othermain li { float: left; width: 100px; margin-right: 5px; }

.sharemain { position: relative; overflow: hidden; margin: 30px 0; }
.sharemain .main h5 { font-size: 30px; font-weight: 400; line-height: 60px; text-align: center; color: #4b91cb; border-bottom: 1px dashed #e5e5e5; }
.sharemain .main .form { position: relative; overflow: hidden; }
.sharemain .main .form .item { float: left; margin: 20px 20px 0 0; border: 1px solid #ddd; width: 570px; position: relative; overflow: hidden; cursor: pointer; border-radius: 5px; }
.sharemain .main .form .item label { width: 70px; color: #666; float: left; height: 40px; line-height: 40px; margin-left: 10px; }
.sharemain .main .form .item .inpt { height: 40px; line-height: 40px; float: left; border-radius: 5px; width: 490px; color: #999; }
.sharemain .main .form .item select { height: 40px; line-height: 40px; float: left; border-radius: 5px; width: 285px; color: #999; border: 0; }
.sharemain .main .form .item input { border: 0; }
.sharemain .main .form .item textarea { border: 0; resize: none; width: 1130px; height: 200px; float: left; overflow-y: hidden; padding: 8px 0 0 10px; }
.sharemain .main .form .item .up { padding: 120px 0 30px 30px; }
.sharemain .main .form .item .up span { display: inline; color: #999; margin-left: 10px; }
.sharemain .main .form .item1 { width: 1160px; }
.sharemain .main .form .item1 .inpt { width: 1080px; }
.sharemain .main .form .item_t { width: 1160px; }
.sharemain .main .form .item_bz { border: none; }
.sharemain .main .form .item_bz label { color: #4b91cb; font-size: 16px; float: none; }
.sharemain .main .form .item3 { width: 372px; }
.sharemain .main .form .item3 .inpt { width: 285px; }
.sharemain .main .btn { margin: 40px auto; position: relative; overflow: hidden; width: 280px; }
.sharemain .main .btn input { background: #4b91cb; width: 280px; height: 40px; line-height: 40px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; }

/*资讯*/
.newsWap { position: relative; overflow: hidden; }
.newsWap .nbanner { position: relative; overflow: hidden; background: url(../image/newsbanner.jpg) no-repeat center; height: 179px; width: 100%; }
.newsWap .nbanner .consu { position: absolute; right: 30px; top: 75px; overflow: hidden; color: #fff; background: #4b91cb; width: 200px; height: 40px; line-height: 40px; font-size: 18px; padding: 0 10px; }
.newsWap .nbanner .consu a { color: #fff; }
.newsWap .nbanner .consu img { vertical-align: middle; }
.newsWap .newsmain { position: relative; overflow: hidden; background: #f6f6f6; }
.newsWap .newsmain .type { position: relative; overflow: hidden; }
.newsWap .newsmain .type .cou { color: #333; font-size: 18px; }
.newsWap .newsmain .type .couValues { position: relative; overflow: hidden; margin: 15px 0; }
.newsWap .newsmain .type .couValues li { float: left; margin-right: 20px; font-size: 16px; color: #999; padding: 5px 10px; }
.newsWap .newsmain .type .couValues li a { color: #666; }
.newsWap .newsmain .type .couValues li.on { background: #fab001; }
.newsWap .newsmain .type .couValues li.on a { color: #fff; }
.newsWap .newsmain .nmain { background: #fff; position: relative; overflow: hidden; margin-bottom: 60px; }
.newsWap .newsmain .main { position: relative; overflow: hidden; background: #fff; padding: 20px 0 0 20px; }
.newsWap .newsmain .main li { background: #fff; border: 1px solid #e5e5e5; width: 360px; float: left; margin: 0 30px 30px 0; position: relative; overflow: hidden; }
.newsWap .newsmain .main li a { display: block; }
.newsWap .newsmain .main li .cont { margin: 20px; }
.newsWap .newsmain .main li .cont h5 { font-size: 18px; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-weight: 400; }
.newsWap .newsmain .main li .cont h5 span { color: #999; font-size: 14px; }
.newsWap .newsmain .main li .cont p { line-height: 24px; height: 72px; overflow: hidden; color: #666; }
.newsWap .newsmain .main li .pic:after { display: inline-block; position: absolute; top: 140px; left: 15px; content: ''; background: url(../image/bot.png); width: 70px; height: 35px; }
.newsWap .newsDemain { position: relative; overflow: hidden; background: #f6f6f6; padding-bottom: 80px; }
.newsWap .newsDemain .main { position: relative; overflow: hidden; }
.newsWap .newsDemain .main .cont { float: left; background: #fff; width: 880px; padding: 40px; font-size: 16px; line-height: 28px; }
.newsWap .newsDemain .main .cont h5 { font-size: 24px; line-height: 35px; font-weight: 400; margin-bottom: 20px; }
.newsWap .newsDemain .main .cont img { margin: 10px 10px; }
.newsWap .newsDemain .main .arrow { float: left; width: 50px; background: #fff; margin: 20px 0 0 90px; }
.newsWap .newsDemain .main .arrow li { text-align: center; }

/*咨询专家*/
.shareWap { position: relative; overflow: hidden; }
.shareWap .cbanner { background: url(../image/consubanner.jpg) no-repeat center; height: 300px; width: 100%; }
.shareWap .cbanner h5 { text-align: center; font-size: 48px; color: #fff; line-height: 80px; padding-top: 60px; font-weight: 400; }
.shareWap .cbanner p { text-align: center; font-size: 18px; color: #fff; line-height: 35px; }

/*咨询专家*/
.offerWap { position: relative; overflow: hidden; }
.offerWap .cbanner { background: url(../image/offerbanner.jpg) no-repeat center; height: 300px; width: 100%; }
.offerWap .cbanner h5 { text-align: center; font-size: 48px; color: #fff; line-height: 80px; padding-top: 60px; font-weight: 400; }
.offerWap .cbanner p { text-align: center; font-size: 18px; color: #fff; line-height: 35px; }
.offerWap .offer { margin: 30px 0; }
.offerWap .offer .main { position: relative; overflow: hidden; }
.offerWap .offer .main .offinfor { width: 860px; margin-right: 30px; }
.offerWap .offer .main .offinfor .infor { margin-bottom: 30px; position: relative; overflow: hidden; }
.offerWap .offer .main .offinfor h5 { font-size: 20px; font-weight: 400; line-height: 40px; }
.offerWap .offer .main .offinfor .informain { border: 2px solid #e5e5e5; padding: 10px 0; position: relative; overflow: hidden; }
.offerWap .offer .main .offinfor .informain .item { width: 100%; margin: 10px 0; position: relative; overflow: hidden; cursor: pointer; border-radius: 5px; }
.offerWap .offer .main .offinfor .informain .item label { width: 80px; color: #666; float: left; height: 40px; line-height: 40px; margin-left: 10px; }
.offerWap .offer .main .offinfor .informain .item label span { color: #ff0000; }
.offerWap .offer .main .offinfor .informain .item .inpt { height: 40px; line-height: 40px; float: left; border-radius: 5px; width: 730px; color: #999; padding-left: 10px; }
.offerWap .offer .main .offinfor .informain .item select { height: 40px; line-height: 40px; float: left; border-radius: 5px; width: 310px; color: #999; border: 0; border: 1px solid #e5e5e5; }
.offerWap .offer .main .offinfor .informain .item input { border: 1px solid #e5e5e5; }
.offerWap .offer .main .offinfor .informain .item textarea { border: 0; resize: none; width: 800px; height: 200px; border: 1px solid #e5e5e5; float: left; margin-left: 15px; overflow-y: hidden; padding: 8px 0 0 10px; }
.offerWap .offer .main .offinfor .informain .item .up { padding: 120px 0 30px 30px; }
.offerWap .offer .main .offinfor .informain .item .up span { display: inline; color: #999; margin-left: 10px; }
.offerWap .offer .main .offinfor .informain .item1 { float: left; width: 50%; }
.offerWap .offer .main .offinfor .informain .item1 .inpt { width: 300px; }
.offerWap .offer .main .offinfor .informain .item2 { float: left; width: 50%; }
.offerWap .offer .main .offinfor .informain .item2 .inpt { width: 240px; margin-right: 10px; }
.offerWap .offer .main .offinfor .informain .item2 select { width: 50px; }
.offerWap .offer .main .offinfor .informain .item3 { float: left; width: 33%; }
.offerWap .offer .main .offinfor .informain .item3 .inpt { width: 165px; margin-right: 10px; }
.offerWap .offer .main .offinfor .informain .item4 label { width: 95px; }
.offerWap .offer .main .offinfor .informain .item4 select { width: 722px; }
.offerWap .offer .main .offinfor .informain .item_bz { border: none; margin-left: 10px; }
.offerWap .offer .main .offinfor .informain .item_bz label { color: #4b91cb; font-size: 16px; float: none; }
.offerWap .offer .main .offinfor .addbtn { background: #f5f5f5; width: 130px; height: 40px; line-height: 40px; text-align: center; float: right; margin-top: 10px; }
.offerWap .offer .main .offinfor .addbtn a { display: block; }
.offerWap .offer .main .offinfor .btn { margin: 40px auto; position: relative; overflow: hidden; width: 280px; }
.offerWap .offer .main .offinfor .btn input { background: #4b91cb; width: 280px; height: 40px; line-height: 40px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; }
.offerWap .offer .main .offnew { width: 300px; }
/*2018.3.15*/
.offerWap .offer .main .offnew h5 { font-size: 20px; line-height: 40px; font-weight: 400; text-align: center;}
.offerWap .offer .main .offnew p { line-height: 28px; color: #999;overflow: hidden;text-align: center; }
.offerWap .offer .main .offnew .list { margin: 10px 0 15px 0; }
/*/2018.3.15*/
.offerWap .offer .main .offnew .list li { line-height: 35px; font-size: 18px;text-align: center; }
.offerWap .offer .main .offnew .list li a { color: #4b91cb; }
.offerWap .offer .main .offnew .bot { border-top: 1px solid #e5e5e5; padding-top: 15px; }

/*联系我们*/
.contactWap { position: relative; overflow: hidden; }
.contactWap .cbanner { background: url(../image/contbanner.jpg) no-repeat center; height: 300px; width: 100%; }
.contactWap .cbanner h5 { text-align: center; font-size: 48px; color: #fff; line-height: 80px; padding-top: 60px; font-weight: 400; }
.contactWap .cbanner p { text-align: center; font-size: 18px; color: #fff; line-height: 35px; }
.contactWap .form { position: relative; overflow: hidden; }
.contactWap .form .item { float: left; margin: 30px 20px 0 0; border: 1px solid #ddd; width: 370px; position: relative; overflow: hidden; height: 40px; line-height: 40px; }
.contactWap .form .item i { float: left; display: block; margin: 8px 0 0 8px; }
.contactWap .form .item .inpt { float: left; border-radius: 5px; padding-left: 6px; line-height: 40px; width: 86%; height: 40px; }
.contactWap .form .item input { border: 0; }
.contactWap .form .item textarea { border: 0; resize: none; width: 1110px; height: 200px; float: left; overflow-y: hidden; padding: 8px 0 0 10px; }
.contactWap .form .item_t { width: 1155px; height: 220px; }
.contactWap .btn { margin: 40px auto; position: relative; overflow: hidden; width: 280px; }
.contactWap .btn input { background: #4b91cb; width: 280px; height: 40px; line-height: 40px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; }
.contactWap .top { border: 1px solid #e5e5e5; height: 240px; background: #fff; position: relative; overflow: hidden; margin-bottom: 50px; }
.contactWap .top li { border-bottom: 1px solid #e5e5e5; height: 60px; line-height: 60px; font-size: 18px; color: #666; }
.contactWap .top li:last-child { border-bottom: none; }
.contactWap .top li .con1 { width: 150px; text-align: center; background: #4b91cb; color: #fff; margin-right: 20px; }

/*2018.1.30*/
.learnWap .coupro .main .scont dl dd .chindemain { position: relative; overflow: hidden; }
.learnWap .coupro .main .scont dl dd .chindemain .contde { width: 820px; margin-right: 30px; }
.learnWap .coupro .main .scont dl dd .chindemain .contbuiocn { width: 290px; background: #4b91cb; padding: 10px 15px; margin-top: 15px; color: #fff; }
.learnWap .coupro .main .scont dl dd .chindemain .contbuiocn li { color: #fff; line-height: 28px; font-size: 16px; }
.learnWap .coupro .main .scont dl dd .chindemain .contbuiocn li a { color: #fff; }
.goodWap .bot .storylist li .cont h5 { color: #666; }
.goodWap .top .main .share { float: left;width: 320px;margin-left: 60px;}
/*/2018.1.30*/

/*2018.2.2*/
.learnWap .ltitle { font-size: 26px; color: #4b91cb; line-height: 65px; }
.learnWap .ltitle a { color: #4b91cb; }
.learnWap .ltitle a:hover { color: #4b91cb; text-decoration: underline; }
.learnWap .learnmian .pettas .main li { float: left; width: 320px; height: 70px; text-align: center; background: #4b91cb; margin-right: 30px; margin-bottom: 30px; border-radius: 10px; }
.learnWap .learnmian .pettas .main li img { display: none; }
.learnWap .learnmian .pettas .main li p { font-size: 20px; color: #fff; vertical-align: middle; width: 320px; height: 70px; display: table-cell; text-align: center; padding: 0; }
/*/2018.2.2*/


/*2018.2.28*/


.istory .istorylist .con1 .cont .sTitle { font-size: 20px; line-height: 30px; font-weight: 600; color: #4b91cb; width: 320px; word-break: break-all; }
.istory .istorylist .con2 .cont { padding: 0; float: left; width: 360px; }
.istory .istorylist .con2 .cont .top { margin: 25px 15px 0 15px; line-height: 28px; font-size: 16px; }
.istory .istorylist .con2 .cont .middle { margin: 5px 15px 43px 15px; line-height: 28px; font-size: 16px; height: 218px; overflow: hidden; }
.istory .istorylist .con2 .cont .bot { font-size: 20px; line-height: 32px; font-weight: 600; color: #4b91cb; width: 320px; background: #ddd; height: 84px; padding: 15px 20px; }
.istory .istorylist .con2 .pic { margin-right: 0; }
/*2018.2.28*/
.ipet .boticon{position: relative;overflow: hidden;}
.ipet .bot { position: relative; overflow: hidden; background: url(../image/ibar1.png) no-repeat; width: 650px; height: 150px; float: left;margin-left: 20px;}
.ipet .bot:hover{background: url(../image/ibar1-1.png) no-repeat;}
.ipet .bot .main { margin-top: 40px; }
.ipet .bot .main .title { color: #fab001; font-size: 22px; text-align: center; line-height: 35px; margin-left: 45px; }
.ipet .bot .main .cont { color: #fff; font-size: 18px; line-height: 70px; margin-left: 65px; }
.ipet .bot .main .title a { color: #fab001; }
.ipet .bot .main .cont a { color: #fff; }
.ipet .bot2 { position: relative; overflow: hidden; background: url(../image/ibar2.png) no-repeat; width:505px; height: 150px; float: left;margin-left: -20px;}
.ipet .bot2:hover{background: url(../image/ibar2-2.png) no-repeat;}
.ipet .bot2 .main .title{ margin-left: 35px;}
.learnWap .coushare .main .proPicGroup { position: relative; padding-top: 30px; cursor: pointer;width: 600px; float:left}
.learnWap .coushare .main .proPicGroup .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; width: 600px; }
.learnWap .coushare .main .proPicGroup .bd ul { width: 600px; }
.learnWap .coushare .main .proPicGroup .bd ul li { width: 600px; height: 380px; overflow: hidden; text-align: center; }
.learnWap .coushare .main .proPicGroup .bd ul li a { display: block; height: 38px; }
.learnWap .coushare .main .proPicGroup span { position: absolute; top: 290px; width: 40px; height: 40px; text-align: center; }
.learnWap .coushare .main .proPicGroup span i { display: block; font-size: 35px; cursor: pointer; color: #5697d1; line-height: 40px; }
.learnWap .coushare .main .proPicGroup span.prev { left: 35px; position: absolute; top: 185px; display: block; width: 27px; height: 43px; background: url(../image/pre.png); z-index: 9; overflow: hidden; }
.learnWap .coushare .main .proPicGroup span.next { right: 25px; position: absolute; top: 185px; display: block; width: 27px; height: 43px; background: url(../image/prenext.png); z-index: 9; overflow: hidden; }
.learnWap .coushare .main .acont{float: left;width: 450px;margin-top: 95px;margin-left: 35px;}
.learnWap .coushare .main .acont h5 a{font-size: 28px;color: #4b91cb;font-weight: 400;line-height: 60px;}
.learnWap .coushare .main .acont .am a{font-size: 18px;color: #666;line-height: 35px;}
.learnWap .coushare .main .acont .al a{font-size: 18px;color: #666;line-height: 35px;cursor: pointer;}
.learnWap .coushare .main .acont .al a:hover{color: #4b91cb;}

.learnWap .nanswer{position: relative;overflow: hidden;margin: 30px 0;}
.learnWap .nanswer .main{position: relative;overflow: hidden;margin-top: 30px;}
.learnWap .nanswer .main li{float: left;width: 500px;border: 1px solid #e5e5e5;padding: 30px;}
.learnWap .nanswer .main li:hover{border: 1px solid #fab001;}
.learnWap .nanswer .main .con1{margin-right: 70px;}
.learnWap .nanswer .main li .pic{width: 140px;margin:0 auto;transform: rotateZ(0); transition: all 0.3s ease-out;}
.learnWap .nanswer .main li:hover .pic{transform: rotateZ(360deg);}
.learnWap .nanswer .main li .ptitle{font-size: 20px;color: #333;line-height: 45px;font-weight: 400;text-align: center;}
.learnWap .nanswer .main li .ptitle:hover{color: #fab001;}
.learnWap .nanswer .main li .pmain{font-size: 16px;color: #666;line-height: 30px;}
.learnWap .nanswer .main li .link{font-size: 18px;color: #fab001;line-height:45px;text-align: center;}

.servicemian .cur{font-size: 32px;color: #000;font-weight: 400;line-height: 60px;height:180px;margin-top: 15px;}
.servicemian .cur .b{margin-left: 280px;}
.servicemian .cur .c{margin-left: 570px;}
.syingwap{position: relative;overflow: hidden;margin: 30px 0;}
.syingwap .main{position: relative;overflow: hidden;padding-top: 35px;}
.syingwap .main li{float: left;width: 570px;position: relative;margin-bottom: 90px;cursor: pointer;}
.syingwap .main .con1{margin-right: 60px;}
.syingwap .main li .pic{height: 380px;border-radius: 30px;overflow: hidden;width: 570px;}
.syingwap .main li .name{position: absolute;top: -30px;width: 300px;left: 50%;margin-left: -150px;
height: 60px;line-height: 60px;background: #f5f5f5;border-radius:30px;color: #4b91cb;text-align: center;
font-size: 24px;}
.syingwap .main li .jtzl { display: none; }
.syingwap .main li:hover .jtzl { display: block; background: #f8f8f8; filter: alpha(opacity=90);opacity:0.9; height: 70px; position: absolute; bottom: 0; 
width:530px; border-bottom-left-radius: 28px;border-bottom-right-radius: 28px; padding: 15px 20px 0 20px; overflow: hidden;}
.syingwap .main li:hover .jtzl p{font-size:18px;color: #4b91cb;line-height: 28px;}
.syingwap .main li:hover .jtzl span{margin-left: 25px;}

.aboutWap .aboutmain .recruit li p { height: auto; }
.aboutWap .aboutmain .recruit li .reply { display: inline-block; }
.aboutWap .aboutmain .recruit li.shrink .mian { height: 150px; overflow-y: hidden; }


/*# sourceMappingURL=sub.css.map */