body{font-family:microsoft Yahei;min-width: 1200px;background:#f5f5f5;_width:expression(document.documentElement.clientWidth>1200?document.documentElement.clientWidth:1200);}

em,i{font-style: normal;}





.w1200{width: 1200px; margin: 0 auto; }

.left{display: block; float: left}

.right{display: block ;float: right}

.top10{margin-top: 10px}

.top20{margin-top: 20px}

.top16{margin-top: 16px}

.top30{margin-top: 30px}

.top40{margin-top: 40px}

img{vertical-align: middle}

.tittle{font-size: 24px; text-align: left}

.tittle span.tl sub{font-size: 14px; color: #aaa;}

.tittle a.more{ font-size: 14px; color: #aaa;}

.p24{font-size: 24px}

.col3{color: #333}

.top{

    width: 100%;

    height: 42px;

    background: #333;

    color: #6d6d6d;

    line-height: 42px;

}

.top a{

    text-decoration: none;

    padding-left: 10px;

    color: #797979;

}

.top p{

    color:#797979;

}

.top a:hover{

    color: #fff;

}



.nav{

    height: 40px;

    /*background: #ddd;*/

    line-height: 40px;

}

.nav .allServer{

    width: 200px;

    height: 40px;

    color: #fff;

    background: rgba(0,0,0,0.8);



}

.nav .meu{

    height: 40px;

    /*background: #d59392;*/

    width: 640px;



}

.nav .meu ul{

    width: 760px;

    margin-right: -82px;

}

.nav .meu li{

    float: left;

    margin-right: 82px;



}



.yMenuIndex .call {

    font-size: 18px;

    padding-left: 30px;

    text-align: right;

    background: url("../images/call.png") no-repeat center left;

}

/*顶部    start*/

.yHeader{width: 100%;}

/*导航   start*/

.yNavIndex{width: 1200px;margin: 18px auto 0;height:35px;/*border-bottom: 2px solid #13BCF5;*/position: relative;}

.yNavIndex .yMenuIndex{/*margin-left: 190px;*/}

.yNavIndex .yMenuIndex li{position: relative}

.yNavIndex .yMenuIndex li a{position: relative;display: inline-block;font-size: 16px;color: #333;line-height: 32px;height: 32px;padding: 0 21px;}

.yNavIndex .yMenuIndex li a.yMenua{font-weight:bold;border-bottom: 3px solid #13BCF5;}

.yNavIndex .yMenuIndex li a:hover{font-weight:bold;border-bottom: 3px solid #13BCF5;}

.yNavIndex .yMenuIndex li{float: left;height: 33px;padding: 0 12px;}

.yNavIndex .yMenuIndex li .hot{position: absolute; width: 30px; height:18px; top:0; right: 0}

.yNavIndex .yMenuIndex li  .hot img{display:block;width:30px; height:18px; }

/*下拉*/

.pullDown{z-index: 1;position: absolute;}

.pullDownTitle{cursor:pointer;height: 35px;width: 190px;background: #13bcf5;color: #ffffff;font-size: 16px;font-weight: normal;text-align: center;line-height: 35px;}

.pullDownList{width: 190px;height: 420px;background: rgba(0, 0, 0, 0.67);position: relative;z-index: 2; top: 1px}

.pullDownList li{height: 50px;color: #fefcfc;font-size: 13px;padding-left: 11px;position: relative;line-height: 50px;}

.pullDownList li i{display: inline-block;position:relative;top:4px;margin-right: 8px;left:0;-webkit-transition: margin-left .2s linear;-moz-transition: margin-left .2s linear;-o-transition: margin-left .2s linear; width: 20px;height: 19px;background: url(../images/indexicon1.png) no-repeat;}

.pullDownList li.menulihover i{margin-left: 6px;}

/*以下代码是使用图片精灵需要图片的定位信息*/

/*.pullDownList li i.listi1{background-position: 0 -1240px}

.pullDownList li i.listi2{background-position: 0 -1271px}

.pullDownList li i.listi3{background-position: 0 -1302px}

.pullDownList li i.listi4{background-position: 0 -1332px}

.pullDownList li i.listi5{background-position: 0 -1362px}

.pullDownList li i.listi6{background-position: 0 -1395px}

.pullDownList li i.listi7{background-position: 0 -1425px}

.pullDownList li i.listi8{background-position: 0 -1457px}

.pullDownList li i.listi9{background-position: 0 -1489px}

.pullDownList li i.listi10{background-position: 0 -1519px}

.pullDownList li i.listi11{background-position: 0 -1552px}

.pullDownList li i.listi12{background-position: 0 -1582px}

.pullDownList li i.listi13{background-position: 0 -1612px}

.pullDownList li i.listi14{background-position: 0 -1644px}

.pullDownList li i.listi15{background-position: 0 -1674px}*/

.pullDownList li a{color: #fefcfc;font-size: 13px;}

.pullDownList li.menuliselected{background: rgba(0, 0, 0, 0.67);}

.pullDownList li.menuliselected span{top: 20px;right: 16px;border-left: 4px solid transparent;border-top: 4px solid #fff;border-right:4px solid transparent;border-bottom: 0;}

.pullDownList li.menulihover{background: #13bcf5;}

.pullDownList li span{display: inline-block; width: 0;height: 0;position: absolute;top: 12px;right: 8px;}

.pullDownList li.menulihover span{top:20px;right: 16px;border-left: 4px solid #fff;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 0;}

/*下拉详细列表具体分类*/

.yMenuListCon{display:none;width:1000px;height: 420px;position: absolute;z-index:2;top: 35px;left: 190px;overflow: hidden;}

.yMenuListCon p{width:auto;color: #7f7e7e;font-size: 12px;margin: 10px 0 0 -1px;overflow: hidden;}

.yMenuListCon p a{color: #7f7e7e;font-size: 12px;padding: 0 8px;display: inline-block;float: left;margin-top: 5px;background: url(../images/indexicon1.png) 0 -1695px;}

.yMenuListCon p a.ecolor610{color: #13bcf5;}

.yMenuListCon p a:hover{color: #13bcf5;text-decoration: underline;}

.yMenuListConin{display: none;background: #fff;opacity: 0.9;-moz-opacity:0.9;filter: alpha(opacity=90);padding:0 20px;width: 100%;height:480px;position: absolute;left: 0;top: 0;}

.yMenuLCinList{overflow: hidden; width: 1000px; background: url("../images/navbg.png") no-repeat bottom left;}

/*详细分类标题*/

.yMenuLCinList h3{position: relative;height: 20px;width: auto;margin: 25px auto 0;border-bottom: 1px solid #000;}

.yMenuLCinList h3 a{font-size: 12px;color: #13BCF5;position: absolute;bottom: 0px;display: block;}

.yMenuLCinList h3 .yListMore{color: #666666;font-weight: normal;right: 0;with: 40px;height: 20px;}

.yMenuLCinList h3 .yListName{-webkit-transition: left .2s linear; font-size:24px;-moz-transition: left .2s linear;-o-transition: left .2s linear;display: block;width: 90px;height: 20px;line-height: 20px;padding-top: 17px;padding-left: 30px;left: 0;background:url(../images/ylistnameicon.png) no-repeat 0 5px;}

.yMenuLCinList h3 .yListName:hover{left:6px;}







/*导航   end*/

/*顶部    end*/



/*banner  start*/

.yBanner{height: 480px;width: 100%;overflow: hidden;position: relative;}

.yBannerList{height: 480px;width: 100%;background: #13bcf5;position: absolute;top: 0;left: 0;}

.ybannerHide{display: none;}

.ymainBanner{-webkit-transform: scaleX(1.05) scaleY(1.05);-moz-transform: scaleX(1.05) scaleY(1.05);-ms-transform: scaleX(1.05) scaleY(1.05);-o-transform: scaleX(1.05) scaleY(1.05);transform: scaleX(1.05) scaleY(1.05);}

.ybannerExposure .ymainBanner{-webkit-transition: -webkit-transform 4s linear;-moz-transition: -moz-transform 4s linear;-o-transition: -o-transform 4s linear;transition: transform 4s linear;-webkit-transform: scaleX(1) scaleY(1);-moz-transform: scaleX(1) scaleY(1);-ms-transform: scaleX(1) scaleY(1);-o-transform: scaleX(1) scaleY(1);transform: scaleX(1) scaleY(1);}

.yBannerListIn{overflow:hidden;width: 1010px;padding-left:190px;height: 480px;margin: 0 auto;position: relative;}

.ytextBanner{opacity: 0;position: absolute;right: 190px;top: 0;width: 405px;height: 480px;z-index: 1;background: url(../images/banner1in.png) no-repeat center center;}

.ybannerExposure .ytextBanner{display:none;-webkit-transition: opacity 2s linear;-moz-transition: opacity 2s linear;-o-transition: opacity 2s linear;transition: opacity 2s linear;opacity: 1;}

.yBannerListIn .yBannerListInRight{ display:none;position: absolute;top: 0;right: 0;width: 190px;height: 480px;z-index: 5;opacity: 0.95;filter: alpha(opacity=95);}

.yBannerListInRight .yimaginaryLine{display: block;height: 0;border-top: 1px dotted #eee;}

.yBannerListInRight img{vertical-align: top;-webkit-transition: -webkit-transform .2s linear;-moz-transition: -moz-transform .2s linear;-o-transition: -o-transform .2s linear;transition: transform .2s linear;}

.yBannerListInRight img:hover{-webkit-transform: translateX(-5px);-moz-transform: translateX(-5px);-ms-transform: translateX(-5px);-o-transform: translateX(-5px);transform: translateX(-5px);}



/*banner  end*/





.yMenuListConin .p.tool{width: 284px; float: right;margin-top: 24px;margin-bottom: -1px; /*background: #d59392*/}

.yMenuListConin .p.tool a{display: block;width: 100%; border-bottom: 1px solid #dedede; padding: 10px 10px }

.yMenuListConin .p.tool a .tool-name{padding-left: 14px; font-size: 24px; vertical-align: middle }



.left.listText {

    /*    background: #555;*/

    width: 680px;

    margin-top: 30px;

    overflow: hidden;

    margin-left: 14px;

}



.left.listTextTittle {

    overflow: hidden;

    width: 126px;

    /* background: red; */

    font-size: 16px;

line-height: 21px}

.left.listItem {

    overflow: hidden;

    width: 552px;

    /*  background: green;*/

}



.left.listItem a{

    margin-left: 10px;

    display: block;

    float: left;

    width: 140px;

    height: 36px;

    line-height: 21px;

}

.left.listItem.listItem-point a{

    width: 84px;

}

.shangbiao .left.listItem a{

    width: 84px;

}

.left.listItem a:hover{

    color: #00a0e9;

}

.left.listItem a.red{

    color: Red;

}

.left.listText.t80{

    margin-top: 80px;

}

/*长线*/

.line {

    height: 1px;

    width: 100%;

    background: #13bcf5; }



/*用户评价*/

.w1226{width: 1226px; margin: 0 auto}

.evaluate{ width:100%; height:502px; background:url(../images/evaluate.jpg) no-repeat top center; overflow: hidden}

.evaluate_center{ padding-top:68px; }

.evaluate_dh{ width:397px; float:left; margin-right:17px;}

.evaluate_dh .wz{ width:397px; height:159px; background:url(../images/evaluate_dh.png) no-repeat top center; position:relative;}

.evaluate_dh .wz span{ display:block; width:338px; color:#333333; font-size:14px; line-height:26px; position:absolute; top:55px; left:35px;}

.evaluate_dh .js{ margin:20px 0 0 15px;}

.evaluate_dh .js img{ float:left;}

.evaluate_dh .js div{ float:left; margin:25px 0 0 18px;}

.evaluate_dh .js span{ font-size:18px; color:#333333; font-weight:bold;}

.evaluate_dh .js p{ font-size:18px; color:#FFF;}



.bottoma{ width:100%; height:123px; background:#333333;}

.bottoma_center ul li{ float:left; }

.bottoma_center ul li img{ float:left;}

.bottoma_center ul li span{ font-size:18px;}

.bottoma_center ul li p{ font-size:14px; color: #fff}

.bottoma_center ul li div{ float:left; color:#FFF; margin:5px 0 0 25px;  padding-right:30px;}



.bottomb{ width:100%; height:260px; background:#FFF;}

.bottomb_center{ padding-top:37px;}

.bottomb_center ul{ margin-left:25px;}

.bottomb_center ul li{ float:left; margin-right:87px;}

.bottomb_center ul li h3{ color:#000000; font-size:14px; font-weight:bold; margin-bottom:20px;}

.bottomb_center ul li p{ color:#666666; font-size:13px; line-height:31px;}

.bottomb_center img{ float:right; margin:20px 74px 0 0;}

.bottom_wz{ float:right; width:181px; border-left:1px solid #cccccc; padding-left:70px; margin:15px 45px 0 0; line-height:28px; height:145px; text-align:center;}

.bottom_wz h3{ font-size:23px; color: #109dcd; }

.bottom_wz p{font-size:14px; color:#333333;}

.bottom_wz span{ color: #109dcd; font-size:14px; display:block; margin-top:25px; width:110px; height:29px; line-height:29px; border:1px solid #109dcd; background:url(../images/24h.png) no-repeat 10px center; padding-left:43px; margin-left:10px;}



.bottom{ width:100%; background:#f4f4f4; text-align: center; overflow: hidden; padding: 40px 0;}

.bottom-meu{width: 700px;  margin: 0 auto}

.bottom-meu p{width: 100%;  text-align: center; line-height: 1.8}

.copyright{width: 100%; text-align: center}





/*登陆*/

.w370 {

    width: 370px;

    margin: 0 auto; }



.login {

    display: none;

    position: fixed;

    z-index: 9999999999999999999999999999;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.56); }

.login .login-main {

    width: 400px;

    height: 423px;

    position: absolute;

    left: 50%;

    top: 200px;

    overflow: hidden;

    margin-left: -200px;

    background: #fff; }

.login .login-main .w370 .exp {

    margin-top: 40px; }

.login .login-main .w370 .exp .f18 {

    font-weight: 600;

    line-height: 30px; }

.login .login-main .w370 .input {

    overflow: hidden;

    margin-top: 36px; }

.login .login-main .w370 .input .phonenum input {

    width: 320px;

    height: 50px;

    font-size: 16px;

    padding-left: 44px;

    background: url("../images/login-mobile.png") no-repeat left center;

    margin-bottom: 20px; }

.login .login-main .w370 .input .mobilenum input {

    height: 48px;

    font-size: 16px;

    padding-left: 44px;

    width: 150px; }

.login .login-main .w370 .input .mobilenum .yzm {

    height: 54px;

    width: 136px;

    background: #ddd;

    line-height: 54px;

    text-align: center;

    float: right; }

.login .login-main .w370 .submit {

    display: block;

    width: 370px;

    height: 48px;

    text-align: center;

    line-height: 50px;

    font-size: 24px;

    background: #0079ca;

    color: #fff;

    letter-spacing: 4px; }



.login-tl {

    background: #e8e8e8;

    height: 44px;

    width: 100%;

    line-height: 44px;

    font-size: 20px; }

.login-tl .right {

    width: 32px;

    height: 32px; }

.login-tl .left {

    font-size: 20px;

    font-weight: 400; }