﻿/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#E8E8E8;scrollbar-shadow-color:#C1C1BB;scrollbar-highlight-color:#C1C1BB;scrollbar-3dlight-color:#EBEBE4;scrollbar-darkshadow-color:#EBEBE4;scrollbar-track-color:#F4F4F0;scrollbar-arrow-color:#CACAB7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
a{text-decoration: none; color:#fff;}
a:hover { text-decoration: none; color:#79f342;}
.clear{margin:0px; padding:0px; clear:both;}
TABLE {BORDER-COLLAPSE: collapse; border-spacing: 0;}
TABLE img{ display:block;}
img{border:0px;}
input,button,textarea,a {outline:0 none !important; blr:expression(this.onFocus=this.blur());}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer;-webkit-appearance: none;}

body{font-size:12px; color:#fff; background:#1e2553; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;  }

td{font-size:12px; line-height:26px;}


@font-face{font-family:fontch01; src:url(../font/BEBAS.TTF);}

#idheader{margin:0 auto; width:100%; height:68px; position:fixed; top:0; left:0; background:#0b0428; z-index:999; border-bottom:1px #3c3653 solid;}
.header{width:96%; max-width:1200px; height:68px; margin:0 auto;}
.headerleft{float:left; width:23%; overflow:hidden; height:68px;}
.headercent{float:left; width:40%;}
.headerright{float:right; width:22%; overflow:hidden; padding-top:14px;}
.headerleft img{display:block;}
.headercent li{float:left; text-align:center; font-size:14px; height:68px; line-height:68px;}
.headercent li a{color:#fff; display:block; padding:0 20px;}
.headercent li a:hover{ color:#03f8c2; border-bottom:2px #03f8c2 solid;}
.headerright p{ width:110px; height:37px; line-height:37px; text-align:center; font-size:14px; color:#4ef4bb; border:1px #2e8376 solid; border-radius:5px; float:right;}
.headerright p a{color:#4ef4bb;}
.headerright p a:hover{color:#fff;}
.headercent02{display:none;}
.headerright_p02{display:none;}
@media screen and (max-width:640px){
#idheader{height:109px;}
.header{width:94%;}
.headerleft{width:75%;}
.headercent{display:none;}
.headerright{width:25%;}
.headerleft img{/*height:100%;*/}
.headerright p{width:60px;}
.headercent02{display:block; border-top:1px #3c3653 solid; overflow:hidden;}
.headercent02 li{float:left; text-align:center; font-size:0.875rem; height:40px; line-height:40px;}
.headercent02 li a{color:#fff; display:block; padding:0 20px;}
.headercent02 li a:hover{ color:#03f8c2; border-bottom:2px #03f8c2 solid;}
.headerright_p01{display:none;}
.headerright_p02{display:block;}
}


.hbanner{ margin:68px auto 0; width:100%; overflow:hidden;}
.hbanner img{ width:100%; height:auto; display:block;}
@media screen and (max-width:640px){
.hbanner{ margin:110px auto 0;}
}





#idhone{ padding:65px 0 110px; margin:0 auto; width:100%; overflow:hidden; background:#1e2552 url(../images/hbg01.jpg) no-repeat center top; background-size:100%;}
.honetitle{ width:100%; height:100px; overflow:hidden; margin:0 auto; background:url(../images/back_07.png) no-repeat;background-size:100%;}
.hone{width:96%; max-width:845px; min-height:593px; padding:95px 82px 0; overflow:hidden; margin:30px auto 0; background:url(../images/back_10.png) no-repeat;}
.hone dl{overflow:hidden; width:100%;margin-bottom:12px;}
.hone dl dt{float:left; overflow:hidden; width:18%; text-align:center; font-size:24px; font-weight:bold;}
.honedl01{}
.honedl01 dt{padding-top:30px;color:#99ffff;}
.honedl01 dd{float:left; overflow:hidden;}
.honedl01_dd01{min-width:24px;}
.honedl01_dd01 p{background:url(../images/index_13.png) repeat-y center top; min-height:105px; margin-bottom:12px;}
.honedl01_dd02{ width:74%; font-size:16px; line-height:36px; margin-left:2%;}
.honedl02{}
.honedl02 dt{padding-top:30px; color:#cc99cc;}
.honedl02 dd{float:left; overflow:hidden;}
.honedl02_dd01{min-width:24px;}
.honedl02_dd01 p{background:url(../images/index_21.png) repeat-y center top; min-height:93px; margin-bottom:12px;}
.honedl02_dd02{ width:74%; font-size:16px; line-height:36px; margin-left:2%;}
.honedl03{}
.honedl03 dt{padding-top:30px; color:#cccc66;}
.honedl03 dd{float:left; overflow:hidden;}
.honedl03_dd01{min-width:24px;}
.honedl03_dd01 p{background:url(../images/index_27.png) repeat-y center top; min-height:93px; margin-bottom:12px;}
.honedl03_dd02{ width:74%; font-size:16px; line-height:36px; margin-left:2%; padding-top:10px;}
.honedl04{}
.honedl04 dt{padding-top:30px; color:#0be99c;}
.honedl04 dd{float:left; overflow:hidden;}
.honedl04_dd01{min-width:24px;}
.honedl04_dd01 p{background:url(../images/index_33.png) repeat-y center top; min-height:93px; margin-bottom:12px;}
.honedl04_dd02{ width:74%; font-size:16px; line-height:36px; margin-left:2%; padding-top:10px;}
@media screen and (max-width:640px){
#idhone{ padding:30px 0 50px;}
.honetitle{ height:60px; background:url(../images/back_07_1.png) no-repeat;background-size:100%;}
.hone{width:94%; max-width:inherit; min-height:inherit; padding:30px 0 10px; margin:20px auto 0; border:1px #586bce solid; background:url(../images/back_10_1.png);}
.hone dl dt{width:35%; font-size:1.4rem;}
.honedl01 dt{padding-top:80px;}
.honedl01_dd01 p{min-height:190px;}
.honedl01_dd02{ width:50%; margin-left:4%; font-size:0.875rem; line-height:24px;}
.honedl02_dd01 p{min-height:160px;}
.honedl02_dd02{ width:50%; font-size:0.875rem; line-height:24px; margin-left:4%; line-height:24px;}
.honedl03 dt{padding-top:40px;}
.honedl03_dd01 p{min-height:120px;}
.honedl03_dd02{ width:50%; font-size:0.875rem; margin-left:4%; padding-top:0; line-height:24px;}
.honedl04 dt{padding-top:50px;}
.honedl04_dd01 p{min-height:150px;}
.honedl04_dd02{ width:50%; font-size:0.875rem; margin-left:4%; padding-top:0; line-height:24px;}
}
@media screen and (max-width:413px){
.honedl01 dt{padding-top:90px;}
.honedl01_dd01 p{min-height:215px;}
.honedl02_dd01 p{min-height:160px;}
.honedl03 dt{padding-top:60px;}
.honedl03_dd01 p{min-height:145px;}
.honedl04 dt{padding-top:50px;}
.honedl04_dd01 p{min-height:150px;}
}





#idhtwo{ width:100%; overflow:hidden; margin:0 auto; padding-bottom:60px; background:#171c3f url(../images/hbg02.jpg) repeat center bottom;}
.htwotitle{width:100%; height:100px; overflow:hidden; margin:0 auto; background:url(../images/back_13.png) no-repeat;background-size:100%;}
.htwo{margin:30px auto 0; width:1014px; height:600px; padding:45px 0 0 40px; overflow:hidden; background:url(../images/back_16.png) no-repeat;}
.htwo dl{overflow:hidden; width:100%;}
.htwo dt{float:left; overflow:hidden; width:22%; text-align:center; font-size:18px; color:#00ffff; line-height:30px;}
.htwo dd{float:left; overflow:hidden;}
/*
.htwodd01{min-width:30px;}
.htwodd01 p{background:url(../images/index_47.jpg) repeat-y center top; min-height:20px; margin-bottom:6px;}
.htwodd02{ width:70%; margin-left:2%;}
.htwodd02 h4{font-weight:normal; font-size:18px; overflow:hidden; background:#06092a; border-radius:25px; padding:6px 20px; display:inline-table;}
*/
.htwodd01{min-width:30px;}
.htwodd01 p{background:url(../images/index_47.jpg) repeat-y center top; min-height:20px; margin-bottom:6px;}
.htwodd02{ width:70%; margin-left:2%;}
.htwodd02 h4{font-weight:normal; font-size:18px; overflow:hidden; border-radius:25px; padding:5px 0px 5px 20px; line-height:20px;}
@media screen and (max-width:640px){
#idhtwo{padding-bottom:20px;}
.htwotitle{height:60px; background:url(../images/back_13_1.png) no-repeat;background-size:100%;}
.htwo{margin:20px 2% 0; width:auto; height:auto; padding:30px 20px; overflow:hidden; background:url(../images/mbg01.jpg) no-repeat; background-size:100%; min-height:640px;}
.htwo dl{margin-bottom:10px;}
.htwo dt{font-size:1rem; line-height:32px; width:32%;}
.htwodd02{ width:56%; margin-left:2%;}
.htwodd02 h4{font-size:0.875rem;}
}
@media screen and (max-width:413px){
.htwo{background:url(../images/mbg02.jpg) no-repeat; background-size:100%; height:100%; min-height:600px;}
}





#idhthree{background:#191935 url(../images/hbg03.jpg) no-repeat center top; width:100%; margin:0 auto; overflow:hidden;}
.hthreetitle{width:100%; height:100px; overflow:hidden; margin:0 auto; background:url(../images/back_19.png) no-repeat;background-size:100%;}
.hthree{width:96%; max-width:1200px; margin:0 auto 0; overflow:hidden;}

.tabs02{overflow:hidden; margin:0 auto;}
.tabs{overflow:hidden; margin:20px auto 0;}
.tabs_title{width:970px; height:59px; overflow:hidden; margin:0 auto;}
.tabs_title_01{width:60px; height:59px; font-size:20px; text-align:center; cursor:pointer; color:#fff; float:left; padding-top:5px;}
.tabs_title_01 p{font-size:18px; line-height:20px;}
.tabs_title_02{width:60px; height:59px; font-size:20px; text-align:center; cursor:pointer; color:#fff; float:left; background:url(../images/back_22.png) no-repeat; padding-top:5px;}
.tabs_title_02 p{font-size:18px; line-height:20px;}
.tabs_title_03{width:50px; height:62px; overflow:hidden; float:left; text-align:center;}
.tabs_title_03 img{padding-top:20px;}
.tabs_content{overflow:hidden; width:96%; max-width:1300px; margin:30px auto 0; text-align:center;}
.tabs_content img{width:100%; height:auto; display:block;}
.tabs_content02{margin:5px auto 0; text-align:left;}
@media screen and (max-width:640px){
.hthreetitle{height:60px; background:url(../images/back_19_1.png) no-repeat;background-size:100%;}
.hthree{width:94%;}

.tabs{margin:10px auto 0;}
.tabs_title{width:94%; height:auto; padding-left:3%;}
.tabs_title_01,.tabs_title_02,.tabs_title_03{}
.tabs_title_01{font-size:1rem; padding-top:10px; height:52px;}
.tabs_title_01 p{font-size:0.875rem;}
.tabs_title_02{font-size:1rem; padding-top:10px; height:52px;}
.tabs_title_02 p{font-size:0.875rem;}
.tabs_content{width:94%; margin:15px auto 0;}
.tabs_content02{width:100%; margin-top:0px;}
}
@media screen and (max-width:413px){
.tabs_title{width:96%; height:auto; padding-left:2%;}
.tabs_content02{margin-top:0px;}
.tabs02 .tabs_title_03{width:36px;}
}


#idhfour{background:#1e2552 url(../images/hbg04.jpg) no-repeat center bottom; width:100%; margin:0 auto; overflow:hidden;}
.hfouretitle{width:100%; height:255px; overflow:hidden; margin:0 auto; background:url(../images/back_32.png) no-repeat;background-size:100%;}
.hfour{ width:96%; max-width:1030px; margin:40px auto 0px;}
.hfour_left{float:left; overflow:hidden; width:65%; border:1px #0d8096 solid;}
.hfour_right{float:right; overflow:hidden; width:30%;}
.hfour_left img{width:100%; height:auto; display:block;}
.hfour_right_top{overflow:hidden;border:1px #0d8096 solid; margin-bottom:19px;}
.text01{width:98%; padding-left:2%; border:0; background:#0b0428; color:#4bf2b9; line-height:48px; font-size:18px;font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;}
.hfour_right_l{float:left; overflow:hidden; width:57.8%;}
.hfour_right_r{float:right; overflow:hidden; width:87%; min-height:265px; padding:8.5% 6%; border:1px #0d8096 solid; text-align:center; background:#0b0428; line-height:20px;}
.hfour_right_l p{overflow:hidden;border:1px #0d8096 solid; margin-bottom:19px;}
.text02{width:98%; padding-left:2%; border:0; background:#0b0428; color:#4bf2b9; line-height:48px; font-size:18px;font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;}
.submit01{ background:#4ef4bb; width:100%;line-height:48px; cursor:pointer; border:0; font-size:24px; color:#333333;font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; border-radius:0!important;}
.submit01:hover{background:#13c688; cursor:pointer;}
.hfour_right_r p {padding:10%;}
.hfour_right_r p img{width:100%; height:auto; display:block;}
@media screen and (max-width:640px){
.hfouretitle{height:140px; background:url(../images/back_32_1.png) no-repeat;background-size:100%;}
.hfour{ width:94%; margin:0px auto 30px;}
.hfour_left{float:none; width:92%; border:1px #0d8096 solid; margin:0 auto;}
.hfour_right{float:none; width:92.5%; margin:20px auto 0;}
.hfour_right_top{margin-bottom:15px;}
.hfour_right_l p{margin-bottom:15px;}
.hfour_right_l{width:57%;}
.text01{font-size:1rem; line-height:40px;}
.text02{font-size:1rem; line-height:40px;}
.submit01{line-height:40px;}
.hfour_right_r{min-height:232px;}
.hfour_right_r p{margin-top:0px;}
}




/*--------首页页脚版权说明--------------*/
#footer {width:94%; padding:20px 3% 20px; margin:20px auto 0; overflow:hidden; border-top:1px #29326d solid;}
#footer .title{font-size:20px; margin-bottom:15px;}
#footer li{font-size:14px; line-height:32px;}
.col-md-401{overflow:hidden; width:40%; float:left;}
.col-md-402{overflow:hidden; width:22%; float:left; padding-left:2%;}
.col-md-403{overflow:hidden; width:36%; float:right;}
.col-md-401 ul{float:left; overflow:hidden; width:25%;}
.col-md-403 ul{float:left; width:70%;}
.qrcode{float:right; padding-top:18%; width:30%;}
.qrcode img{max-width:100%; height:auto;}
@media screen and (max-width:640px){
#footer{}
#footer li{font-size:0.875rem;}
.col-md-401,.col-md-402{display:none;}
.col-md-403{width:90%; float:none; margin:0 auto;}
.col-md-403 ul{float:none; width:100%;}
.qrcode{float:none; padding-top:15px; width:100%;}
}









