charset "utf-8";
html{overflow-y:scroll;height:100%;overflow-x:hidden; min-width: 320px;}
body{-webkit-text-size-adjust:100%}
body{height:100%;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial;font-size:14px;color:#333;position:relative;background:#fff; }
html, body {position: relative;height: 100%;}
img{vertical-align:middle;max-width:100%}
a{cursor:pointer;color:#000;transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;-o-transition:.4s;}
a:hover{color:#ff0000}
input{outline:0;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial;font-size:14px;color:#333;}
input[type=text],input[type=button]{appearance: none;-webkit-appearance: none;}
table{border-collapse:collapse}
:focus{outline:0}
li,ol,ul{list-style:none}
input,select{outline:0;color:#333;background:#fff;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial}
textarea{resize:none;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial;outline:0;color:#555}
.clear{clear:both}
b,em,i{font-style:normal}
.fl{float:left}
.fr{float:right}
.p_re{position:relative}
.p_ab{position:absolute}
.con_{width:1250px;margin:0 auto}
.overH{overflow:hidden}
.trans06{transition:.6s;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s}
.trans1{transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s}

.c_blue{ color: #018abb; }
.c_333{ color: #333; }
.t_l{ text-align: left; }
.t_c{ text-align: center; }
.overH{ overflow: hidden; }
.animateDH0{opacity: 0; transition: 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; position: relative;transform: scale(2); }
.animateDH0.cur{opacity: 1; top: 0;transform: scale(1); }
.loading{background:#fff url(../images/loading_2.gif) no-repeat center center; background-size: 20% auto; position: fixed; z-index: 100; width: 100%; height: 100%; left: 0; top: 0;}

.paddT{ height: 0px; padding-top:172px; width: 100%;}
.container{width:1300px;margin:0 auto;}

header{background:#fff;position: fixed;z-index:10;left:0;top:0;width:100%; transition: 0.2s; min-width: 320px; }
header .header_f1{ background: #fff; padding: 25px 0;  position: relative; z-index: 2 }
.logo{ float: left;transition: 0.2s;}
.logo img{height:68px;width:auto; display: block; float: left;}
.logo a{display:block}
header .header_f1 .fr{ padding-top: 9px; }
header .header_f1 .fr .tel{ float: left; height: 50px; margin-right: 20px; }
header .header_f1 .loginbox{ width: 116px; float: left; margin:6px auto; line-height: 38px; text-align: center; border: solid 1px #f0f0f0; }
header .header_f2{ background: #018abb; } 
header .header_f1 .loginbox.loginbox2{ position: relative; width: 80px; margin-bottom: 0; padding-bottom: 6px; background: url(../images/arrowd_2.png) no-repeat right 14px;border: none;  }
header .header_f1 .loginbox.loginbox2 span{ display: inline-block; vertical-align: top; width: 36px; height: 36px; background: url(../images/user_2.png) no-repeat center center; }
header .header_f1 .loginbox.loginbox2 .hov{ position: absolute; background: #fff; width:100px; text-align: center; line-height:30px; right: 0; top: 40px; height: 80px; padding: 10px 0; border: solid 1px #ccc; display: none; }
header .header_f1 .loginbox.loginbox2 .hov a{ display: block; }
header .header_f1 .loginbox.loginbox2 .hov a:first-child{ border-bottom: dotted 1px #dedede ; }
header.cur{ margin-top: -118px; }
.nav{ text-align: center;}
.nav li{ float: left; font-size: 16px; background:url(../images/x_07_2.jpg) no-repeat right center; margin-right: 1px; position: relative;}
.nav li:last-child{ background: none; margin-right: 0;  }
.nav li>a{display:block; text-align: center; line-height:54px; color: #fff; padding: 0 16px; position:relative; }
/*.nav li a::after{ content: ''; position: absolute; width: 0; height: 3px; background: #32d174; left: 50%; bottom:0; }*/
.nav li.on>a,.nav li:hover>a{ background: #32d174 }
.nav-logo{position:absolute;right:3%;top:50%; margin-top: -11px; display:none; cursor: pointer;}
.nav-logo span{width:30px;height:3px;background:#018abb;display:block;margin-bottom:6px }
.nav li .dl{ width: 100%; position: absolute; left: 0; background: #018abb;  border-top: solid 2px #fff; padding:10px 0; display: none;  }
.nav li .dl a{  display: block; line-height: 30px; font-size: 14px; color: #fff; }
.nav li .dl a:hover{ background: #36a0c6 }
.nav li i{ display:none; width: 100%; height: 40px; position: absolute; left: 0; top: 0; background: url(../images/arrowd_2.png) no-repeat 95% center; }
.btn1{ text-align: center; color: #fff; margin: 0 auto; display: block;height: 40px; line-height: 40px; background-image: url(../images/icobtn_2.png); 
background-repeat:no-repeat; transition: 0.4s; font-size: 14px; }
.btn1:hover{ color: #fff; transform: scale(1.05); }

.table{ display: table; width: 100%; height: 100%; }
.table_cell{ display: table-cell; vertical-align: middle; }

.swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 0; }
.swiper-pagination-bullet-active{ background: #018abb}
.sy_swiper1 .swiper-pagination-bullet{background: #fff; }
.sy_swiper1 .swiper-pagination-bullet-active{ background: #018abb}
.sy_swiper1 .swiper-slide{ overflow: hidden; }
.sy_h2{ text-align: center; padding-top:40px; font-size: 34px; font-weight: 700; padding-bottom: 1em; }
.sy_h2 span{ color: #018abb; font-weight: 700; }
.sy_block{ padding-bottom: 40px; }
.sy_f2 .sy_swiper2{margin-bottom: 40px;}
.sy_f2 .sy_swiper2 .block{ border: solid 1px #f0f0f0; padding:0 5% ; transition: 0.4s; margin: 1px; }
.sy_f2 .sy_swiper2 .block p{ font-weight: 700; text-align: center; font-size: 16px; line-height:50px; border-bottom: dashed 1px #dedede;transition: 0.4s;  }
.sy_f2 .sy_swiper2 .block .rk{ font-size: 0px; padding: 12px 0; }
.sy_f2 .sy_swiper2 .block .rk a{ display: inline-block; text-align: center; line-height: 26px; font-size: 12px; width: 33.33%; vertical-align: top; }
.sy_f2 .sy_swiper2 .block:hover{ background: #018abb;}
.sy_f2 .sy_swiper2 .block:hover a,.sy_f2 .sy_swiper2 .block:hover a:hover{color: #fff;}
.sy_f2 .sy_swiper2 .block:hover p{ border-color: #fff; color: #fff; }
.pagination2.swiper-pagination{ position: relative; bottom: 0; padding-top: 20px; display: none; }
.sy_f2 .btn1{ background-position:-27px top; width: 185px; }

.sy_f3{ background: url(../images/sy_12_2.jpg) no-repeat center center; background-size: cover; padding: 50px 0; }
.sy_f3 .box,.sy_f4 .box{ max-width: 80%; line-height: 2.2; font-size: 16px; color: #fff; }
.sy_f3 .box span,.sy_f4 .box span{ color: #34d373;}
.sy_f3 .box .p1,.sy_f4 .box .p1{ font-weight: 700; font-size: 24px; }
.sy_f3 .box .p1 span,.sy_f4 .box .p1 span{ font-weight: 700; color: #34d373; }
.sy_f3 .btn1{ background-position:-57px top; width: 155px; margin:25px 0 0 0;  }
.sy_f4{ background: url(../images/sybg2_10_2.jpg) no-repeat center center; background-size: cover; padding: 130px 0 190px; }
.sy_f4 .box{ float: right; width: 50%; padding-left: 6%; color: #333; }
.sy_f4 .btn1{ background-position:0 top; width:212px; margin:25px 0 0 0;  }
.sy_f5{ background: url(../images/bg3_02_2.jpg) no-repeat center center; background-size: cover; height: 418px; color: #fff; }
.sy_f5 .container{ height: 100%; }
.sy_f5 .container .table_cell{ width: 50%; text-align: center; line-height: 40px; font-weight: 700; }
.sy_f5 .container .cel_1{ font-size: 24px; }
.sy_f5 .container .cel_2{ font-size: 30px; }
.sy_f5 .container .cel_1 .btn1{ background-position:-57px top; margin-top: 25px; width: 155px; font-weight: 400; }
.sy_f5 .container .cel_2 .btn1{ background-position:-5px -44px;margin-top: 25px; width: 155px; font-weight: 400; }

.sy_f6{ background: url(../images/sy_18_2.jpg) no-repeat center center; background-size: cover; padding:40px 0 140px;}
.sy_f6 .btn_box{ width: 80%; margin: 0 auto; font-size: 0; }
.sy_f6 .btn_box a{ display: inline-block; line-height: 30px; padding: 0 20px; font-size: 14px; border-radius:30px; margin:0px 10px 20px; background: #272636; color: #fff; }
.sy_f6 .btn_box a:hover{ color: #34d373; }
.sy_f6 .btn1{ background-position:-57px top; width: 155px; margin-top:25px;}
.sy_f7{ padding-bottom:70px; }
.sy_f7 .sy_swiper3{ margin: 0 50px; }
.sy_f7 .sy_swiper3 a{ display: block; overflow: hidden; }
.sy_f7 .sy_swiper3 img{ display: block; width: 100%; height:213px; transition: 1s; }
.sy_f7 .sy_swiper3 a:hover img{ transform: scale(1.1); }
.sy_f7 .btn_{ position: absolute; width: 30px; height: 60px; top: 50%; margin-top: -30px; background-image: url(../images/icobtn_2.png); z-index: 3; cursor: pointer; }
.sy_f7 .btn_L{ left: 0; background-position: -303px -10px }
.sy_f7 .btn_R{ right: 0; background-position: -358px -10px }
.sy_f7 .btn_:hover{ background-color: #f1f1f1; }
.sy_f8{ background: url(../images/sy_33_2.jpg) no-repeat center center; background-size: cover; height: 250px;}
.sy_f8 .sy_h2{ color: #018abb }
.sy_f8 .btn1{background-position:left -89px; width:285px; height: 60px; line-height: 60px; padding-left: 90px;}
.sy_f9{ background:#f2f2f2; padding-bottom: 80px; }
.sy_f9 .sy_h2 span{ color: #34d373; }
.sy_f9 .ul li{ width:22.6%; float: left; margin-right: 3%; background: #fff; padding:4% 0 3%;   }
.sy_f9 .ul li:last-child{ margin-right: 0;  }
.sy_f9 .ul li img{ margin: auto; display: block; }
.sy_f9 .ul li h3{ font-size: 20px; padding: 1.2em 10px; font-weight: 700; text-align: center; }
.sy_f9 .ul li:nth-child(1){ border-top: solid 1px #be342a; }
.sy_f9 .ul li:nth-child(2){ border-top: solid 1px #007455; }
.sy_f9 .ul li:nth-child(3){ border-top: solid 1px #018abb; }
.sy_f9 .ul li:nth-child(4){ border-top: solid 1px #ff2502; }
.sy_f9 .ul li .btn1{ width: 120px; }
.sy_f9 .ul li:nth-child(1) .btn1{ background-position: left -154px;  }
.sy_f9 .ul li:nth-child(2) .btn1{ background-position: left -196px;  }
.sy_f9 .ul li:nth-child(3) .btn1{ background-position: left -241px;  }
.sy_f9 .ul li:nth-child(4) .btn1{ background-position: left -285px;  }
.sy_f10{ padding: 40px 0 50px; }
.sy_f10 .ksdgbota{ width:49%; height:346px; float: left;}
.sy_f10 .ksdgbota:last-child{float: right;}
.sy_f10 .ksdgbota h4{font-size:18px; font-weight: 700; color:#252525; text-align:center; padding-bottom: 1em;}
.sy_f10 .ksdgbotb{ float:left; border:#bfbfbf solid 1px; padding:15px; width: 100%; }
.sy_f10 .ksdgbotb ul{ margin:0; padding:0; }
.sy_f10 .ksdgbotb ul li{ line-height:30px; font-size:12px; color:#555555; position: relative; padding-right: 100px; }
.sy_f10 .ksdgbotb ul li a{ background:#34d373;border-radius:2px; width:80px; height:22px;font-size:12px; color:#fff; display:block; text-align:center; line-height:22px; position: absolute; right: 0; top: 4px;}
.sy_f10 .ksdgbotb ul li a:hover{ background:#018abb; }
.sy_f10 .ksdgbotb ul li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sy_f11{ color: #fff; background: url(../images/sy_48_2.jpg); padding:55px 0 77px;  }
.sy_f11 h4{ font-weight: 700; font-size: 26px; padding-bottom: 1em; }
.sy_f11 .w56{ width:56%; float: left;  }
.sy_f11 .w56 form{  width: 100%; border-right: solid 1px #505352; padding-right: 28px;}
.sy_f11 .w56 form .input1,.sy_f11 .w56 form .select1{ width: 246px; font-size: 12px; color: #fff; display: inline-block;height: 40px;  line-height: 40px; border: solid 1px #343535; background: none; padding: 0 10px;  }
.sy_f11 .w56 form .select1 option{ color: #333; }
.sy_f11 .w56 form .line{ margin-bottom: 20px; line-height: 40px; }
.sy_f11 .w56 form .line span{ font-size: 12px; padding-left: 8px;display: inline-block; }
.sy_f11 .w56 form .line span b{ color: #ca0100 }
.sy_f11 .w56 form .line label{ padding-left: 10px; vertical-align: top; text-align: center; display: inline-block;  width: 90px; }
.sy_f11 .w56 form .select2{ width: 140px; }
.sy_f11 .w56 form .textarea1{ width:476px; max-width: 80%; font-size: 12px; color: #fff; line-height: 20px; border: solid 1px #343535; background: none; padding:10px; height: 100px;  }
.sy_f11 .w56 form  .btn1{ border: none; background-color: transparent; margin-left: 90px; width: 116px; background-position: -96px top; }
.sy_f11 .w44{ width:44%; padding:0 40px;  float: left;  }
.sy_f11 .w44 .p{ line-height: 2; }
.sy_f12{ height: 480px; background-image:url(../images/sy_49_2.jpg); position: relative; background-position: center center;background-repeat: no-repeat;background-size: cover;}
.sy_f12>.container{ height: 100%; padding-bottom: 58px; }
.sy_f12 .container .table_cell{ padding: 0 8%; }
.sy_f12 .container .table_cell p{ line-height: 2; }

footer{ background: #018abb;  color: #fff; font-size: 13px; line-height: 20px; padding: 19px 0; }
footer a{ color: #fff }
.totop{ position:fixed; z-index: 10; right: 10px; bottom: 10px; cursor: pointer; background: url(../images/top02_2.jpg); width: 40px; height: 40px;  }
.sy_f12 footer{ position: absolute; width: 100%; left:0; bottom: 0; background: rgba(1,138,187,0.7); }

.con_left{ width:300px; float: left;  }
.con_right{ width: 980px;  float: right;background: #f2f2f2; padding: 0px 20px 30px }
.Main_c{ }

.con_left .box{ margin-bottom: 10px;background: #f2f2f2; }
.con_left .box:last-child{ margin-bottom: 0; }
.con_left .box .top{ color:#fff; text-align: center; font-size: 23px; background: #018abb; line-height: 80px;  }
.con_left .box1{}
.con_left .botm{ padding: 18px; }
.con_left .box1 .botm a{ display: block; background: #fff; float: left; text-align: center; border:  solid 1px #e7e6e6; line-height: 42px; width:127px; margin-right: 10px; margin-bottom: 10px; font-size: 16px;  }
.con_left .box1 .botm a:nth-child(2n){ margin-right: 0; }
.con_left .box1 .botm a:hover{ color: #fff; background: #018abb }
.con_left .botm .line{ margin-bottom: 12px; line-height: 40px; }
.con_left .botm .line label{ float: left; width: 80px; padding-right: 10px; }
.con_left .botm .input1,.con_left .botm .select1{ width:184px; font-size: 12px; float: left;  height: 40px;  line-height: 40px; border: solid 1px #dedede; background:#fff;adding: 0 10px;  }
.con_left form .btnsbmit{ width: 100%; height: 40px; line-height: 40px; color: #fff; border:none; background: #018abb; font-size: 16px; }
.brand{ border-bottom:  solid 1px #cecece; line-height: 56px; padding-top: 10px; }

.about_con{ padding: 20px 0; line-height: 2; }
.about_con h3{ font-weight: bold; font-size: 26px; color: #000; padding-top: 1em; }

.pagebanner{ height: 320px; background-size: cover; background-position: center center; color: #fff; text-align: center; }
.pagebanner h2{ padding-top:100px; font-size:40px; }
.pagebanner h5{  font-size: 25px; line-height: 1; text-transform:uppercase; }
.page_f1{ padding: 30px 0 40px; }
.contact_con{}
.contact_con h3{color:#018abb; padding-bottom: 1em;}
.contact_con{ font-size: 16px; }
.contactmap{ width: 100%; height: 400px; margin-top: 40px; border: solid 1px #ccc;  }

.pro_main{  overflow:hidden; padding-bottom: 40px; }
.pro_main .ul{ margin-right: -12px; font-size: 0; margin-top: 40px; }
.pro_main li{ width:25%; display: inline-block; padding-right:12px; margin-bottom:30px; vertical-align: top; }
.pro_main li a{ display: block; overflow: hidden; position: relative;}
.pro_main li a img{ display: block; width: 316px; height:237px; }
.pro_main li h3{ font-size: 14px; border-bottom: solid 1px #dedede; line-height: 55px; height: 55px; position: relative;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;  }
.pro_main li h3::after{ content: ''; position: absolute; bottom: -1px; height: 2px; left: 0; width: 0;  background: #018abb; }
.pro_main li:hover img{ transform: scale(1.2); }
.pro_main li:hover h3::after{ width: 100%;  transition: 0.3s; }
.pro_main li a.pic::before{z-index: 99;position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5); content:''; -webkit-transition:-webkit-transform 0.6s; transition:transform 0.6s; -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0)}
.pro_main li:hover a.pic::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0)}
.pro_main.news_main li .box2{border-bottom: solid 2px #333; overflow: hidden; transition: 0.3s;}
.pro_main.news_main li .date{ font-size: 12px;color: #999;  line-height: 12px; margin-top: -5px; padding-bottom: 15px;}
.pro_main.news_main li .xq{ font-size: 12px; margin-top: 10px; color: #666; line-height: 20px; height: 60px; overflow: hidden; }
.pro_main li .box2 h3{  border-bottom:none; }
.pro_main li .box2 h3:after{ display: none; }
.pro_main.news_main li a.pic::before{}
.pro_main.news_main li:hover .pic{ box-shadow: 0px 0px 8px 2px #bbb; }
.pro_main.news_main li:hover .box2{ border-color: #018abb}


.page_nav_f1{ background: #f2f2f2; padding: 10px 0 5px; line-height: 30px; }
.page_nav_f1 a{ display: inline-block; padding:0 15px; margin-right: 10px; margin-bottom: 5px;  }
.page_nav_f1 a.on,.page_nav_f1 a:hover{ background: #018abb; color: #fff; }


.page_div{text-align:center;padding:10px 0}
.page_div a{display:inline-block;line-height:30px;padding:0 12px;color:#666;margin:0 5px;background:#f1f1f1}
.page_div a.on,.page_div a:hover{color:#fff;background:#018abb}
.newsD_con { padding:20px 0; }
.newsD_con img{ display: block; margin: 10px auto; }
.newsD_con h3{ text-align: center; font-size: 22px; font-weight: 700; margin: 1em 0 0.5em; }
.newsD_con .date{ color: #999; font-size: 12px; margin-bottom: 30px; text-align: center; }

.page_fy{ padding-top: 40px; }
.page_fy .half{ width: 48%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #018abb }
.page_fy .half a{ color: #666; }
.page_fy .half a:hover{color: #018abb}
.page_fy .fl{ text-align: left; }
.page_fy .fr{ text-align: right; }
.Pro_con{ padding: 30px 0; line-height: 2; }

.signup_conP{ padding: 20px 0; }
.signup_conP h3{text-align: center; font-size: 22px; font-weight: 700; margin: 1em 0;}
.signup_conP .p1{ color: #999; }

.signup_conP .form{ width: 80%; margin:30px auto 0; }
.signup_conP .form .div_line{ position: relative; margin-bottom: 20px; line-height: 40px; padding: 0 70px 0 90px; }
.signup_conP .form .div_line label{ position: absolute; width: 90px; font-size: 16px; padding-right: 10px; text-align: right; left: 0; top: 0; }
.signup_conP .form .div_line span{ position: absolute; right: 0; top: 0; color:#D2201E; }
.signup_conP .form .input1,.signup_conP .form .select1{ width:100%;  display: block; height: 40px;  line-height: 40px; border: solid 1px #dedede; background:#fff;padding: 0 10px;  }
.signup_conP .form .textarea1{width:100%;  display: block; height: 100px; line-height:20px; border: solid 1px #dedede; background:#fff;padding:10px; }
.signup_conP .form .btnsbmit{ width:180px; height: 40px; line-height: 40px; color: #fff; border:none; background: #32d174; font-size: 16px; }
.signup_conP .form p{ line-height: 20px; padding-top: 6px; }
.signup_conP .form .div_line.div_line2{padding: 0 70px 0 100px;}
.signup_conP .form .div_line.div_line2 label{ width: 100px; font-size: 14px; }

/**/
.login_main{ width: 500px;border:  solid 1px #ccc; margin: 40px auto; padding:30px; }
.login_main .topic{ color: #018abb; text-align: center; font-size: 24px; line-height: 50px; border-bottom: 2px solid #018abb;margin-bottom: 30px;}
.login_main .line{ position: relative; width: 100%; margin-bottom:20px;}
.login_main .line input{ font-size: 13px; width: 100%; height: 40px; line-height: 40px;  text-indent: 35px; background: url(../images/login_icon1_2.png) no-repeat 10px center #fff; border-radius: 2px; border-color: transparent; border:  solid 1px #dedede; }
.login_main .line.pass input{background: url(../images/login_icon2_2.png) no-repeat 10px center #fff;}
.login_main .line.email input{background: url(../images/login_icon3_2.png) no-repeat 10px center #fff;}
.login_main .error{ display: none; position: absolute; left: 0; top: -20px; line-height: 20px; color: #fff; padding: 2px 3px; border-radius: 3px; background: #666;}
.login_main .error b{ border-width: 5px; border-style: solid; border-color: #666 transparent transparent transparent; position: absolute; left: 10px; bottom: -10px;}
.login_main .code{ position: relative;}
.login_main .code input{ float: left; text-indent: 10px; border-radius: 2px; height: 40px; line-height: 40px;  font-size: 13px; width: 48%;border-color: transparent; border:  solid 1px #dedede; }
.login_main .code .img{ float: right;height: 40px; width: 48%; border: solid 1px #f2f2f2;  }
.login_main .code img{ width: 100%;height: 100%;cursor: pointer;}
.login_main .intro.introp{ text-align: left; margin-bottom: -10px; z-index: 2 }
.login_main .intro{ width: 100%; line-height: 30px; font-size: 14px; margin: 8px auto; text-align: right; }
.login_main .intro.introp input[type=checkbox].check{ width: 14px; height: 14px; padding:0; float: left; display: block;  border:  solid 1px #ccc; appearance:normal !important;-webkit-appearance:normal !important; margin-top: 8px; margin-right: 5px; }
.login_main .intro .forget{ margin-right: 10px; color: #999; float: right;}
.login_main .intro .reg{ color: #ff9900; float: right;}
.login_main .submit{ width: 100%; height: 40px; background: #32d174; display: block; margin: 0 auto; border: 0; color: #fff; font-size: 16px; margin-top: 20px; overflow: hidden; line-height: 40px; text-align: center; }
.c_bule{ color:#018abb }


/**/
.forget_main{ width: 100%; margin: 30px auto;}
.forget_main .topic{ width: 100%; height: 48px; line-height: 48px; font-weight: 700; border: 1px solid #e5e5e5; background: #fafafa; text-indent: 15px; font-size: 18px; color: #666;}
.forget_main .head{ text-align: center; margin-top: 80px; margin-bottom: 60px;}
.forget_main .head .xian{ width:80%; margin: 0 auto; height: 2px; background: #ddd; }
.forget_main .head ul{ overflow: hidden; font-size: 16px; line-height: 30px; width: 100%; margin:-15px auto 10px;}
.forget_main .head ul li{ color: #666; width: 25%; float: left;}
.forget_main .head ul li.current p{ color: #018abb;}
.forget_main .head ul li .xh{ margin: 0 auto 10px; width: 70px; background: #fff; }
.forget_main .head ul li .xh span{ width: 30px; height: 30px; display: inline-block; color: #fff; border-radius: 100%; background: #666666 }
.forget_main .head ul li .xh.c span{ background: #018abb; }
.forget_main .head ul li .xh span img{ vertical-align: top; }

.forget_1{width: 400px;margin: 0 auto; }
.forget_1 .line{ position: relative;  margin: 0 auto 20px auto;line-height: 40px;}
.forget_1 .line input{ border: 1px solid #d2d2d2; height: 40px;height: 40px; line-height: 40px;   text-indent: 20px; font-size: 14px; width: 100%;}
.forget_1 .line input:focus{ border-color: #018abb;}
.forget_1 .line .error{ display: none; position: absolute; left: 0px; top: -22px;line-height: 20px;  color: #fff; padding: 2px 3px; border-radius: 3px; background: #666;}
.forget_1 .line .error b{ border-width: 5px; border-style: solid; border-color: #666 transparent transparent transparent; position: absolute; left: 10px; bottom: -10px;}
.forget_1 .line.code input{ width: 48%; float: left;}
.forget_1 .line.code .img{ width: 48%; height: 40px; border: solid 1px #dedede; float: right ;}
.forget_1 .line.code .img img{ display: block; width: 100%; height: 100%; }
.forget_main .next{ background: #018abb; width: 100%; display: block; line-height: 40px; color: #fff; font-size: 16px; text-align: center; margin: 0 auto;}


.forget_2{width: 400px; margin: 0 auto;}
.forget_2 .intro{  margin: 0 auto 25px auto; color: #666; font-size: 16px;}
.forget_2 .line{height: 38px; line-height: 38px; text-align: center; border: 1px solid #d2d2d2; background: #eee; font-size: 16px; color: #018abb; margin: 0 auto 25px auto; cursor:pointer; }

.forget_4{ background: url(../images/lock.png) no-repeat left 3px; width: 400px; margin: 0 auto; font-size: 16px; line-height: 28px;}
.forget_4 a{ color: #32d174; text-decoration: underline;}


.alert_bg{ position: fixed; display: none; z-index: 25; background: rgba(0,0,0,0.5); width: 100%; height: 100%; left: 0; top: 0;  }
.alert_teaminfo{ position: absolute; width: 500px; height: 500px; left: 50%; top: 50%; margin-left: -250px; margin-top: -250px; background: #fff; border: solid 1px #aaa; overflow: hidden; padding: 60px 0;  }
.alert_teaminfo .top1{ left: 0; top:0; font-size: 16px; position: absolute; border-bottom: solid 1px #dedede;  height: 40px; z-index: 3; background: #fff; width: 100%; padding-left: 15px; line-height: 40px; }
.alert_teaminfo .close{ float: right; width: 40px; height: 40px; background: url(../images/close_2.png) no-repeat center; cursor:pointer; }
.alert_teaminfo .box{ padding: 0 20px; width: 100%; height: 100%; overflow-y: auto;  }
.alert_teaminfo .box::-webkit-scrollbar{width:6px;height:6px;background-color:#fefefe}
.alert_teaminfo .box::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:6px;background-color:#fefefe}
.alert_teaminfo .box::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#bbb;}
.alert_teaminfo .btom{ position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; height: 50px; padding: 7px 0; border-top: solid 1px #dedede; background: #fff; }
.alert_teaminfo .btom a{ display: inline-block; width: 120px; height: 36px; line-height: 36px; color: #fff; background: #018abb; }

.mycenter_con{ padding-top:40px; }
.mycenter_con .box{ margin-bottom: 36px; border:  solid 1px #e4e4e4; border-radius: 6px; }
.mycenter_con .box .topbt{ background: #f3f3f3; line-height: 40px; font-size: 20px; padding-left:3%;border-bottom:  solid 1px #e4e4e4; }
.mycenter_con .box .table{text-align: center;  }
.mycenter_con .box .table td{ padding: 10px 5px; width: 16.66%; border: none; }
.mycenter_con .box .table .td1{ background: #03b2f0; color: #fff; height: 38px; }
.mycenter_con .box .table .td2{ background: #018abb; color: #fff; height: 38px; }
.mycenter_con .box form{ width:50%; float: left; font-size: 12px; }
.mycenter_con .box .cona{ padding: 30px 3%; }
.mycenter_con .div_x{ line-height: 24px; margin-bottom: 10px; }
.mycenter_con .input1{ border:  solid 1px #a9a9a9; padding: 0 5px; line-height: 24px; height: 24px; display: inline-block;width: 150px; font-size: 12px; }
.mycenter_con label{ padding-right: 10px; display: inline-block;line-height: 24px; height: 24px;  text-align: right; width: 100px; }
.mycenter_con .btn_{ width: 70px; height: 24px; line-height: 24px; color: #fff; background: #018abb; border: none; border-radius: 4px; text-align: center; margin-left: 100px; }
.mycenter_con input[type=radio]{ display: inline-block; }
.mycenter_con .div_x span{ display: inline-block; line-height: 24px; color: #f00; padding-left: 5px; }
.mycenter_con  .con4 span{ display: inline-block; margin-right: 40px; font-size: 16px; line-height: 28px; }
.mycenter_con  .con4 .span i{ display: inline-block; width: 24px; height: 28px; vertical-align: middle; margin-right: 6px; background: url(../images/chooseed_2.png) no-repeat left center; }
.mycenter_con  .con4 .span.choosed i{ background-position: center right; }


.xlts{ padding: 30px 0; }
.xlts .bt{ text-align: center; border-bottom: solid 1px #dedede;  }
.xlts .bt span{ display: inline-block; padding-bottom: 10px; border-bottom:  solid 2px #018abb; font-size: 20px; font-weight: 700; }
.xlts ul{ padding:10px 0 40px; font-size: 0;  }
.xlts ul li{ width:25%;  padding: 20px 1% 0; display: inline-block; vertical-align:top;  }
.xlts ul li img{ width: 100%;height:186px; display: block;  }
.xlts ul li p{ margin-bottom: 10px ; position: relative; line-height: 1.5; font-size: 13px; height: 4.5em; overflow: hidden;}
.xlts ul li p i{ position: absolute; width:30px; padding-left:10px; height: 1.5em; right: 0; bottom: 0; background: url(../images/x_1.png); }
.xlts ul li a{ display: block; width: 120px; height: 30px; line-height: 30px;  background-position: left -241px; }
.xlts ul li p b{ font-weight:700;}
.xlts ul li h2{ text-align:center; font-size:16px; font-weight:700; padding:6px 0;}
.phone {
    position: absolute;
    padding-top: 25px;
    margin-left: 65px;
    color: #028abc;
    font-size: 20px;
    font-weight: bolder;
    font-family: ΢ÈíÑźÚ;
}
.newstitle{
    text-align: center;
    padding-top: 20px;
    font-size: 22px;
    font-weight: bold;
}

.viewpage {
    background: #eeeeee;
    width: 100%;
    float: left;
    margin-top: 15px;
}
.main_r_nav {
    float: left;
    width: 69%;
    height: 88px;
    padding: 10px 0;
    font-size: 14px;
    margin-left: 20px;
    display: inline;
    line-height: 33px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}