@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;line-height:1.7;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:#2782c0}
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;display:block;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}

.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: #2c84eb; }
.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.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; width: 100%;}
.container{width:1200px;margin:0 auto;}


.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; opacity: 0.5; }
.swiper-pagination-bullet-active{ background: #2c84eb}
.sy_swiper1 .swiper-pagination-bullet{background: #fff; }
.sy_swiper1 .swiper-pagination-bullet-active{ background: #2c84eb}
.sy_swiper1 .swiper-slide{ overflow: hidden; }
.sy_h2 span{ color: #2c84eb; font-weight: 700; }
.sy_block{ padding: 60px 0 70px; overflow: hidden; }

.pic{ overflow: hidden; }
.pic img{ width: 100%; display: block; transition: 0.6s; }
.pic:hover img{ transform: scale(1.1); }

.paddT{ padding-top: 60px; }
header{ position: fixed; width: 100%; left: 0; top: 0;  z-index: 10; transition: 0.4s;}
header .header_F1{  padding: 15px 0; background: #2d3e50; color: #fff; line-height: 30px; position: relative; z-index: 3;}
header .header_F1 .tel{ float: left; background: url(../images/hj_02.png) no-repeat left top; padding-left: 30px; }
header .header_F1 .email{ float: left; background: url(../images/hj_02.png) no-repeat left bottom; padding-left: 30px; margin-left: 25px; }
header .header_F1 a{ display:block; margin-left: 25px; float: left; color: #fff; }
header .header_F1 a.wk{ color: #d80c18 }
header .header_F1 .loginbox2{ position: relative; width: 50px; margin-left: 20px; background: url(../images/arrowd.png) no-repeat right 10px;border: none;  }
header .header_F1 .loginbox2 span{ display: inline-block; vertical-align: top; width: 30px; height: 30px; background: url(../images/user.png) no-repeat center center; }
header .header_F1 .loginbox2 .hov{ position: absolute; background: #fff; width:100px; text-align: center; line-height:30px; right: 0; top: 30px; height: 80px; padding: 10px 0; border: solid 1px #ccc; display: none;  }
header .header_F1 .loginbox2 .hov a{ display: block;color: #333; text-align: center; float: none; margin-left: 0;  }
header .header_F1 .loginbox2 .hov a:first-child{ border-bottom: dotted 1px #dedede ; }
header .header_F2{ background: rgba(255,255,255,0.7); box-shadow: 0px 0px 20px 1px #aaa;  position: relative; z-index: 2;padding: 30px 0;  }
header .header_F2 .logo{ float: left; font-size: 24px;}
header .header_F2 .logo img{ height: 46px; width: auto; }
header .header_F2 .logo img:first-child{ margin-right: 20px; }
header .header_F2 .nav{ float: right; line-height: 46px; }
header .header_F2 .nav li{ float: left; margin-left: 30px; font-size: 16px; position: relative; }
header .header_F2 .nav li a{ display: block; }
header .header_F2 .nav li:hover>a,header .header_F2 .nav li.on>a{ color: #2782c0 }
header .header_F2 .nav li .dl{ display: none; position: absolute; left: -25%; background:#2d3e50; padding: 10px 0; width: 150%;}
header .header_F2 .nav li .dl a{ line-height: 30px; text-align: center; font-size: 14px; color: #fff; }
header .header_F2 .nav li .dl a:hover{color: #2782c0 }
header .header_F2 .nav li i{display: none; width: 100%;height:40px;position: absolute;left: 0;top: 0;background: url(../images/arrowd.png) no-repeat 95% center;}


header.cur{ margin-top: -60px; }
header.cur .header_F2{ background: rgba(255,255,255,1); padding: 10px 0; }
.nav-logo{position:absolute; z-index: 5; right:2%;top:50%; margin-top: -11px; display:none; cursor: pointer;}
.nav-logo span{width:30px;height:3px;background:#2d3e50;display:block;margin-bottom:6px;transition: 0.4s; }
.nav-logo.cur span:nth-child(1){ transform: rotate(45deg); margin-top: 7px; }
.nav-logo.cur span:nth-child(2){ display: none; }
.nav-logo.cur span:nth-child(3){ transform: rotate(-45deg); margin-top: -8px; }
.nav-logo.cur span{ background: #fff; }

.sy_h2{ font-size: 44px; font-weight: 700; color: #d80c18; line-height: 1.4; text-align: center; }
.sy_h2 span{ color:#2c84eb }
.sy_h2en{ text-align: center; color: #666; font-size: 20px; line-height: 1.3; text-transform: uppercase; }

.sy_F2{  background:#fff url(../images/bj_01.jpg) no-repeat bottom center; }
.sy_F2 .aboutpic{ float: left; width: 55%; height: 480px; }
.sy_F2 .abouttxt{ float: right; width: 40%; color: #000; }

.gallery-top .swiper-slide,.gallery-thumbs .swiper-slide{ background-size: cover; background-position: center center;  }
.gallery-top {height: 100%; width:73%; float: left; margin-left:3%; }
.gallery-thumbs { width: 24%;float: left;height: 100%;box-sizing: border-box;}
.sy_F2 .swiper-button-next,.sy_F2 .swiper-button-prev{ display: none; }
.sy_F2 .aboutpic:hover .swiper-button-next,.sy_F2 .aboutpic:hover .swiper-button-prev{ display: block; }
.sy_F2 .abouttxt .wz{ max-height: 297px; overflow: hidden; position: relative; padding-top: 40px; margin: 40px 0 20px; }
.sy_F2 .abouttxt .wz::before{ content: ''; width: 60px; height: 2px; position: absolute; left: 0; top: 0; background: #d80c18 }
.sy_F2 .abouttxt .wz .p2{ color: #d80c18; font-size: 16px; }
.sy_F2 .abouttxt .more{  color: #d80c18; }
.sy_F2 .sy_h2{ text-align: left; }
.sy_F3{ background:#fff url(../images/bj_05.jpg) no-repeat center center; padding: 80px 0 60px; background-size:  cover; }
.sy_F3 img{ width: 61.6%; margin-left:5% }
.sy_F4{ background:#fff url(../images/bj_06.jpg) no-repeat center center; background-size:  cover; }
.sy_F4 .sy_h2 span{ color: #2d3e50 }
.sy_F4 .advbox{ margin:0 50px; }
.sy_F4 .advbox .li{background: url(../images/hb1.png) no-repeat left bottom; background-size: 100% auto; position: relative; margin-top: 50px;  }
.sy_F4 .advbox .li .kap{ width: 80%; margin: 0 auto; background: #fff; border-radius:15px; padding: 10px;  }
.sy_F4 .advbox .li .kap .box{ border: solid 3px #f7cccf; text-align: center; padding: 22% 0 70%; border-radius:15px; }
.sy_F4 .advbox .li .kap .box img{ width: 50%; }
.sy_F4 .advbox .li .hov{ position: absolute; width: 100%; background: url(../images/hb2.png) no-repeat left bottom;  background-size: 100% auto;height:56%; left: 0; bottom: 0; z-index: 2; color: #fff; padding:10% 8% 0; text-align: center; line-height: 1.6; }

.sy_F4 .pagination4{ position: relative; bottom: 0; display: none; }
.sy_F5{ background:#fff url(../images/bj_07.jpg) no-repeat center center; background-size:  cover; }
.sy_F5 .sy_h2{ color: #fff; }
.sy_F5 .box{ padding-top: 35px; color: #fff; }
.sy_F5 .box .half{ text-align:center; width: 40%; margin: 0 5%; float: left; }
.sy_F5 .box .half h4{ font-size: 18px; padding-bottom:0.5em; font-weight: 700; }
.sy_F6{  background:#fff url(../images/bj_09.jpg) no-repeat bottom center; }
.sy_F6 .box{ padding-top: 35px;}
.sy_F6 .box .half{ text-align:center; width: 44%; margin: 0 3%; float: left; }
.sy_F6 .box .half h4{ font-size: 22px; font-weight: 700; padding-top: 0.8em; }
.sy_F6 .box .half a{ display: block; }
.sy_F7{ background:#fff url(../images/hj_10.jpg) no-repeat center center; background-size:  cover; background-attachment: fixed; }
.sy_F8{ background:#fff url(../images/hj_12.jpg) no-repeat center center; background-size:  cover; }
.sy_F8  .serv_con{ margin:20px 0; width: 80% ; }
.sy_F8  .serv_con li{ float: left; text-align: center; position: relative; width: 25%; border: solid 1px #d5d5d5; margin-left: -1px; margin-top: -1px; height: 125px; background: #fff; }
.sy_F8  .serv_con li .box1{ position: relative;transition: 0.4s; }
.sy_F8  .serv_con li .box1 img{ height: 50px; margin-top: 20px;}
.sy_F8  .serv_con li .box1 h4{ font-size:16px; }
.sy_F8  .serv_con li .box2{ position: absolute; width: 100%; height: 100%;  color: #fff; background: #2c84eb; left: 0; top: 0; transition: 0.4s;  padding: 0 6%; line-height: 1.6; opacity: 0; transform: scale(-1,1); }
.sy_F8  .serv_con li:hover .box1{ opacity: 0; transform: scale(-1,1);}
.sy_F8  .serv_con li:hover .box2{ opacity: 1; transform: scale(1,1);}
.sy_F8 img.tel{ width: 44%; }
.sy_F9{background:#fff url(../images/bj_12.jpg) no-repeat center center; background-size:  cover;}
.sy_F9 .img{ width:38%; float: left; text-align: center; padding-right: 3%; }
.sy_F9 .sy_h2,.sy_F9 .sy_h2en{ text-align: left; }
.sy_F9 .txt{ float: right; width:59%; padding-top: 3%;  }
.sy_F9 .txt h4{ font-size: 18px; font-weight: 700; padding:1.6em 0 6px;  }
.sy_F10{ background: #f1f1f1;padding-bottom: 40px; }
.sy_F10 .box{ padding: 10px;  display: block; text-align: center;}
.sy_F10 .box .pic{ width: 100%; box-shadow: 0 5px 10px 2px #ccc;}
.sy_F10 .box h3{ font-size: 18px; padding-top: 10px; }
.sy_F10 .pagination5{ display: none; position: relative; bottom: 0 }
.sy_F10 .sy_swiper5{ margin-top: 20px; }
.sy_F11{ border-top:  solid 1px #dedede; padding: 40px 0 50px;  }
.sy_F11 .ksdgbota{ width:49%;  float: left;}
.sy_F11 .ksdgbota:last-child{float: right;}
.sy_F11 .ksdgbota h4{font-size:18px; font-weight: 700; color:#252525; text-align:center; padding-bottom: 1em;}
.sy_F11 .ksdgbotb{ float:left; border:#bfbfbf solid 1px; padding:15px; width: 100%; }
.sy_F11 .ksdgbotb ul{ margin:0; padding:0; }
.ksdgbotb ul li{ line-height:30px; font-size:12px; color:#555555; position: relative; padding-right: 100px; }
.ksdgbotb ul li a.download{ background:#d80c18;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;}
.ksdgbotb ul li a.download:hover{ background:#2d3e50 ; }
.ksdgbotb ul li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.sy_F12{ padding-bottom: 60px; overflow: hidden; }
.sy_F12 .Lnews{ width: 65%; float: left; background: #fff; border-top:  solid 2px #000; position: relative; padding:0 20px 20px; box-shadow: 0 1px 5px 1px #ddd; }
.sy_F12 .Lnews::before{ content: ''; position: absolute; width: 50%; height: 2px; background: #d80c18; right: 0; top: -2px; }
.sy_F12 .Lnews .bt{ border-bottom: solid 1px #dedede; line-height: 56px; background:url(../images/hj_50.png) no-repeat left center;  padding-left: 25px; font-size: 16px;   }
.sy_F12 .Lnews .bt b{ font-weight: 700; padding-right: 10px; color: #000; }
.sy_F12 .Lnews .bt a{ float: right; }

.sy_F12 .Lnews .ul{ padding-top: 20px; }
.sy_F12 .Lnews .ul li{ float: left; width: 50%; border-top: dashed 1px #a9a9a9; }
.sy_F12 .Lnews .ul li:first-child{ width: 100%; padding-bottom: 10px;  }
.sy_F12 .Lnews .img{ width: 32.5%;  float: left; overflow: hidden; }
.sy_F12 .Lnews a{ display: block; }
.sy_F12 .Lnews .boxr{ padding-left: 20px; float: left; width: 67%; }
.sy_F12 .Lnews h4{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 46px;}
.sy_F12 .Lnews .boxr .p{ color: #999; font-size: 12px;  line-height: 22px; height: 66px; overflow: hidden; }
.sy_F12 .Lnews .boxr .btn_A{ width: 150px; height: 32px; line-height: 32px; color: #fff; text-align: center; background: #d80c18; margin-top: 10px; }
.sy_F12 .Lnews .boxr h4{  line-height: 36px;}
.sy_F12 .Lnews .ul li:hover img{ transform: scale(1.1); }
.sy_F12 .Lnews .ul li:nth-child(1),.sy_F12 .Lnews .ul li:nth-child(2),.sy_F12 .Lnews .ul li:nth-child(3){ border: none; }

.sy_F12 .cont_{ float: right; width: 33%; box-shadow: 0 1px 5px 1px #ddd; }
.sy_F12 .cont_ .topbt{ line-height: 60px; color: #fff; padding-left: 20px; font-size: 16px; background: #2d3e50; }
.sy_F12 .cont_ .mapbox{ height: 178px; }
.sy_F12 .cont_ .oursinfo{ min-height: 170px; padding:10px 20px; background: url(../images/hj_11.jpg) no-repeat right top; }
.sy_F12 .oursinfo h2{ font-size: 18px;  margin-bottom: 10px;}
.sy_F12 .oursinfo h2 span{ color: #b4b4b4; text-transform: uppercase; padding-left: 10px; font-size: 16px; }
.sy_F12 .oursinfo p{ line-height: 2; font-size: 12px; color: #666; }
.sy_F7 .leftmap{ width: 60%; float: left; background: url(../images/yyl_03.png) no-repeat right center; }
.sy_map{ position:relative;width:500px; height:510px;}
.sy_map a{ color:#fff; font-size:14px; text-decoration:none; position: absolute; z-index: 10;}
.sy_map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.xiangxi .citybg{ width: 90px; height: 175px; left: 88px; top: 45px; background: url(../images/xiangxi.png); }
.xiangxi a{ left: 115px; top: 80px; width: 30px; }
.sy_map .zjj .citybg{ width: 127px; height: 84px; left: 129px; top: 31px; background: url(../images/zjj.png); }
.sy_map .zjj a{ left: 176px; top: 68px; }
.sy_map .cd .citybg{ width: 142px; height: 154px; left: 193px; top: 3px; background: url(../images/cd.png); }
.sy_map .cd a{ left: 260px; top: 80px; }
.sy_map .yuey .citybg{ width: 148px; height: 124px; right: 14px; top: 32px; background: url(../images/yuey.png); }
.sy_map .yuey a{ left: 400px; top: 100px; }
.sy_map .yiy .citybg{ width: 178px; height: 135px; left: 208px; top: 62px; background: url(../images/yiy.png); }
.sy_map .yiy a{ left: 282px; top: 150px; }
.sy_map .huaih .citybg{ width: 190px; height:289px; left: 49px; top:104px; background: url(../images/huaih.png); }
.sy_map .huaih a{ left: 134px; top: 230px; }
.sy_map .changs .citybg{ width: 193px; height:72px; left:301px; top:138px; background: url(../images/changs.png); }
.sy_map .changs a{ left:395px; top:164px; }
.sy_map .loud .citybg{ width: 142px; height:90px; left:210px; top:180px; background: url(../images/loud.png); }
.sy_map .loud a{ left:245px; top:204px; }
.sy_map .xiangt .citybg{ width:88px; height:62px; left:310px; top:194px; background: url(../images/xiangt.png); }
.sy_map .xiangt a{ left:342px; top:216px; }
.sy_map .zhuz .citybg{ width:91px; height:179px; left:391px; top:198px; background: url(../images/zhuz.png); }
.sy_map .zhuz a{ left:420px; top:229px; width: 20px; }
.sy_map .shaoy .citybg{ width:184px; height:156px; left:133px; top:229px; background: url(../images/shaoy.png); }
.sy_map .shaoy a{ left:194px; top:280px; }
.sy_map .hengy .citybg{ width:144px; height:125px; left:271px; top:248px; background: url(../images/hengy.png); }
.sy_map .hengy a{ left:338px; top:305px; }
.sy_map .yongz .citybg{ width:122px; height:202px; left:222px; bottom:2px; background: url(../images/yongz.png); }
.sy_map .yongz a{ left:275px; bottom:100px; }
.sy_map .chenz .citybg{ width:165px; height:179px; right:8px; bottom:25px; background: url(../images/chenz.png); }
.sy_map .chenz a{ right:78px; bottom:100px; }
.sy_F7 .rightbox{ height: 480px; overflow:auto; margin-top: 30px; color: #666; text-align: center; width: 40%; padding: 0 8%; }
.sy_F7 .rightbox::-webkit-scrollbar-track-piece {background-color:#fff;}
.sy_F7 .rightbox::-webkit-scrollbar {width:6px;height:6px;}
.sy_F7 .rightbox::-webkit-scrollbar-thumb {background-color:#ccc;background-clip:padding-box;min-height:28px; border-radius: 6px;}
.sy_F7 .rightbox::-webkit-scrollbar-thumb:hover {background-color:#d80c18;}
.sy_F7 h2{ display: none; text-align: center;  font-weight: 700; font-size: 18px; padding-bottom: 20px; }
.sy_F7 .rightbox h4{ font-size: 16px; padding-top: 0.5em; font-weight: 700;  color: #333; }
.sy_F7 .leftmap .selcet{ display: none; width: 240px; background:#fff; border:  solid 1px #dedede; padding-left: 10px; height: 40px; color: #333; margin: 0 auto; }
.sy_F7 .leftmap .selcet option{ line-height: 30px; }
.sy_F7 .rightbox li{ margin-bottom: 20px; }

footer{}
footer .footer_F1{ background: #2d3e50; color: #fff; }
footer .footer_F1 .nav2{ width: 40%; float: left;  }
footer .footer_F1 .nav2 dl{ float: left; width: 33.3%; }
footer .footer_F1 .nav2 dl dt{ position: relative; padding-bottom: 12px; margin-bottom: 12px; }
footer .footer_F1 .nav2 dl dt::after{ content: ''; width: 20px; height: 2px; position: absolute; background: #576573; left: 0; bottom: 0; }
footer .footer_F1 .nav2 dl dd a{ color: #999; }
footer .footer_F1 .nav2 dl dt a,footer .footer_F1 .nav2 dl dd a:hover{ color: #fff; }
footer .footer_F1 .ewm{ text-align: center; width: 20%; float: left; padding-right: 5%; }
footer .footer_F1 .ewm img{ max-width: 60%; margin-bottom: 10px; }
footer .footer_F1 .form{ width: 40%; float: left;  font-size: 12px;}
footer .footer_F1 .form .bt{ margin-bottom: 15px; font-size: 14px }
footer .footer_F1 .form .bd{ width:46%; line-height: 36px; border-bottom:solid 1px #686c70; position: relative; padding-left:40px; color: #d3d6da  }
footer .footer_F1 .form .bd label{ position: absolute; left: 0; top: 0; }
footer .inputtxt{ border: none; background:none; width: 100%; height: 36px; color: #d3d6da }
footer .footer_F1 p{ font-size: 12px; padding-top: 10px; }
footer .footer_F1 textarea{ border: none; width: 100%; display: block; border-bottom:solid 1px #686c70; resize:vertical; height: 40px; background: none; color: #d3d6da   }
footer .footer_F1 .submit{ font-size: 14px; width: 120px; height: 38px; color: #fff; border: none; background: #d80c18; margin-top: 20px; border-radius: 5px; }
footer .footer_F2{ background: #192838; padding: 25px 0; color: #6b6b6b; }
footer .footer_F2 a{ color: #6b6b6b; }
.totop{ position:  fixed; z-index: 6; right: 20px; bottom: 20px; background: url(../images/top02.jpg); width: 40px; height: 40px; display: none; }
.con_right{ width: 930px;  float: right;background: #f2f2f2; padding: 0px 20px 30px }
.Main_c{ }
.sourcesul.ksdgbotb{ padding: 20px 0; }
.ksdgbotb.sourcesul ul li{ line-height: 34px; }
.ksdgbotb.sourcesul ul li p{ font-size: 14px; }

.con_left{width:250px;float:left}
.con_left .box1 h2{font-size:24px;font-weight:400; position: relative; margin-bottom: 20px; padding-bottom: 17px; line-height: 1.4; }
.con_left .box1 h2::after{ width: 20px; height: 3px; background: #000; position: absolute; left: 0;  bottom: 0; content: ''; }
.con_left .box1 h2 p{ text-transform: uppercase; font-size: 14px; }
.con_left .box1 dl dd a{display:block;cursor:pointer;font-size:16px;color:#333;line-height:50px;background:#f2f2f2 ; padding-left: 20px; border-bottom:1px solid #ddd; transition: 0s;-moz-transition:  0s;	-webkit-transition:  0s;-o-transition:  0s;}
.con_left .box1 dl dd a:hover,.con_left .box1 dl dd a.on{background:#2d3e50 url(../images/arrow1R.png) no-repeat 95% center;  color:#fff}
.con_left .box1 dl dd:last-child a{border-bottom:none}
.con_left .box2{background:#2d3e50;padding:20px 10px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;margin:20px 0}
.con_left .box2 a{color:#fff}
.con_left .box2 h1{border-bottom:1px solid #000;font-size:16px;line-height:40px;text-transform:uppercase;padding-left:30px}
.con_left .box2 h1 i{width:18px;height:17px;margin-right:5px;margin-left:1px}
.con_left .box2 h2{letter-spacing:2px; text-align: center; border-top:1px solid #586c81;font-family:impact;font-size:26px;font-weight:100;padding-top:3px}

.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: 22px; color: #000; padding-top: 0.5em; }

.pagebanner{ height: 400px; 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; }
.contact_con{}
.contact_con h3{color:#2d3e50 ; padding: 0.5em 0;}
.contact_con{ font-size: 16px; }
.contactmap{ width: 100%; height: 400px; margin-top: 40px; border: solid 1px #ccc;  }
.news_c ul{ padding-bottom: 30px; }
.news_c li{ border-bottom: solid 1px #dedede; transition: 0.4s;}
.news_c li a{ display: block; padding: 20px; margin-top: 15px ; border-bottom: solid 3px #f2f2f2; }
.news_c li a h3{overflow: hidden; text-overflow:ellipsis;white-space: nowrap; font-size: 16px;color: #333; transition: 0.4s; }
.news_c li a .date{ color: #999; font-size: 12px; padding: 5px 0; }
.news_c li a .xq{ overflow: hidden; height:3.4em; color: #333 }
.news_c li a:hover{ background: #fff; box-shadow: 0 0 5px 1px #eee; border-bottom: solid 3px #2c84eb;  }
.news_c li a:hover h3{ color: #000; padding-left: 15px; }

.video_list{ margin:40px -1.33% 20px 0; font-size: 0; }
.video_list li{ width:32%; margin-right: 1.33%; display: inline-block; vertical-align: top; margin-bottom: 20px;background: #f2f5fb; border: solid 1px #fff; }
.video_list li  a{ display: block; }
.video_list li .pic{ overflow: hidden; display: block; position: relative; background: #000; }
.video_list li .pic span{ position: absolute; display: none; width: 40px; height: 40px; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(../images/videobtn.png); }
.video_list li .pic img{ width: 100%;  display: block;}
.video_list li:hover {border-color: #dedede;}
.video_list li:hover .pic span{ display: block; } 
.video_list li .box{ background: #f2f5fb; padding: 10px; }
.video_list li h3{ font-size: 14px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.video_list li p{ font-size: 12px; }
.video_list li p .fl{ color: #999; }
.video_list li p .fr{ color: #43aaff;}
.video_list li:hover img{ opacity: 0.6; }

.kb_video1{width:900px; height:600px; margin:0 auto 20px; position: relative;}
.kb_video1 embed{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.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: 100%; }
.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: #2c84eb; }
.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: #2c84eb}


.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: #2c84eb; 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:#2d3e50}
.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: #2c84eb }
.page_fy .half a{ color: #666; }
.page_fy .half a:hover{color: #2c84eb}
.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: #d80c18; 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: #0097d9; text-align: center; font-size: 24px; line-height: 50px; border-bottom: 2px solid #0097d9;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.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.png) no-repeat 10px center #fff;}
.login_main .line.email input{background: url(../images/login_icon3.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: #0097d9; 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:#0097d9 }


/**/
.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: #0097d9;}
.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: #0097d9; }
.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: #0097d9;}
.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: #0097d9; 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: #0097d9; 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: #d80c18; 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.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: #0097d9; }

.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: #0097d9; 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: #0097d9; 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.png) no-repeat left center; }
.mycenter_con  .con4 .span.choosed i{ background-position: center right; }

.join_con{ padding: 20px 0; }
.join_con strong{ font-size: 18px; font-weight: 700; padding-bottom: 0.3em; margin-top: 1.2em; display: block; }
.join_con .sy_h2{ padding-top: 1.5em; }
.join_con .hzfs img{ float: left; width: 41%; }
.join_con .hzfs .txt{ float: left; width: 59%; }

.join_con table{ border: none; width: 100%; vertical-align: middle; }
.join_con table .td1{ background: #c63900; color: #fff; font-size:20px; }