/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666; background:#f8f8f8;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:middle;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.header{ height:55px; padding:10px 0px;}
.header .logo{ float:left;}
.header span{ line-height:55px; color:#08d; font-size:20px; float:left; padding-left:300px;}
.header .nav{ float:right; font-size:14px; line-height:55px;}
.header .nav em{ padding:0px 10px; font-style:normal;}

.reg_step{ background:url(../images/btn_1.png) left center no-repeat; height:49px; line-height:49px; margin-top:25px;}
.reg_step span {font-size:16px;line-height:40px;height:40px;margin-left:50px; padding-left:50px;}
.reg_step span.selected{ color:#fff; padding-left:0px;}

.reg_con{ margin-top:25px;}
.reg_con ul li{ margin-bottom:25px; overflow:hidden; font-size:16px;}
.reg_con ul li label {font-size:14px;color:#666;width:128px;justify-content:center;display:flex;letter-spacing:0.3rem;line-height:40px;height:40px;margin:0px;border:1px solid #ddd;border-right:0px none; float:left;}
.reg_con ul li .input_reg{width:370px;border:1px solid #ddd;border-left:0px none;height:40px;line-height:40px;outline:medium;padding:0px 10px; float:left;}
.reg_con ul li .tip{ float:left; line-height:40px;}
.reg_con ul li .tip b{margin-left:20px;color:red;font-size:14px;font-weight:normal; display:inline-block; width:30px;}
.reg_con ul li .tip span{font-size:12px;color:#aaa;font-size:14px;margin-left:20px;}
.reg_con ul li em {font-style:normal;font-size:14px;white-space:nowrap;display:flex;width:100px;justify-content:center;border:1px solid #ddd;border-left:0px none;background:#eee;height:40px;align-items:center; float:left;}
.reg_con ul li .input_reg1{ width:270px;border:1px solid #ddd;border-left:0px none;height:40px;line-height:40px;outline:medium;padding:0px 10px; float:left;}
.reg_con ul li .reg_gou{ position:relative; top:2px; margin-right:5px;}
.submit {background:#155dcb;color:white;display:block;width:498px;height:40px;line-height:40px;text-align:center;letter-spacing:1rem;font-size:16px;}
.submit:hover {background:#204d74;color:white;}


/*slideTxtBox_01*/
.login{ margin-top:25px;}
.slideTxtBox_01{ padding-bottom:40px; border-radius:7px; border:1px solid #ccc; width:530px; box-shadow:0 0 2px 2px rgba(201,201,201,0.2); background:#fff;}
.slideTxtBox_01 .hd{ width:312px; margin:0 auto; height:40px; border-bottom:1px #e7e7e7 solid; padding-top:35px;  font-size:20px; height:40px;}
.slideTxtBox_01 .hd ul li{cursor:pointer; float:left; width:50%; text-align:center; height:40px;line-height:30px; color:#999;}
.slideTxtBox_01 .hd ul li.on{ position:relative; color:#333;} 
.slideTxtBox_01 .hd ul li.on:before{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:#08d;overflow:hidden}
.slideTxtBox_01 .bd{ width:312px; margin:0 auto;}
.user-login ul li{height:47px;margin-top:20px;width:100%}
.user-login ul li input{width:299px;font-size:16px;line-height:45px;color:#b0b0b0;background:#fff;vertical-align:top;height:43px;padding-left:10px;border-radius:6px;border:1px #e7e7e7 solid}
.auto-login{margin-top:20px;font-size:14px;line-height:16px;height:16px}
.auto-login .radio-btn{float:left;cursor:pointer}
.auto-login .radio-icon{float:left;width:16px;height:16px;margin-right:12px;background:url(../images/radio.png) no-repeat 0 0}
.auto-login .radio-icon input[type=radio]{filter:alpha(opacity=0);opacity:0}
.auto-login .radio-icon-sel{background-position:0 -20px}
.auto-login a{ float:right; color:#404040;}
.login-btn{margin-top:22px}
.login-btn .login-bn{width:100%;height:45px;font-size:18px;color:#2f2f2f;background:#08d;border-radius:4px;cursor:pointer;vertical-align:top;border:0}
.login-btn .login-bn:hover{background:##08d}
.login-oper{font-size:14px;text-align:right;margin:6px auto 0;line-height:20px}
.third{width:344px;margin:26px auto 0; height:50px;}
.third li{float:left;width:25%;text-align:center}
.third li a{display:block;margin:0 auto;width:50px;height:50px;background:url(../images/img.png) no-repeat 0 0}
.third li.wx a{background-position:0 -120px}
.mobile-login ul li{height:47px;margin-top:20px;width:100%}
.mobile-login ul li input{width:299px;font-size:16px;line-height:45px;color:#b0b0b0;background:#fff;vertical-align:top;height:43px;padding-left:10px;border-radius:6px;border:1px #e7e7e7 solid}
.mobile-login li.short input{ width:180px;}
.mobile-login li.short img{padding-left:0;float:right; padding-top:5px; cursor:pointer;}
.mobile-login li.dynamic-code input{ width:180px;}
.mobile-login li.dynamic-code .dynamic-btn{width:110px;height:45px;background:#08d;display:block;float:right;border-radius:4px;color:#333;font-size:14px;line-height:45px;text-align:center; pointer-events: auto;}

.forget-title{ background:linear-gradient(45deg,#08d,#08d,#08d,#08d); height:134px; text-align:center; color:hsla(0,0%,100%,.8); box-shadow:0 1px 3px 0 rgba(0,0,0,.1); opacity:1; line-height:134px; font-size:38px;}
.forget_1{ width:461px; margin:12px auto 0px;}
.forget_1 img{ width:100%;}
.forget_box{ width:350px; margin:0 auto;}
.forget_box .check-phone-input{ padding:30px 0px 48px;}
.input{ background:none; height:32px; line-height:32px; padding-top:25px; font-size:16px; border-bottom:1px solid #ccc; display:block; width:100%;}
.forget_box .check-phone-button{height: 48px; line-height: 48px; border-radius: 24px; box-shadow:0 2px 20px rgba(5, 36, 255, 0.6), 0 1px 30px rgba(255,203,5,.1); background:#08d; width:271px; margin:0 auto;}
.forget_box .check-phone-button a{ display:block; color:#fff; text-align:center; font-size:16px; letter-spacing:.32px;}
.click-btn{ margin-top:37px; border:1px solid #ccc; height:42px; border-radius:3px; background:linear-gradient(0,#fff,#f3f3f3); text-align:center; line-height:42px; font-size:14px;}
.click-btn a{ background:url(../images/circle.png) 40px center no-repeat; background-size:16px; display:block;}
.forget_box .forget_box1{ padding:30px 0px 48px;}
.input1{ border:1px solid #ccc; height:32px; line-height:32px; display:block; width:100%; text-indent:10px;}
.forget_box .forget_ok{ padding:30px 0px 48px; text-align:center;}
@media screen and (max-width:1200px) {
.wapper{ width:96%; margin:0 auto;}
.header span{padding-left:200px;}
}

@media screen and (max-width:720px) {
.header span{padding-left:100px;}
.reg_step{ margin-top:25px;}
.reg_con ul{ margin-top:25px;}
}

@media screen and (max-width:460px) {
.header { height:30px;}
.header .logo img{ height:30px;}
.header span{padding-left:20px; line-height:30px;}
.header .nav{ line-height:30px;}
.reg_step{ margin-top:25px;}
.reg_con ul{ margin-top:25px;}
.reg_con ul li{ margin-bottom:10px;}
.reg_con ul li .reg_input{ overflow:hidden;}
.reg_con ul li label {width:25%; box-sizing:border-box;}
.reg_con ul li .input_reg{width:75%; box-sizing:border-box;}
.reg_con ul li .input_reg1{width:50%; box-sizing:border-box;}
.reg_con ul li em{ width:25%; box-sizing:border-box;}
.reg_con ul li .tip{ float:none; margin:0px; line-height:24px; padding-top:10px;}
.reg_con ul li .tip b{ margin:0px;}
.submit { width:100%;}

.slideTxtBox_01{width:96%; margin:0 auto; margin-top:25px;}

.forget_1{ width:98%;}
.forget-title{ background:linear-gradient(45deg,#f4aa60,#f4aa60,#f16260,#f16260); height:84px; text-align:center; color:hsla(0,0%,100%,.8); box-shadow:0 1px 3px 0 rgba(0,0,0,.1); opacity:1; line-height:84px; font-size:28px;}
}


/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }
.inside_con{ padding:10px 0;}



/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}