@charset "UTF-8";
@font-face{
    font-family: 'iconfont';  /* project id 1681358 */
    src: url('//at.alicdn.com/t/font_1681358_67jcs8ziwx.eot');
    src: url('//at.alicdn.com/t/font_1681358_67jcs8ziwx.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1681358_67jcs8ziwx.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1681358_67jcs8ziwx.woff') format('woff'),
    url('//at.alicdn.com/t/font_1681358_67jcs8ziwx.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1681358_67jcs8ziwx.svg#iconfont') format('svg');
}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, big, code, em, img, s, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, button, footer, header, menu, nav, video, input, textarea{margin: 0; padding: 0; border: 0;}
body{width: 100%; min-width: 1200px; background: #FFFFFF; color: #2a2a2a; font-family: 'Microsoft YaHei', Arial, sans-serif; font-size: 14px; line-height: 1.5; text-align: left;}
button, input, select, textarea{vertical-align: middle; font-size: 100%; outline: 0; font-family: 'Microsoft YaHei', Arial, sans-serif;}
b, h1, h2, h3, h4, h5, h6, strong, th{font-weight: 400;}
table, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0;}
i, em{font-style: normal;}
li{list-style: none;}
a, img{border: 0; outline: none;}
img{image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
a{color: #333; text-decoration: none;}
a:hover, a:active{text-decoration: none; color: #E4392A;}
a:focus{outline: none; -moz-outline: none;}
*:focus{outline: none;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
button{text-align: center;}
.clearfix:after{content: '.'; display: block; clear: both; line-height: 0; height: 0; visibility: hidden}
/*顶部*/
.top_box{width: 100%; height: 50px; background: #09BEB9;}
.top_box_on{width: 1200px; height: 50px; margin: 0 auto; overflow: hidden;}
.top_box_on_lt{height: 50px; line-height: 50px; float: left; color: #FFF;}
.top_box_on_lt i{margin-right: 3px;}
.top_box_on_rt{height: 50px; line-height: 50px; float: right; color: #FFF; font-size: 16px;}
.top_box_on_rt i{font-size: 20px; position: relative; top: 1px; margin-right: 3px;}
.top_box_on_rt em, .top_box_on_rt a{margin-left: 25px;}
.top_box_on_rt a{color: #FFF;}
/*头部*/
.header{width: 100%; height: 120px; background: #FFF; border-bottom: 1px solid #e5e5e5; position: relative;}
/*下拉固定头部*/
.header_fixed{border-top: 1px solid #CCC;background: #F8F8F8; top: 0; left: 0; right: 0; padding: 0; position: fixed; z-index: 999; animation: headerDown .6s ease-in-out; -webkit-animation: headerDown .6s ease-in-out; -webkit-box-shadow: 0 2px 12px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 12px -1px rgba(0, 0, 0, 0.5);}
/*搜索背景及搜索主体*/
/*背景*/
.header:before, .header:after{content: '\200B'; width: 0; height: 120px; border-style: solid; border-width: 0 0 0 0; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.4s; transition: 0.4s; z-index: 888; background: rgba(0, 0, 0, .7); overflow: hidden;}
.header:before{left: 0; bottom: 0;}
.header:after{right: 0; top: 0;}
.header_search{overflow: hidden;}
.header_search:before{width: 50%; background: #F5F5F5; transform-origin: left center; -webkit-transform-origin: left center;}
.header_search:after{width: 50%; background: #F5F5F5; transform-origin: right center; -webkit-transform-origin: right center;}
/*主体*/
.search_box{width: 0; height: 56px; background: #FFF; -webkit-border-radius: 56px; -moz-border-radius: 56px; border-radius: 56px; position: absolute; left: 50%; bottom: 50%; margin-bottom: -29px; z-index: 1000; transition: 0.6s; -webkit-transition: 0.6s; -webkit-transform-origin: center center; transform-origin: center center; overflow: hidden;}
.header_search .search_box{display: block; width: 500px; height: 56px; border: 1px solid #E5E5E5; margin-left: -251px;}
.search_box .search_box_ipt{display: inline-block; border: 0; background: none; width: 375px; height: 56px; padding-left: 20px; line-height: 56px; font-size: 13px; float: left}
.search_box .search_box_btn{display: inline-block; border: 0; background: none; width: 56px; height: 56px; line-height: 56px; text-align: center; float: left; cursor: pointer;}
.search_box .search_box_btn i{font-size: 24px; color: #F20;}
.search_box .search_box_close{display: inline-block; width: 36px; height: 56px; margin-right: 10px; text-align: center; line-height: 56px; float: right; }
.search_box .search_box_close i{font-size: 20px; color: #999;}
/*容器及内容部分*/
.header_on{width: 1200px; height: 120px; margin: 0 auto;}
.header_on .logo{width: 330px; height: 70px; float: left; margin: 25px 0; background: url("../images/logo.png") no-repeat; text-indent: -9999px;}
/*搜索按钮*/
.header_on .search{height: 120px; line-height: 120px; float: right; margin-left: 20px;}
.header_on .search i{display: inline-block; font-size: 24px; color: #F60;}
/*导航*/
.header_on .menu{height: 120px; float: right;}
.header_on .menu li{width: 100px; height: 120px; float: left; position: relative; z-index: 555;}
.header_on .menu li div.sha{display: block; height: 120px; line-height: 120px; text-align: center; font-size: 16px; font-weight: 600; color: #000;}
.header_on .menu li div.sha a{display: block; width: 100px; height: 120px; position: relative;}
.header_on .menu li div.sha a em{position: relative; z-index: 1; -webkit-transition: 0.6s; transition: 0.5s;}
.header_on .menu li div.sha a:hover em, .header_on .menu li:hover div.sha a em{color: #FFF;}
.header_on .menu li div.sha a:before, .header_on .menu li div.sha a:after{content: '\200B'; position: absolute; top: 0; left: 0; width: 100px; height: 0; background: #09BEB9; -webkit-transition: 0.3s; transition: 0.3s; z-index: -1;}
.header_on .menu li div.sha a:after{top: auto; bottom: 0;}
.header_on .menu li:hover div.sha a:before, .header_on .menu li:hover div.sha a:after{height: 60px;}
/*导航下*/
.header_on .menu li div.xia{visibility: hidden; width: 100%; height: 0; overflow: hidden; position: absolute; top: 120px; background: #FFF; -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;}
.header_on .menu li:hover div.xia{height: auto; visibility: visible; -webkit-animation: menuDown 0.5s forwards; animation: menuDown 0.5s forwards; transform-origin: top center; -webkit-transform-origin: top center;}
.header_on .menu li div.xia p{padding: 0 10px; text-align: center;}
.header_on .menu li div.xia p a{display: block; height: 50px; line-height: 50px; border-top: 1px solid #E5E5E5;}
.header_on .menu li div.xia p a:first-child{border: 0;}
/*页脚*/
.footer{width: 100%; padding: 50px 0 30px; background-color: #282828;}
.footerBox{width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
/*社交图片*/
.footerBox .shejiao{width: 1200px; height: 140px; margin: 0 auto; padding-bottom: 25px; border-bottom: 1px solid #858585; text-align: center;}
.footerBox .shejiao a{display: inline-block; width: 100px; height: 140px; margin: 0 35px; cursor: pointer; overflow: hidden;}
.footerBox .shejiao a:hover{text-decoration: none;}
.footerBox .shejiao .tubiao{width: 100px; height: 100px; display: block; position: relative; overflow: hidden;}
.footerBox .shejiao .tubiao span{display: block; width: 100px; height: 100px; margin: 0 auto; position: absolute; left: 0; top: 0; text-indent: -9999px;}
.footerBox .shejiao .tubiao .icon-1{background: url(../images/all.png) no-repeat 0 -104px;}
.footerBox .shejiao .tubiao .icon-2{background: url(../images/all.png) no-repeat -102px -104px;}
.footerBox .shejiao .tubiao .icon-3{background: url(../images/all.png) no-repeat -204px -104px;}
.footerBox .shejiao .tubiao label.bgBox{position: absolute; width: 0; height: 0; left: 50px; top: 50px; overflow: hidden; _zoom: 1; background: #15B55C; border-radius: 100%;}
.footerBox .shejiao .tubiao em{width: 100px; height: 100px; position: absolute; left: 0px; top: 0; display: none;}
.footerBox .shejiao .tubiao em.ziti0{background: url(../images/all.png) no-repeat 0 0; }
.footerBox .shejiao .tubiao em.ziti1{background: url(../images/all.png) no-repeat -102px 0;}
.footerBox .shejiao .tubiao em.ziti2{background: url(../images/all.png) no-repeat -204px 0;}
.footerBox .shejiao .conbox{width: 100px; height: 40px; font: 100 14px/40px "microsoft yahei", "黑体", "SimHei", Arial, sans-serif; color: #FFF; text-align: center;}
/*关于我们*/
.about{height: 40px; padding-top: 25px; font: 100 14px/40px "microsoft yahei", "黑体", "SimHei", Arial, sans-serif; text-align: center; color: #FFF;}
.about a{color: #FFF; margin: 0 10px;}
/*copyright*/
.copyright{height: 30px; font: 100 12px/30px "microsoft yahei", "黑体", "SimHei", Arial, sans-serif; text-align: center; color: #FFF;}
/*页脚表单*/
.content_six{min-width: 1200px; width: 100%; margin-top: 60px; background: #F2F2F2; overflow: hidden;}
.content_six .conbox{width: 1200px; padding: 50px 0; margin: 0 auto; }
.content_six .conbox .con_lt{width: 820px; float: left; overflow: hidden;}
.content_six .conbox .form_top{width: 820px; height: 80px; overflow: hidden;}
.content_six .conbox .form_top .form_top_list{width: 385px; height: 80px; float: left; margin-left: 50px;}
.content_six .conbox .form_top .form_top_list:first-child{margin: 0;}
.content_six .conbox .form_top .form_top_list em{display: block; height: 30px; font: 400 18px/30px "microsoft yahei", Arial, sans-serif;}
.content_six .conbox .form_top .form_top_list p{height: 40px; margin-top: 10px; position: relative;}
.content_six .conbox .form_top .inptbox{display: inline-block; width: 362px; height: 38px; padding-left: 5px; line-height: 38px; border: 1px solid #A2A2A2; background: #FFF;}
.content_six .conbox .form_top .inptbox:focus, .content_six .conbox .form_bot .textbox:focus{border-color: #A6E1F3; box-shadow: 0 0 12px #BAF7FF;}
.content_six .conbox .form_top div.nomargin{margin: 0;}
.content_six .conbox .form_bot{width: 820px; margin-top: 30px;}
.content_six .conbox .form_bot em{display: block; height: 30px; font: 400 18px/30px "microsoft yahei", Arial, sans-serif;}
.content_six .conbox .form_bot p{margin-top: 10px;}
.content_six .conbox .form_bot .textbox{display: inline-block; padding: 10px; width: 798px; height: 120px; border: 1px solid #A2A2A2; background: #FFF;}
.content_six .conbox .form_btn{margin-top: 30px; height: 74px;}
.content_six .conbox .form_btn .btnbtn{width: 320px; height: 70px; border: 2px solid #008fc9; font: 100 22px/66px "microsoft yahei", "SimHei", Arial, sans-serif; background: #35a9d8; color: #fff; cursor: pointer; display: block; float: left;}
.content_six .conbox .form_btn .btnbtn:hover{background: #f80; border-color: #F60;}
/*select主容器*/
.sbHolder{width: 233px; height: 38px; line-height: 38px; padding-left: 5px; margin-top: 10px; background: #FFF; border: 1px solid #D3D3D3; color: #333; position: relative;}
/*箭头样式*/
.sbHolder a.sbToggle{display: block; width: 38px; height: 38px; background: url(../images/select-icons.png) no-repeat 0 0; position: absolute; right: -2px; top: 4px;}
.sbHolder a.sbFocus{background: url(../images/select-icons.png) no-repeat 0 -30px}
.sbHolder a.sbToggleOpen{background: url(../images/select-icons.png) no-repeat 0 -60px}
.sbHolder a.sbToggleOpen:hover{background: url(../images/select-icons.png) no-repeat 0 -90px}
/*主容器中内容样式*/
.sbHolder a.sbSelector{font: 400 14px/38px "microsoft yahei", "SimHei", Arial, sans-serif; color: #000; display: block;}
.sbHolder a.sbSelector:hover{background: none; text-decoration: none; color: #E80504; }
/*下拉内容样式*/
.sbHolder .sbOptions{width: 238px; max-height: 360px; background: #FFF; border: 1px solid #D3D3D3; border-bottom: 0; list-style: none; overflow-x: hidden; overflow-y: scroll; position: absolute; top: 38px; left: -1px; z-index: 1000; overflow-y: auto; display: none;}
.sbHolder .sbOptions li{list-style: none;}
.sbHolder .sbOptions li a{display: block; height: 35px; line-height: 35px; padding: 0 10px; border-bottom: 1px solid #e5e5e5;}
.sbHolder .sbOptions li a.sbFocus{background: #eee; color: #f60; text-decoration: none;}
/*资讯*/
.content_six .conbox .con_rt{width: 320px; height: 405px; margin-left: 30px; padding-left: 29px; border-left: 1px solid #A2A2A2; float: right; text-align: left;}
.content_six .conbox .con_rt .tit{height: 30px; border-bottom: 1px solid #A2A2A2; font: 700 22px/30px "microsoft yahei", Arial, sans-serif; padding-bottom: 10px;}
.content_six .conbox .con_rt .tit a:hover{text-decoration: none;}
.content_six .conbox .con_rt .news{width: 320px; height: 90px; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #CCC;}
.content_six .conbox .con_rt .news .news_pic{width: 120px; height: 90px; float: left;}
.content_six .conbox .con_rt .news .news_pic img{width: 120px; height: 90px;}
.content_six .conbox .con_rt .news .news_con{width: 190px; height: 90px; float: right;}
.content_six .conbox .con_rt .news .news_con h5{font: 400 16px/30px "microsoft yahei", Arial, sans-serif; height: 60px;}
.content_six .conbox .con_rt .news .news_con h5 a:hover{text-decoration: none; color: #F60;}
.content_six .conbox .con_rt .news .news_con p{height: 20px; margin-top: 10px; line-height: 20px; overflow: hidden;}
.content_six .conbox .con_rt .news .news_con p span{font-size: 14px; color: #888; float: right;}
.content_six .conbox .con_rt .news .news_con p span.n_time{float: left; color: #F68E5C;}

/*面包屑*/
.crumbs{width: 1200px; height: 20px; margin: 0 auto; padding-top: 20px; font: 100 12px/20px "宋体", "SimHei", Arial, sans-serif; color: #777;}
.crumbs span, .crumbs a, .crumbs em{height: 20px; margin-right: 8px; font-family: "microsoft yahei", "SimHei", Arial, sans-serif; color: #777;}
.crumbs a, .crumbs em{margin-left: 8px; }
/*下拉特效*/
@keyframes headerDown{
    from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
    to{opacity: 1; -webkit-transform: none; transform: none;}
}
@-webkit-keyframes headerDown{
    from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
    to{opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes menuDown{
    from{transform: scaleY(0);}
    to{transform: scaleY(1);}
}
@-webkit-keyframes menuDown{
    from{transform: scaleY(0);}
    to{transform: scaleY(1);}
}
/*左右特效*/
@-webkit-keyframes leftToRight{
    0%{ width: 50px; background: #09BEB9;}
    33%{ width: 20px; background: #00FF00;}
    100%{ width: 50px; background: #09BEB9;}
}
@keyframes leftToRight{
    0%{ width: 50px; background: #09BEB9;}
    33%{ width: 20px; background: #00FF00;}
    100%{ width: 50px; background: #09BEB9;}
}