﻿@charset "utf-8";
/* CSS Document */
.banner3{ width:100%; height:150px; margin:0 auto; text-align:center}
body,table,tr,td,input{ padding:0; margin:0; font-family:Arial, 微软雅黑; color:#a6abaf; font-size:14px;}
p{ padding:0 ; margin:0; font-family:Arial, 微软雅黑; line-height:20px; color:#787878;}
.wrapper {min-height: 100%;position: relative;overflow: hidden;}
.box{ width:92%; margin:0 auto;}
.box-body{ width:100%; margin:0 auto; float:left;}
.fontstyle14{ font-size:14px;}
.fontstyle60{ font-size:60px; letter-spacing:10px;}
.fontstyle72{ font-size:72px; line-height:80px;}
.fontstyle25{ font-size:25px; line-height:40px;}
.fontstyle30{ font-size:30px; line-height:40px;}
.fontstyle20{ font-size:20px; line-height:28px;}
.fontstyle48{ font-size:48px; line-height:80px;}
.fontstyle16{ font-size:16px; }
.fontstyle18{ font-size:18px; }

.fontstyle36{ font-size:36px; }
.box-bottom{ border-bottom:1px solid #c6c6c6;}
.text-left{ text-align:left;}
.box-green{ background:#27abad;}

.text-white{ color:#ffffff;}
.text-blue{ color:#009fff;}
.text-yellow{ color:#ffc445;}
.text-666{ color:#666666;}
.text-121{ color:#121212;}
.text-333{ color:#333333;}

.box-blue{ background:#009fff;}
.box-yellow{ background:#ffc445;}
.box-grey{ background:#efefef;}

.box-right{ margin-right:20px;}


.main-top {position: relative; background:#009fff; height:40px; }
.header-top{ float:right; line-height:36px;}

.main-header {position: relative; background:#ffffff; height:80px; }
.logo{ background:url(../../imagesWebNew/logo.jpg) no-repeat; width:121px; height:80px; float:left;}

.nav {
    float: right;
    height: 80px;
    padding: 0px 20px;
}

    .nav ul {
        padding: 0;
        margin: 0;
    }

        .nav ul li {
            padding: 0px 10px;
            float: left;
            list-style: none;
            line-height: 80px;
            /*width: 112px;*/
            text-align: center;
        }

            .nav ul li a {
                font-size: 15px;
                color: #333333;
                text-decoration: none;
                /*width: 110px;*/
                display: block;
                padding: 0px 10px;
            }

                .nav ul li a:hover {
                    height: 80px;
                    font-size: 15px;
                    color: #ffffff;
                    text-decoration: none;
                    display: block;
                    background: #fbb32a;
                }

.navcopy {
    width: 230px;
    margin: 0px -10px;
    text-align: left;
    position: absolute;
    z-index: 1000;
}

    .navcopy ul {
        width: 230px;
        margin: 0 auto;
        text-align: left;
        padding: 1px 0;
    }

        .navcopy ul li {
            width: 230px;
            margin: 0 auto;
            text-align: left;
            padding: 0px;
            list-style: none;
            font-size: 15px;
            margin-bottom: 1px;
            background: rgba(233,233,233,0.9);
        }

            .navcopy ul li a {
                width: 230px;
                margin: 0 -20px;
                text-align: left;
                padding: 0px 20px;
                list-style: none;
                display: block;
                font-size: 16px;
                color: #666666;
                text-decoration: none;
                height: 42px;
                line-height: 42px;
                margin-bottom: 1px;
            }

                .navcopy ul li a:hover {
                    width: 230px;
                    margin: 0 -10px 0 -10px;
                    text-align: left;
                    padding: 0px 0px 0px 20px;
                    list-style: none;
                    display: block;
                    font-size: 16px;
                    color: #333333;
                    text-decoration: none;
                    background: #ffffff;
                    height: 42px;
                }

.menu_hoverselect{background:#fbb32a;}
.menu_hoverselect .hover{color:#ffffff;}
.menu_hover div{display: none;}
.menu_hover:hover div{display: block;}
.content{ width:100%; margin:0 auto;}
.con-title{ width:100%; margin:0 auto; text-align:center; margin:70px 0 50px 0; text-decoration:none}
.con-title2{ width:100%; margin:0 auto; text-align:left; margin:70px 0 50px 0; text-decoration:none}
.con-con{ width:100%; margin:0 auto; text-align:center; margin:20px 0;}
.cantact{ width:45%; float:left; text-align:left; color:#ffffff; margin:50px 0;}
.subscribe{  width:30%; float:left; text-align:left; color:#ffffff;margin-top:50px;}
.foot-dingyue{  width:25%; float:left; text-align:left; color:#ffffff;margin-top:60px; height:100px;}

.cantact-en {
    float: left;
    text-align: left;
    color: #ffffff;
    padding: 40px 20px;
}

.subscribe-en {
    float: left;
    text-align: left;
    color: #ffffff;
    padding: 40px 20px;
}

.foot-dingyue-en {
    float: left;
    text-align: left;
    color: #ffffff;
    padding: 50px 20px;
    height: 100px;
}

.btn {
	border-radius: 4px;
	box-shadow: none;
	border: 1px solid transparent;
}
.btn-dy{
	background: #f0f0f0;
    color: #009fff;
    border: 2px solid #f0f0f0;
    padding: 8px 20px;
    font-size: 20px;
    text-decoration: none;
    font-family: arial;
    letter-spacing: normal;
}
.btn-dy:hover{
	background: #ffffff;
	color: #009fff;
	border:2px solid #ffffff;
	padding:8px 20px;
	font-size:20px;
	text-decoration:none;
	letter-spacing:2px;
    font-family: arial;
    letter-spacing: normal;

}
.btn-dy-en {
    background: #f0f0f0;
    color: #009fff;
    border: 2px solid #f0f0f0;
    padding: 8px 20px;
    font-size: 20px;
    text-decoration: none;
    font-family: arial;
    letter-spacing: normal;
}
.btn-dy-en:hover{
	background: #ffffff;
	color: #009fff;
	border:2px solid #ffffff;
	padding:8px 20px;
	font-size:20px;
	text-decoration:none;
	letter-spacing:2px;
    font-family: arial;
    letter-spacing: normal;
}

.btn-login{
	background: #009fff;
	color: #ffffff;
	border-color: #009fff;
	padding:3px 12px 4px 12px;
	font-size:14px;
	text-decoration:none;
}
.btn-login:hover{
	background: #58c0ff;
	color: #ffffff;
	border-color: #58c0ff;
	padding:3px 12px 4px 12px;
	font-size:14px;
	text-decoration:none;
}
.logoline_apply{ float:right; margin-top:30px; }
.subscribebg{background:rgba(40, 60, 92, 0.8) !important;/*实现FF背景透明，文字不透明*/
 width:100%; height:100%; text-align:center; margin:0 auto; position: fixed;  z-index: 1;top: 0;
left: 0; opacity: 0.3; filter: alpha(opacity=30); display: none;}
.subscribebox{margin:0 auto;text-align:center;} 
.subscribemain{width:518px; margin:0 auto; background:#ffffff; top:20%; float:left;} 
.inputstyle{border: 1px solid #dddddd; width:80%; padding:4px 10px ; color:#999999; }
.subcribe_submit{width:80px; margin:0 auto; text-align:center; background:#009fff; color:#ffffff; padding:4px 0; font-size:13px; font-family:微软雅黑; border-radius:2px;}
.inputstyle::-webkit-input-placeholder{
            /* WebKit browsers */
            color: #999;
            font-style:normal;}
.inputstyle:-moz-placeholder{
            /* Mozilla Firefox 4 to 18 */
            color: #999;
            font-style:normal;}
.inputstyle::-moz-placeholder{
            /* Mozilla Firefox 19+ */
            color: #999;
            font-style:normal;}
.inputstyle:-ms-input-placeholder{
            /* Internet Explorer 10+ */
            color: #999;
            font-style:normal;}
 /*regist start*/
.regist{ width:100%; float:left }
.regist_banner{ background:url(../../imagesWebNew/registbg.jpg) center center; width:100%; height:830px;  background-repeat:no-repeat;}
.regist_contain{ width:80%; margin:0 auto; text-align:center; padding:30px 0;}
.regist_title{ color:#0088cc; font-size:36px; line-height:90px;}

.regist_note1{ background:rgba(255, 255, 255, 0.2) ; font-size:12px; color:#666666; padding:0px 5px 5px 5px; width:360px; margin:0 auto;}

.regist_redmark{ color:#e50303; font-size:16px;}
.regist_headings{ font-size:16px; color:#999999; border-bottom:1px dotted #e5e5e5; text-align:center}
.regist_formInput{background:rgba(255, 255, 255, 0.7) ; height:24px; color:#767676; width:100%; height:37px; padding:0 0 0 6px;font-family:微软雅黑, Arial, Helvetica, sans-serif; border:1px solid #ffffff; border-radius:4px;}


.regist_submit{ width:100%; height:42px; background:#0088cc; color:#ffffff;  text-align:center; font-size:16px; line-height:42px;
-moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px; padding:0 3px;     }

	
.regist_selectclass{background: none ;  color:#767676; width:100%; height:41px; padding:0 0px 0 6px;font-family:微软雅黑, Arial, Helvetica, sans-serif;border-radius:4px; }
.regist_selectstyle{ height:37px; line-height:37px;}
 .regist_warn
        {
            color: #db4437;
            line-height: 24px;
            margin-left: 10px;
            font-family: 微软雅黑, Arial, Helvetica, sans-serif;
            font-size: 13px;
        }
.rigist_table{ width:80%;}
/*regist end*/
/*regist success start*/
.registsuccess{ width:100%; float:left }
.registsuccess_banner{ background:url(../../imagesWebNew/registbg.jpg) center center; width:100%; background-repeat:no-repeat; text-align:center; margin:0 auto; padding:70px 0;}
.registsuccess_contain{ width:70%; margin:0 auto; text-align:center; padding:0; background:#ffffff; box-shadow:#bed8e1 0 0 10px; border-radius:4px;}
.registsuccess_containbox{ width:84%; margin:0 auto; text-align:center; padding:0; }

/*regist success end*/

/*login start*/
.login{ width:100%; float:left }
.login_banner{ width:100%;  background-repeat:no-repeat;}
.login_left{ width:60%; margin:0 auto; text-align:center; float:left; background:url(../../imagesWebNew/login_02.jpg) left top; height:845px;}
.login_right{ width:40%; margin:0 auto; text-align:center; float:left;}
.login_left_font{width:90%; margin:120px auto 0 auto; text-align:left;}
.login_right_font{width:70%; margin:120px auto 0 auto; text-align:left;}
.login_submit{ width:100%; height:48px; background:#2594ea; color:#ffffff;  text-align:center; font-size:16px; line-height:48px;
-moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px; padding:0 3px;     }
/*login end*/
.smallbox{ width:500px; text-align:center; margin:110px auto 200px auto; text-decoration:none; background:#ffffff; border:1px solid #efefef; border-radius:4px; }
.inputstylebox{ border:0; border:1px solid #e6e6e6; padding:1px 10px 2px 10px; font-size:13px; color:#666666; font-family: Arial, 微软雅黑; height:40px; border-radius:4px;}
.inputstylePass{ border:0; font-size:13px; color:#aaaaaa; font-family: Arial, 微软雅黑; float:left; height:40px; line-height:40px;}


@media (min-width: 700px)and (max-width:960px){
.cantact{ width:100%; float:left; text-align:left; color:#ffffff; margin:50px 0;}
.subscribe{  width:30%; float:left; text-align:left; color:#ffffff;margin-top:50px;}
.foot-dingyue{  width:70%; float:left; text-align:left; color:#ffffff;margin-top:60px;}
.regist_contain{ width:100%;}
.rigist_table{ width:100%;}
.login_left{ width:100%; height:550px;}
.login_right{ width:100%; margin-bottom:80px;}
}
	
@media (max-width:700px){
.cantact{ width:100%; float:left; text-align:left; color:#ffffff; margin:50px 0;}
.subscribe{  width:100%; float:left; text-align:left; color:#ffffff;margin-top:50px;}
.foot-dingyue{  width:100%; float:left; text-align:left; color:#ffffff;margin-top:60px;}
.nav{ background:#ffffff; width:100%; display:inline;}
.regist_contain{ width:100%;}
.rigist_table{ width:100%;}
.login_left{ width:100%; height:550px;}
.login_right{ width:100%; margin-bottom:80px;}
.registsuccess_contain{ width:96%;}
.smallbox{ width:90%; margin:30px auto;}
}