@charset "utf-8";
/* CSS Document */
body{
	font-size: 14px;
	background: #fff;
	font-family: "Microsoft Yahei","微软雅黑",sans-serif;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	color: #333;
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0; }
.hy-main input[type=text]:focus,.hy-main input[type=password]:focus,.hy-main textarea:focus{
 transition:border linear .2s,box-shadow linear .5s;
 -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
 -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
 outline:none;border-color:rgba(140,215,255,.75);
 box-shadow:0 0 8px rgba(140,215,225,.5);
 -moz-box-shadow:0 0 8px rgba(140,215,225.5);
 -webkit-box-shadow:0 0 8px rgba(140,215,225,3);
}
fieldset,img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none; color:#666;}
/*在线客服*/
.right_box_hp{position: fixed;right:0;top:200px;z-index:10;}
.right_box_hp li{
            width: 63px;height: 63px;border-radius: 3px;color:#fff;font-size: 12px;text-align: center;padding-top: 35px;
            box-sizing: border-box;line-height: 28px;margin-bottom: 3px;position: relative;transition: all .5s;
        }
.right_box_hp li.icon_kf_hp{background: #f01e21 url(kefu/leftIcon_kf.png) center 11px no-repeat;}
.right_box_hp li.icon_tel_hp{background: #f01e21 url(kefu/leftIcon_tel.png) center 11px no-repeat;}
.right_box_hp li.icon_ok_hp{background: #f01e21 url(kefu/leftIcon_mail.png) center 11px no-repeat;}
.right_box_hp li.icon_prize_hp{background: #f01e21 url(kefu/leftIcon_login.png) center 11px no-repeat;cursor:pointer;}   
.right_box_hp li.icon_top_hp{background: #999;cursor:pointer;height:33px;padding-top:3px;}             
.right_box_hp li:hover{background-color: #f01e21 !important;}
        .right_box_hp li .openFather{
            position: absolute;right: 135%;top:0;border-radius: 3px;
            visibility: hidden;opacity: 0;transition: opacity .6s,right .6s;
        }
        .right_box_hp li:hover .openFather{opacity: 1;right: 100%;visibility: visible;}        

        .openFather .right_openDiv{
            margin-right: 15px;border-left: 3px solid #f01e21;background: #f9f9f9;position: relative;
        }        
.right_box_hp li .right_openDiv:after{
            content: "";display: block;border: 5px solid transparent;
            border-left-color: #f9f9f9;position: absolute;left: 100%;top:12px;
        }
.right_box_hp li.icon_kf_hp .right_openDiv{width: 206px;padding: 6px 0;}
.right_openDiv .ROD_nav{display: block;padding-left: 20px;}
.right_openDiv .ROD_nav>span{
            line-height: 36px;font-size: 14px;color:#444;text-align: left;display: block;
            position: relative;cursor: pointer;
        }
.right_openDiv .ROD_nav>span:after{
            content: "";display: block;border: 3px solid transparent;transition: all .5s;;
            border-left-color: #1f82d6;position: absolute;left: -10px;top:15px;
        }
.right_openDiv .ROD_nav>span.open:after{transform: rotateZ(90deg);}
.ROD_nav .ROD_navList{padding-left: 10px;display: none;}
.ROD_nav .ROD_navList a{
            display: block;line-height: 30px;font-size: 12px;color:#6b6b6b;text-align: left;position: relative;
        }
.ROD_nav .ROD_navList a:after{
            content: "";display: block;width: 4px;height: 4px;background: #d6d6d6;border-radius: 50%;
            position: absolute;left:-10px;top:14px;
        }
.right_box_hp li.icon_tel_hp .right_openDiv{
            padding: 10px 12px;box-sizing: border-box;width: 181px;font-size: 12px;color:#444;line-height: 24px;
        }
.right_box_hp li.icon_ok_hp .right_openDiv{padding: 10px 12px;box-sizing: border-box;width: 181px;font-size: 12px;color:#444;line-height: 24px;}
.right_box_hp li.icon_prize_hp .right_openDiv{padding: 10px 12px;box-sizing: border-box;width: 181px;font-size: 12px;color:#444;line-height: 24px;}

.right_box_hp li.icon_ok_hp .right_openDiv:after{/*top:200px;*/}        
.right_openDiv .ROD_ipt_one{margin-bottom: 10px;}
.ROD_ipt_one .ROD_ipt_name{
            width: 30px;padding:3px 10px 0;line-height: 18px;font-size: 12px;color:#444;float:left;
        }
.ROD_ipt_one input[type='text']{
            width: 188px;height: 28px;box-sizing: border-box;border: 1px solid #dcdcdc;float:left;color:#000;
        }
.ROD_ipt_one input[type='text']:focus{border: 1px solid #a6d6ff;}
.ROD_ipt_one textarea{width: 188px;height: 80px;box-sizing: border-box;border: 1px solid #dcdcdc;resize:none;float:left;color:#000;}
.ROD_ipt_one textarea:focus{border: 1px solid #a6d6ff;}
.right_openDiv .ROD_btn{text-align: right}
.ROD_btn input[type='submit']{width: 89px;height: 28px;color:#fff;background: #1f82d6;font-size: 12px;border-radius: 2px;}
.ROD_ipt_one input[type='text'].ROD_validatecode{width: 28px;padding-left:5px;}
.ROD_ipt_one img{float:left; height: 20px;width: 70px;margin:4px 0;}
.ROD_ipt_one a{float:left; height: 28px;margin-left: 10px;}   
.right_openDiv .error_message{color:#f00;}     
.right_openDiv .success_message{color:#0a0;}        
.clearfix:before,
.clearfix:after {
    display: table;
    content: " "
}
.clearfix:after{
    clear: both
}


a:hover{ text-decoration:none; color:#1c8ece;}
a:focus,input,button,select,textarea{outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-variant: normal;}
input,select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none;font-family: "Microsoft Yahei","微软雅黑";}
.clear:after{clear:both; content:"";display:block;height:0;line-height:0;visibility:hidden;}
.clearfix{zoom:1;}.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}.mt40{ margin-top:40px;}.mt50{ margin-top:50px;}.pt10{ padding-top:10px;}.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tl{ text-align: left;}.ov{ overflow:hidden;}
.rel{ position:relative; top:75px;}.tc{ text-align:center;}
.none{ display:none;}.block{ display:block;}.mr10{ margin-right:10px;}.mt2{ margin-top:2%;}.mt5{ margin-top:5%;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ddd;  
}




::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ddd;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ddd;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ddd;
}




.translateX-100 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}
.translateX_100 {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}
.translateY-100 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}
.translateY_100 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}

/*.transition {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}*/

.scale-0{
	-webkit-transform:scale(0);
    -moz-transform:scale(0);
	transform:scale(0);
	}




.animate.translateX-100, .animate.translateX_100, .animate.translateY_100, .animate.translateY-100, .animate.scale-0 {
    opacity: 1;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
	transform:scale(1);
}
@media (max-width: 1200px){
.rel{ position:relative; top:20px;}

}