@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}img{border:0;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }

/* 项目主体部分设置 */
body { background: #fff; color:#333; }
a { color:#333;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { color: #0397d1; }

.fl{float: left !important;}
.fr{float: right !important;}

.wrapper { position:relative; width:100%;margin:0 auto; overflow:hidden;}
.wrap { width: 1200px; margin:0 auto; }
.g-in{width: 1200px;margin: 0 auto;}

.top{height: 30px;border-bottom: 1px solid #e3e3e3;line-height: 30px;}
.top .topl{float: left;color: #034183;}
.top .topr{float: right;}
.top .topr .trlist ul li{float: left;margin-right: 12px;}
.top .topr .trlist ul li:not(:last-child) a{display: inline-block;background:url(down.png) no-repeat right;padding-right: 12px;}
.top .topr .trlist ul li:last-child a{display: inline-block;background: url(heart.png) no-repeat right;padding-right: 14px;}

.header{height: 100px;}
.header .logo{float: left;padding-top: 20px}
.header .headerr{float: right;margin-top: 20px;}
.headerr .question_box {float: left;margin-right: 13px;}
.headerr .question_box .qbform{border: 1px solid #0a899b;position: relative;}
.headerr .question_box .qbform .input1{width: 395px;padding-left: 10px;line-height: 30px;height: 30px;}
.headerr .question_box .qbform .input2{width: 85px;height: 31px;background: #0397d1 url(tobig.png) no-repeat 17px;color: #fff;font-size: 14px;padding-left: 20px;position: absolute;top: 0;right: 0;}
.qblist {padding-top: 10px;}
.qblist a{margin-right: 24px;}

.gwc{float: right;width: 53px;height:32px;line-height:32px;background: #034183 url(gwc.png) no-repeat 12px;text-align: left;padding-left: 33px;font-size: 14px;}
.gwc a{color: #fff;}

/* 导航 */
.nav{height: 50px;background: url(navbg.png) no-repeat center;}
.nav .navl{width: 273px;position: relative;text-align: center;background: #034183;float: left;}
.nav .navl>span{padding-left: 20px;background: url(fenlei.png) no-repeat left;line-height: 49px;color: #fff;font-size: 18px;}

.fenlei{display: none;position: absolute;top: 50px;width: 100%;background: #0397d1;z-index: 9999;}
.fenlei.fenleishow{display: block;}
.fenlei ul li{height: 95px;padding: 0 20px;border-bottom:1px dashed #fff;}
.fenlei ul li:hover{background: #034183;}
.fenlei ul li:last-child{border-bottom:0;}
.fenlei ul li .nav_t {padding-top: 20px;position: relative;}
.fenlei ul li .nav_t .nav_tl{float: left;}
.fenlei ul li .nav_t .nav_tr{float: left;text-align: left;margin-left: 12px;}
.fenlei ul li .nav_t .nav_tr .biglei{font-size: 18px;color: #fff;}
.fenlei ul li .nav_t .nav_tr .biglei a{color: #fff;}
.fenlei ul li .nav_t .nav_tr .smalllei{font-size: 12px;color: #fff;}
.fenlei ul li .nav_t .nav_tr .smalllei a{color: #fff;}
.fenlei ul li .nav_t .nav_tr .smalllei span:not(:first-child){display: inline-block;margin-left: 12px;}
.fenlei ul li .nav_t:after{position: absolute;right: 0;top:40px;background: url(toto.png) no-repeat center;width: 7px;height: 13px;content: '';}

#proleft ul li .layer_1{display: none;background: #f5f5f5;position:absolute;top: 0;left: 273px;width: 735px;height: 519px;box-shadow: 2px 0 5px rgba(0,0,0,.3);;}
#proleft ul li.lihover .layer_1{display: block !important;}
#proleft ul li.lihover{border: 1px solid #f5f5f5;}
#proleft ul li .layer_1 .layer_left{padding: 10px 6px;width: 560px;float: left;}
#proleft ul li .layer_1 .layer_left dl{padding: 6px 0;overflow: hidden;zoom: 1;}
#proleft ul li .layer_1 .layer_left dl dt {width: 100px;text-align: right;float: left;padding: 0px 10px 0 0;font-size: 14px;font-weight: bold;font-family: '宋体';}
.layer_left dl dd{width: 450px;color: #0397d1;float: left;zoom: 1;border-bottom: 1px solid #e6e6e6;}
.layer_left dl dd em{border-left: 1px solid #ccc;float: left;height: 14px;line-height: 14px;margin: 4px 0;padding: 0 10px;font-style: normal;overflow: hidden;}
.layer_left dl dd em a{color: #0397d1;}
.layer_right{padding: 10px 0px;margin-right: 10px;background: #f5f5f5;width: 150px;float: right;position: relative;z-index: 332;}
.layer_right div[class^="img"]{margin-bottom: 10px;}
.layer_right div[class^="img"] img{width: 100%;}

.navl:hover .fenlei{display: block;}

.nav .navb{float: left;width: 735px;}
.nav .navb ul li{float: left;width: 147px;line-height: 50px;text-align: center;}
.nav .navb ul li a{color: #fff;font-size: 18px;display: block;width: 100%;height: 100%;}
.nav .navb ul li a.current{background: #034183;}

.navr {float: left;text-align: center;width: 192px;line-height: 49px;font-size: 20px;color: #fff;}
.navr span{padding-left: 32px;background: url(navphone.png) no-repeat left;}

.banner {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.banner .bprev{left: 15%;position: absolute;width: 60px; height: 60px;background: #fff;top: 50%;margin-top: -50px;z-index: 1;background: url(bl.png) no-repeat center;}
.banner .bnext{right: 15%;position: absolute;width: 60px; height: 60px;background: #fff;top: 50%;margin-top: -50px;z-index: 1;background: url(br.png) no-repeat center;}



.lr_g-in{position: absolute;top: 0;width: 1200px;height: 519px;left: 50%;margin-left: -600px;}
.login_reg{position: absolute;right: 0;top: 0;z-index: 3;width: 192px;background: #fff;}
.login_reg .tx{text-align: center;padding: 13px 0;}
.login_reg .welcome{text-align: center;font-size: 12px;color: #000;}
.login_reg .btn{width: 104px;margin: 0 auto;padding: 15px 0 25px;}
.login_reg .btn a{display: inline-block;;width: 46px;height: 20px;text-align: center;line-height: 20px;border-radius: 3px;}
.login_reg .btn .btn_l{background: #c8161d;color: #fff;margin-right: 11px;}
.login_reg .btn .btn_r{background: #e3e4e6;color: #4e5358;}

.slide{border-bottom: 1px solid #dcdcdc;}
.slide .hd ul li{cursor: pointer;float: left;width: 50%;text-align: center;height: 31px;line-height:31px;background:#f5f5f5;}
.slide .hd ul li.on{background: #99cc33;color: #fff;}
.slide .bd ul{padding: 10px;}
.slide .bd ul li{padding-left: 10px;position: relative;line-height: 25px;}
.slide .bd ul li:after{position: absolute;left: 0;top:-2px;content: '-';width: 1px;font-size: 13px;}

.slide .bd ul li a{color: #5a5a5a;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.four ul li{float: left;width: 50%;text-align: center;padding: 9px 0;}
.four ul li i{display: block;}
.four ul li span{line-height: 30px;}

.linkBox{padding: 15px 0;vertical-align: bottom;}
.linkBox span{font-size: 16px;color: #000;font-weight: bold;display: inline-block;}
.linkBox a{font-size: 14px;color: #333;display: inline-block;padding: 0 15px;position: relative;}
.linkBox a:after{content: '';position: absolute;right: 0;top: 50%;margin-top: -5px;width: 1px;height: 10px;background: #ccc;}
.linkBox a:last-child:after{display: none}

.youshi{height: 102px;line-height: 102px;}
.youshi ul li{float: left;width: 240px;}
.youshi ul li .icon{padding-top: 27px;margin-right: 20px;margin-left: 10px;transition: all .3s linear;height: 47px;}
.youshi ul li:hover{cursor: pointer;}
.youshi ul li:hover .icon{opacity: .5;}
.youshi ul li .icon,.youshi ul li .yscon{float: left;}
.youshi ul li .yscon{font-size: 20px;font-weight: bold;}


.ft2{background: #034183;}
.ft2 .ft2l{float: left;}
.ft2 .ft2l ul li{float: left;border-right:1px solid #0397d1;height: 360px;}
.ft2 .ft2l ul li .menubox{padding: 40px 40px 0;}
.ft2 .ft2l ul li .menubox dl dt{font-size: 16px;color: #fff;padding-bottom: 20px;}
.ft2 .ft2l ul li .menubox dl dd a{    font-size: 12px;
    color: #f0f3ef;
    line-height: 25px;}

.ft2r{float: right;margin-top: 50px;}
.ft2rl{float: left;text-align: center;color: #fff;margin-right: 14px;}
.ft2rl p{padding-top: 20px;}
.ft2rl .code{width: 141px;height: 134px;background: #fff;}
.ft2rl .code img{display: block;padding: 2px 6px;margin: auto;}

.ft2rr{float: right;max-width: 126px;}
.ft2rr p{color: #fff;font-size:14px;}
.ft2rr p.fp2{font-size:18px;color: #fafd02;padding-bottom: 15px;padding-top: 10px;}


.fbottom{background: #000;height: 31px;line-height: 31px;color: #fff;font-size: 14px;}
.fbottom a{color:rgba(255,255,255,0.8);}
.fbottom .fbl{float: left;}
.fbottom .fbr{float: right;}


/* 登录页面 */

.login_header{height:80px;background:#0397d1;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.login_header .login_logo{float: left;padding-top: 15px;}
.login_header .login_hotline{font-size: 20px;color: #fff;float: right;margin-top: 34px;background: url(login-phone.png) no-repeat left;padding-left: 35px;background-size: contain;}

.loginbanner{position: relative;height: 570px;width: 1920px;left: 50%;margin-left: -960px;background: #86bd3d;}

.loginbanner .login_box{float: left;}
.loginbanner .login_show_pic{float: right;margin-top: 90px;}

.login_box{padding: 0 22px;width: 340px;height: 367px;background: #fff;margin-top: 100px;}
.login_box .logint{border-bottom: 2px solid #e4e4e4;padding-top: 33px;line-height: 30px;}
.login_box .logint .lgtl{float: left;font-size: 14px;color: #000;position: relative;}
.login_box .logint .lgtl:after{position: absolute;width:78px;height:2px;left: 0;bottom: -1px;content:'';background: #0397d1;}
.login_box .logint .lgtr{float: right;}
.login_box .logint .lgtr a{font-size: 12px;color: #0a899b;}

.shoujihao {padding-top: 20PX;}
.shoujihao .formname{float: left;margin-right: 24px;width: 78px;font-size: 16px;color: #000;line-height: 42px;text-align: right;}
.shoujihao .nameinput{float: left;position: relative;border: 1px solid #999;width: 235px;height: 42px;}
.shoujihao .nameinput label{position: absolute;background: url(phonename.png) no-repeat right;width: 44px;height: 42px;line-height: 42px;}
.shoujihao .nameinput .namephone{width: calc(100% - 66px);padding-left: 66px;line-height: 42px;outline: none;}

.mima {padding-top: 20PX;}
.mima .formpwd{float: left;margin-right: 24px;width: 78px;font-size: 16px;color: #000;line-height: 42px;text-align: right;}
.mima .pwdinput{float: left;position: relative;border: 1px solid #999;width: 235px;height: 42px;}
.mima .pwdinput>label{position: absolute;background: url(pwd.png) no-repeat right;width: 44px;height: 42px;line-height: 42px;}
.mima .pwdinput input[type="password"]{width: calc(100% - 66px);padding-left: 66px;line-height: 42px;outline: none;}


.yzm {padding-top: 20PX;}
.yzm .yzmname{float: left;margin-right: 24px;width: 78px;font-size: 16px;color: #000;line-height: 42px;text-align: right;}
.yzm .codebox{float: left;position: relative;border: 1px solid #999;width:96px;height: 42px;}
.yzm .codebox>label{position: absolute;background: url(pwd.png) no-repeat right;width: 44px;height: 42px;line-height: 42px;}

.codebox .ycode{float: left;width: 90%;height: 42px;outline: none;padding-left: 10px;}
.imgcode{float: left;width: 96px;height:36px;margin-left: 10px;margin-top: 4px;}

.flash{float: left;margin-top: 11px;margin-left: 4px;}

.flash a{color: #0a899b;font-size: 14px;padding-top: 10px;}

.loginsub{padding-top: 16px;}
.loginsub .subnone{float: left;margin-right: 24px;width: 78px;height: 42px;font-size: 16px;color: #000;line-height: 42px;text-align: right;}
.loginsub input[type="submit"]{width: 237px;height:44px;text-align: center;line-height:44px;background: #0397d1;color: #fff;font-size: 18px}

.forget{text-align: right;padding: 12px 0;color: #0a899b;font-size: 14px;}
.forget a{color: #0a899b;}

/* 注册 */
.regbox {padding-bottom: 40px;}
.regl{padding-top: 36px;float: left;}
.regl .reglt{font-size: 16px;color: #000;width: 420px;border-bottom: 4px solid #e4e4e4;position: relative;padding-bottom: 10px;}
.regl .reglt:after{position: absolute;width: 104px;height: 4px;background: #0397d1;bottom: -4px;left: 0;content: '';}
.regl .formlist{padding-top: 40px;} 
.regl .formlist ul li {width: 420px;overflow: hidden;margin-bottom: 25px;}
.regl .formlist ul li label{font-size: 14px;color: #000;display: block;width: 104px;text-align: right;line-height: 30px;float: left;}
.regl .formlist ul li input{outline: none;border: 1px solid #ccc;height: 30px;line-height: 30px;}
.regl .formlist ul li .phone{padding-left: 10px;float: left;width: 298px;}
.regl .formlist ul li .company{padding-left: 10px;float: left;width: 298px;}

.code input{width: 88px;padding-left: 10px;}
.regyzm input{width: 88px;padding-left: 10px;}

.regl .formlist ul li input[type="password"]{padding-left: 10px;float: left;width: 298px;}

.regyzm .getCode{display: inline-block;width: 122px;height: 28px;line-height: 28px;color: #000;font-size: 14px;text-align: center;margin-left: 10px;background: #fff;border: 1px solid #ccc;}
div[class^="fsub"]{margin-left: 107px;font-size: 14px;}
.fsub1{padding-bottom: 10px;}
.fsub2{width: 309px;height: 37px;line-height: 37px;color: #fff;background: #0397d1;text-align: center;}
.fsub2 input[type="submit"]{background: none;color: #fff;font-size: 14px;}
.fsub3{padding-top: 12px}
.fsub3 a{color: #0397d1;}

.regr{float: right;max-width: 310px;margin-top: 57px;margin-right: 80px;}
.regr1{width: 310px;height: 37px;background: #0397d1;color: #fff;text-align: center;line-height: 37px;font-size: 20px;}
.regr2{text-align: center;line-height: 40px;}



/* 右侧侧边栏 */
#topnew{position: fixed;right: 15%;top: 37%;width: 50px;background: #0397d1;z-index: 4;display: none;}
@media(max-width:1600px){
    #topnew{right: 13%;}
}
@media(max-width:1440px){
    #topnew{right: 8%;}
}
#izl_rmenun{height: auto;width: 100%;position: absolute;top: 45%;margin-top: -50px;right: 0;}     
#izl_rmenun ul li{position:relative;width: 50px;height: 50px;background: #0397d1;border-bottom: 1px solid #0397d1;position: relative;}
#izl_rmenun ul li:hover{background: #034183;}
.gouwuche{transition: all .5s linear;position: absolute;width: 63px;left: -63px;text-align: center;top: 0;height: 50px;line-height: 50px;background: #0397d1;border-top-left-radius: 5px;border-bottom-left-radius: 5px;display: none;}
.gouwuche a{display: block;width: 100%;height: 100%;}
.izl-rmenun ul li.izl_gwc:hover{background: #0397d1}
.izl-rmenun ul li.izl_gwc:hover .gouwuche{display: block;}
.izl-rmenun ul li.izl_gwc:hover .gouwuche a{color:#fff;font-size: 14px;font-weight: bold;}
.izl-rmenun ul li.izl_gwc img{padding-top: 13px;}

.izl-rmenun ul li.izl_code:hover{background: #0397d1;}
.izl-rmenun ul li.izl_code:hover .showcode{display: block;}
.izl-rmenun ul li.izl_code i img{padding-top: 16px;}



.izl-rmenun ul li.izl_focus:hover{background: #0397d1}
.izl-rmenun ul li.izl_focus .focus{transition: all .5s linear;position: absolute;width: 70px;left: -70px;text-align: center;top: 0;line-height: 50px;background: #0397d1;display: none;border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}
.izl-rmenun ul li.izl_focus .focus a{color:#fff;font-size: 14px;font-weight: bold;}
.izl-rmenun ul li.izl_focus:hover .focus{display: block;}
.izl-rmenun ul li.izl_focus img{padding-top: 14px;}

.izl-rmenun ul li.izl_phone:hover{background: #0397d1}
.izl-rmenun ul li.izl_phone .izlph{transition: all .5s linear;position: absolute;width: 140px;left: -140px;text-align: center;top: 0;line-height: 51px;background: #0397d1;display: none;border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}
.izl-rmenun ul li.izl_phone .izlph {color:#fff;font-size: 14px;font-weight: bold;}
.izl-rmenun ul li.izl_phone:hover .izlph{display: block;}
.izl-rmenun ul li.izl_phone img{padding-top: 16px;}


.izl-rmenun ul li.izl_qq .izlqq{transition: all .5s linear;position: absolute;width: 140px;left: -140px;text-align: center;top: 0;line-height: 50px;background: #0397d1;z-index: 10;display: none;border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}
.izl-rmenun ul li.izl_qq .izlqq {color:#fff;font-size: 14px;font-weight: bold;}
.izl_qq img{padding-top: 14px;}
.izl-rmenun ul li.izl_qq:hover .izlqq{display: block;}

.showcode{position: absolute;top: 0;left: -120px;width: 120px;height: 120px;transition: all .5s linear;background: #0397d1;display: none;}

.showcode img{display: block;width: 100px;height: 100px;margin: 10px auto;}



.side{position: fixed;right: 5%;top: 30%;width: 112px;background: #fff;z-index: 4;display: none;}
.side .side1{background: #034183;text-align: center;}
.side .side1_b a{display: block;width: 90px;height: 33px;margin: 0 auto;line-height: 33px;text-align: center;background:#fff url(../images/qqico.png) no-repeat 10px center;padding-left: 10px;margin-bottom: 5px;}

.side .side1_b {font-size: 13px;font-weight: bold;color: #fff;}

.side .side2{background: #034183;text-align: center;margin-top: 10px;}
.side .side2 img{display: block;margin: 0 auto;padding: 10px 0;}
@media(max-width:1600px){
    .side{right: 5%;}
}
@media(max-width:1440px){
    .side{right: 0;}
}