@charset "utf-8";
body { color: #464646; font: normal 12px/24px "Microsoft YaHei", "微软雅黑"; position: relative; min-width:1200px }
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p, th, td, figure, img { margin: 0; padding: 0; }
dl, dt, dd { margin: 0; }
em, i { font-style: normal; }
html { width: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
td { line-height: 22px; }
img { border: none; }
a, a:hover { text-decoration: none; }
ul, ol { list-style: none; }
a:focus { outline: 0; }
a, input, buttom {outline: none;}
a:hover{color:#00463e}

.header{width:100%; overflow:hidden;}
.top{width:100%; height:40px; line-height:40px; background:#f8f8f8; border-bottom:1px solid #edecec;}
.content{width:1200px; margin:0 auto; overflow:hidden}
.top_left{ float:left; font-size:14px; color:#999999;}
.top_right{ float:right; color:#999; font-size:14px; float:right;}
.top_right a{color:#999; margin:0 5px;}
.head{width:100%; margin:30px auto 0; overflow:hidden; border-bottom:1px solid #edecec; padding-bottom:30px}
.logo{ float:left; overflow:hidden;}
.dingwei{ float:left; overflow:hidden; font-size:14px; color:#000; margin-left:20px; line-height:25px; margin-top:-5px}
.dingwei h3{ font-size:22px; color:#ff7c00; font-weight:bold}
.phone{ background:url(../images/phone.png) no-repeat center left; float:right;}
.phone span{ font-size:14px; color:#000; display:block; padding-left:50px; line-height:20px}
.phone p{ padding-left:50px; font-size:18px; color:#00a0e9; font-weight:bold}
.nav{width:100%; overflow:hidden; height:70px; line-height:70px;}
.nav ul{width:1200px; margin:0 auto; overflow:hidden;}
.nav ul li{ float:left; font-size:16px; color:#000000; padding:0 33px; position:relative}
.nav ul li a{color:#000000;}
.nav ul li a:hover{color:#00463e}
.nav ul li a.cur{border-bottom:2px solid #00463e; padding-bottom:5px}
.nav ul li em{ background:url(../images/hot.png) no-repeat;width:28px; height:15px; position:absolute; top:10px}
.swiper{width:100%;max-width:1920px;margin:0 auto;position:relative;min-width:1200px; z-index:5;}
.swiper img{width:100%}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px; width:100%; text-align:center}
.swiper-pagination-bullet{ background:#fff;opacity:1;width:12px; height:12px;border-radius:50%}
.swiper-pagination-bullet-active{ background:#fffc00}
.about{width:1200px; overflow:hidden; margin:40px auto 0; background:#ff7c00; height:248px;}
.about_box{ background:#fff;width:100%; height:240px;}
.about_left{ float:left; overflow:hidden;width:335px;border-bottom:8px solid #61b33a;height:240px;}
.about_right{width:810px; float:right; overflow:hidden;}
.about_right h2{ font-size:22px; color:#000; display:block; margin-bottom:20px}
.about_right p{ font-size:14px; line-height:30px; color:#727171;  height:120px}
.about_right .ys_about{color:#727171; font-size:18px; margin-top:30px}
.ys_about em{ font-size:24px; color:#61b33a; font-style:normal;}
.project{width:1200px; overflow:hidden; margin:60px auto 0;}
.title{ background:url(../images/title.png) no-repeat center bottom; overflow:hidden}
.title h3{color:#000; font-size:28px; text-align:center; display:block;}
.title h3 em{color:#61b33a}
.title p{ line-height:60px; color:#898989; font-size:18px; display:block; text-align:center}
.pro_box{width:100%; margin:40px auto 0; overflow:hidden;}
.pro_box dl{ overflow:hidden}
.pro_box dl dd{width:60px; height:60px; background-size:100%; float:left; box-sizing:border-box;}
.pro_box dl dd p{width:60px; height:60px; text-align:center; line-height:60px; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; font-size:36px;color:#fff;border-right:1px solid #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:relative; cursor:pointer}
.pro_box dl dd.cur p{ background:rgba(255,124,0,0.7)}
.pro_box ul{overflow:hidden; height:460px}
.pro_box ul li{width:1200px; overflow:hidden; float:left; background:#f9f9f9; height:460px; border-top:1px solid #fff;}
.pro_box_left{width:380px; float:left; overflow:hidden; padding:40px 30px 0; position:relative; height:415px}
.pro_box_left h3{ font-size:24px; color:#000; display:block; position:relative; padding-bottom:12px}
.pro_box_left h3 a{color:#000}
.pro_box_left h3:before{ content:"";height:3px; background:#000; width:30px; position:absolute; bottom:0}
.pro_box_left p{ margin-top:20px; font-size:14px;color:#898989; line-height:30px; height:240px; overflow:hidden; margin-bottom:30px}
.pro_box_left p a{color:#000}
.pro_box_left .more{width:130px; height:40px; line-height:40px; background:#ff7c00; color:#fff; text-align:center; font-size:14px}
.pro_box_left .more a{color:#fff}
.zbr{ position:absolute;  bottom:0; right:0; overflow:hidden}
 
.pro_box_right{width:760px; height:460px; overflow:hidden;}
.pro_box_right img{width:100%; height:100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.pro_box ul li:hover .pro_box_right img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.yyxq{ margin:50px auto; text-align:center; overflow:hidden; height:50px; line-height:50px}
.yyxq a{ font-size:18px;color:#fff; background:#ff7c00 url(../images/yy.png) no-repeat 20px center; height:50px; text-indent:1em; display:inline-table; line-height:50px;width:320px; margin:0 10px}
.yyxq a:hover{background:#da7311 url(../images/yy.png) no-repeat 20px center; }
.yyxq a.more{ background:#011a26;width:150px; text-indent:0}
.yyxq a.more:hover{background:#010e15}
.fangan{ background:#f1f1f1; width:100%; padding:50px 0}
.fangan ul{ margin:50px auto 0;width:1200px; overflow:hidden;}
.fangan_box{width:1200px; margin:0 auto; position:relative}
.fangan_box .btn{position:absolute;width:66px;height:66px;top:50%;margin-top:-54px;background:url(../images/ipro_btn.png);cursor:pointer;z-index:3;}
.fangan_box .btn.prev{left:-80px;background-position:0 0;}
.fangan_box .btn.next{right:-80px;background-position:-66px 0;}

.fangan ul li{width:576px; float:left; overflow:hidden; padding:12px}
.fangan ul li div{width:100%;  overflow:hidden; border:1px solid #b9b9b9;box-sizing: border-box;}
.fangan ul li div span{width:98%; height:327px; margin:1%; overflow:hidden; display:block;}
.fangan ul li div span img{width:100%; height:100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.fangan ul li:hover{ background:#fff}
.fangan ul li:hover div span img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.fangan ul li h3{width:100%; font-size:18px;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; height:20px; line-height:20px; margin:15px 0; display:block}
.fangan ul li h3:before{ content:""; border-left:5px solid #ff0000; padding-right:5px}
.fangan ul li p{ font-size:14px;color:#333333; line-height:25px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.fangan ul li .kfxq{ margin-top:30px; overflow:hidden; border:none;}
.fangan ul li .kfxq a{float:right; height:40px; line-height:40px; width:140px; border:1px solid #dddddd;border-radius:5px; background:#fff; text-align:center; font-size:16px; color:#000; font-weight:bold; margin-left:20px}
.fangan ul li .kfxq a.more{ background:#ff7c00; border:1px solid #ff7c00;color:#fff}
.fangan ul li .kfxq a:hover{ background:#010e15; color:#fff}
.fangan ul li .kfxq a.more:hover{ background:#da7311; border:1px solid #da7311}
.fangan ul li:nth-child(2){ float:right}
.cases{width: 1200px;overflow: hidden; margin:20px auto 0;}
.cases ul{ margin:40px auto; overflow:hidden;}
.cases ul li{width:391px; height:300px; float:left; margin-right:10px; margin-bottom:10px; position:relative; overflow:hidden}
.cases ul li:nth-child(3n){ margin-right:0}
.cases ul li p{ width:398px; height:186px; position:absolute;bottom:-110%; display:block; text-align:center; padding-top:114px; background:rgba(0,0,0,0.5) url(../images/video.png) no-repeat center center;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;color:rgba(0,0,0,0)}
.cases ul li:hover p{top:0;}
.cases ul li img{width:100%; height:100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.cases ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.problem{width:100%; height:990px; overflow:hidden; background:url(../images/problem_bg.jpg) no-repeat center center;}
.problem .title{ padding-top:50px;background: url(../images/title1.png) no-repeat center bottom;}
.problem .title h3{color:#fff; padding-bottom:40px; font-size:52px}
.problem .title h3 em{color:#fff;}
.problem_box{width:calc(100% - (100% - 1200px)/2); height:500px; background:rgba(255,255,255,0.8); margin-top:50px; float:right; height:700px}
.problem_box ul{ margin:50px; overflow:hidden;}
.problem_box ul li{width:1100px; overflow:hidden; margin-bottom:50px}
.problem_box ul li .left{width:110px; height:110px; overflow:hidden; float:left; margin-right:35px; position:relative}
.problem_box ul li .left img{width:100%; height:100%}
.problem_box ul li .left span{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); top:0; display:block; font-size:52px; color:#fff; text-align:center; line-height:110px}
.problem_box ul li .right{ float:right;width:955px; overflow:hidden;}
.problem_box ul li .right h3{ font-size:18px; color:#011a26; font-weight:bold}
.problem_box ul li .right h3:before{ content:"|";background:#61b33a;color:#61b33a; font-size:14px; margin-right:5px;}
.problem_box ul li .right p{ font-size:14px; color:#898989; line-height:25px; margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.why{width: 1200px;overflow: hidden; margin:50px auto 0;}
.why ul{ margin:50px auto 0; overflow:hidden}
.why ul li{float:left; margin-right:30px;width:279px; margin-right:28px; height:165px; background:#00a0e9 url(../images/why1.png) no-repeat center 40px;border-radius:10px}
.why ul li span{ display:block; font-size:18px; color:#fff; display:block; margin-top:90px; text-align:center}
.why ul li p{ font-size:14px; text-align:center; color:#fff; display:block; line-height:30px}
.why ul li:nth-child(2){ background:#00a0e9 url(../images/why2.png) no-repeat center 40px;}
.why ul li:nth-child(3){ background:#00a0e9 url(../images/why3.png) no-repeat center 40px;}
.why ul li:nth-child(4){ background:#00a0e9 url(../images/why4.png) no-repeat center 40px; margin-right:0}
.why ul li:nth-child(1):hover{ background:#ff8028 url(../images/why1.png) no-repeat center 40px;}
.why ul li:nth-child(2):hover{ background:#ff8028 url(../images/why2.png) no-repeat center 40px;}
.why ul li:nth-child(3):hover{ background:#ff8028 url(../images/why3.png) no-repeat center 40px;}
.why ul li:nth-child(4):hover{ background:#ff8028 url(../images/why4.png) no-repeat center 40px;}
.message{ margin-top:50px; overflow:hidden}
.msg_tit{font-size:24px; text-align:center; color:#000; font-weight:bold}
.message dl{margin:50px 0; overflow:hidden}
.message dl dd{width:330px;  border:1px solid #c9cacb; margin-right:20px; float:left; position:relative}
.message dl dd p{ position:absolute; right:10px; top:10px; color:#f00}
.message dl dd input{width:100%; border:none; height:50px; line-height:50px; font-size:18px; color:#c9caca; text-indent:1em}
.message dl dd input::-webkit-input-placeholder{color:#c9caca;}
.message dl dd input::-moz-placeholder{color:#c9caca;}
.message dl dd input:-moz-placeholder{color:#c9caca;}
.message dl dd input:-ms-input-placeholder{color:#c9caca;}
.message dl dd.submit{width:144px; background:#000; border:0; margin-right:0}
.message dl dd.submit input{ background:none; text-indent:0; cursor:pointer}
.message dl dd.submit:hover{ background:#ff7c00}
.message dl dd.submit:hover input{color:#fff}
.message dl dd select{width:100%; border:none; height:50px; line-height:50px; font-size:18px; color:#c9caca; text-indent:1em}
.news{width:1200px;margin:50px auto 0;overflow:hidden;}
.xw{float:left;width:580px;overflow:hidden;margin-top:50px;position:relative; height:450px}
.xw div{ width:100%; overflow:hidden; height:326px;}
.xw div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%;}
.xw div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.xw dl{ overflow:hidden;}
.xw dl h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;font-size:18px;text-align:left;color:#050507; font-weight:400; margin-top:10px;}
.xw dl dd{ overflow:hidden; font-size:14px; color:#999;}
.xw dl p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:50px;line-height:28px;color:#050507;font-size:14px; margin-top:10px;}
.news ul{overflow:hidden;float:right;width:560px;padding-top:50px;height:450px}
.news ul li{overflow:hidden;margin-bottom:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-sizing:border-box;}
.news ul li dl{width:80px; height:90px;text-align:center;background:#ff7c00;color:#fff;float:left;padding:1%; position:relative}
.news ul li dl dd{font-size:44px; line-height:70px;}
.news ul li dl dt{ position: absolute; width: 50px; right: 0px;bottom: 12px; font-size: 18px;}
.xw dl h3 a{color:#050507;}
.news ul li span{margin-left:15px;display:inline-block;width:78%;}
.news ul li span h3{color:#898989;height:42px;line-height:42px;font-size:18px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news h3 a{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;color:#333;}
.news h3 a:hover{color:#00463e;padding-left:10px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;}
.news i{font-style:normal;font-size:12px;color:#999;}
.news ul li span p{font-size:14px;line-height:26px;color:#969696;height:50px;margin:5px auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news ul li:hover{-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);z-index:1002;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.news ul li:hover h3{color:#00463e;}
.links{ width:100%; overflow:hidden; margin:50px auto 0; background:url(../images/links.jpg) no-repeat bottom center;}
.links_tab{ overflow:hidden; width:1200px; margin:0px auto; border-bottom:1px #ccc solid; height:60px; line-height:60px;}
.links_tab a{ margin-right:20px; font-size:18px; color:#666;}
.links_tab a.osel{ color:#00463e; border-bottom:1px #00463e solid; display:inline-block;line-height: 58px;}
.links_box{ width:1200px; margin:20px auto; overflow:hidden; float:left; font-size:14px;color:#999;}
.links_box ul{ overflow:hidden;}
.links_box ul li{ width:280px; font-size:14px; height:36px; line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; float:left; margin-right:20px;}
.links_box  a{ color:#999;}
.links_box a:hover{ color:#00463e;}
.large{width:300%}
.footer{ overflow:hidden; width:100%; margin:50px auto 0;}
.footer ul{ overflow:hidden;}
.footer ul li{ width:10%; float:left; margin-right:5%; font-size:13px;}
.footer ul li h3{ font-weight:400; margin-bottom:15px;}
.footer ul li dd{ height:24px; line-height:24px;}
.footer ul li dd a{color:#999;}
.footer ul li dd a:hover{color:#00463e;}
.footer ul li:nth-child(3){ width:30%}
.footer ul li p{color:#999; line-height:26px;}
.footer ul li:last-child { width:30%; float:right; text-align:right;}
.footer ul li:last-child h3{ font-size:18px; font-weight:bold; color:#666;}
.footer ul li:last-child p{ font-weight:bold; color:#666;}
.footer ul li dl{ margin-top:10px;}
.footer ul li dl dt{ float:right; margin-left:20px; position: relative} 
.footer ul li dl dt div{ width:90px; height:90px; border-radius:6px; position:absolute; bottom:50px; right:-35px; padding:5px; background:#fff; border:1px #ccc solid; overflow:hidden; display:none}
.footer ul li dl dt div img{ width:100%;}
.footer ul li dl dt:hover div{display:block;}
.bottom{ overflow:hidden; line-height:60px; font-size:14px; color:#666;}
.foot{ width:100%; height:50px; background:#606060; position:fixed; bottom:0px; left:0px; z-index:9999 }
.foot ul{ overflow:hidden;}
.foot ul li{ width:20%; float:left; border:5px solid #606060;box-sizing:border-box; margin-top:5px; position:relative}
.foot ul li input{ height:30px; line-height:30px; width:100%; border-radius:5px; background:#fff; text-indent:1em;}
.foot ul li select{ height:30px; line-height:30px; width:100%; border-radius:5px; background:#fff;text-indent:1em;}
.foot ul li input.submit{ text-indent:0em; background:#e84430; color:#fff; font-weight:500; font-size:16px;}
.foot ul li:last-child{line-height:30px; font-size:20px; color:#fff; font-weight:bold;}
.foot ul li p{ position:absolute; right:20px; top:5px;color:#f00}
.banner{width:100%;}
.banner img{width:100%}
.mbx{height:60px;margin:0 auto;position:relative; font-size:14px; color:#000; line-height:60px; border:1px solid #ccc}
.mbx span a:after{ content:">"; font-family:"宋体"; font-size:14px; margin:0 10px;}
.mbx span a:last-child::after{ content:""; display:none;}
.mbx span.jiade{ float:right}
.mbx span.jiade i{ font-style:normal; color:#f00; font-weight:bold;}
.mbx a{color:#000}
.projectlist{ margin-top:30px; overflow:hidden;}
.pro_type{width:100%; overflow:hidden;}
.pro_type ul li{ float:left; padding:5px 25px;  border:1px solid #dddddd; font-size:16px; margin-right:20px;border-radius:5px}
.pro_type ul li a{color:#000;}
.pro_type ul li.cur{ background:#ff7c00; border:1px solid #ff7c00;}
.pro_type ul li.cur a{color:#fff}
.pro_list{width:100%; overflow:hidden}
.pro_list dl{ width:356px; background:#f1f1f1; float:left; margin-right:66px; margin-top:45px;}
.pro_list dl dd{width:340px; margin:8px; height:190px; border:1px solid #b9b9b9; overflow:hidden;box-sizing:border-box;}
.pro_list dl dd img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%;}
.pro_list dl:hover dd img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.pro_list dl dt{ width:84%; overflow:hidden; margin:0 8%}
.pro_list dl dt h3{color:#333; line-height:60px; height:60px; font-size:24px; overflow:hidden; display:block; text-align:center; position:relative}
.pro_list dl dt h3:before{ content:""; font-size:30px;color:#e50012; position:absolute; bottom:0;width:100px; border-bottom:2px solid #e50012}
.pro_list dl dt p{ font-size:14px; color:#333; line-height:25px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:10px}
.pro_list dl .kfxq{ margin:10px auto; overflow:hidden; border:none; width:84%}
.pro_list dl .kfxq a{ height:40px; line-height:40px; width:140px; border:1px solid #dddddd;border-radius:5px; background:#fff; text-align:center; font-size:16px; color:#000; font-weight:bold;display:inline-table}
.pro_list dl .kfxq a.more{ background:#ff7c00; border:1px solid #ff7c00;color:#fff; margin-left:15px;}
.pro_list dl .kfxq a:hover{ background:#010e15; color:#fff}
.pro_list dl .kfxq a.more:hover{ background:#da7311; border:1px solid #da7311}
.pro_list dl:nth-child(3n){ margin-right:0}
.gg{width:1200px; margin:50px auto 0}
.common{width:1200px;margin:50px auto 0;overflow:hidden;}
.common .title{ line-height:80px}
.common ul{ margin:50px auto 0; overflow:hidden}
.common ul li{ float:left; width:350px; margin-right:75px;color:#696969; font-size:14px; border-bottom:1px dashed #b6b6b6; height:40px; line-height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.common ul li a{color:#696969}
.common ul li:nth-child(3n){ margin-right:0}
.common ul li:before{content:"|"; font-size:15px; color:#057638; font-weight:bold; background:#057638; margin-right:5px}
.pro_xq{ margin:50px auto; width:1200px; overflow:hidden}
.pro_xq_top{width:100%; overflow:hidden;}
.xq_top_left{width:720px; float:left;  overflow:hidden; border:1px solid #7f7f7f}
.xq_top_left div{ margin:5px; width:710px; height:400px; overflow:hidden}
.xq_top_left div img{width:100%; height:100%}
.xq_top_right{width:450px; float:right; overflow:hidden}
.xq_top_right h3{ font-size:36px; font-weight:bold; height:50px; line-height:50px; color:#000}
.xq_top_right p{ font-size:17px; line-height:30px; color:#000; margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; height:300px}
.xq_top_right em{ font-size:16px; color:#00a0e9; display:block; line-height:30px; font-style:normal}
.pro_list dl .kfxq{ margin:10px auto; overflow:hidden; border:none; width:84%}
.xq_top_right .kfxq a{ height:40px; line-height:40px; width:140px; border:1px solid #dddddd;border-radius:5px; background:#fff; text-align:center; font-size:16px; color:#000; font-weight:bold;display:inline-table; margin:10px 0 0}
.xq_top_right .kfxq a.more{ background:#ff7c00; border:1px solid #ff7c00;color:#fff;}
.xq_top_right .kfxq a:hover{ background:#010e15; color:#fff}
.xq_top_right .kfxq a.more:hover{ background:#da7311; border:1px solid #da7311}
.xq_title{width:1200px; background:#f1f1f1; height:50px; line-height:50px; overflow:hidden; margin-top:30px; font-size:18px; text-indent:1em;color:#000}
.xq_body{ border:1px solid #f1f1f1; padding:30px; font-size:16px; line-height:30px}
.xq_body img{ max-width:100%}
.wary_left{width:335px; float:left; overflow:hidden; margin-top:50px}
.wary_left h3{ background:url(../images/left_tit.jpg) no-repeat; overflow:hidden; width:100%; height:63px; line-height:63px; font-size:24px; color:#fff; text-indent:2em;}
.wary_left h3 span{ font-size:16px; float:right; margin-right:10px; text-indent:0; font-weight:normal; line-height:80px}
.wary_left h3 span a{color:#fff}
.wary_left ul{ background:#fbfbfb; width:100%; overflow:hidden;}
.wary_left ul li{width:96%; height:50px; line-height:50px; border-bottom:1px solid #f7f7f7; font-size:16px;color:#000; margin:0 auto}
.wary_left ul li a{color:#000}
.wary_left ul li:before{ content:">"; font-family:"宋体"; font-size:14px; margin:0 10px;}
.wary_left ul li.cur{color:#ff7c00}
.wary_left ul li.cur a{color:#ff7c00}
.wary_left dl{ width:335px; background:#f1f1f1; padding-bottom:20px}
.wary_left dl dd{width:335px; height:188px; border:1px solid #b9b9b9; overflow:hidden;box-sizing:border-box;}
.wary_left dl dd a{width:319px; height:172px; margin:8px; overflow:hidden; display:block}
.wary_left dl dd img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%;}
.wary_left dl:hover dd img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.wary_left dl dt{ width:100%; overflow:hidden;}
.wary_left dl dt h2{color:#333; line-height:50px; height:50px; font-size:20px; overflow:hidden; display:block;}
.wary_left dl dt h2:before{ content:"|"; font-size:20px;color:#e50012;width:5px; background:#e50012; margin-right:5px}
.wary_left dl dt p{ font-size:14px; color:#333; line-height:25px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;  width:90%; margin:0 auto}
.wary_left dl .kfxq{ margin:10px auto; overflow:hidden; border:none; width:90%}
.wary_left dl .kfxq a{ height:40px; line-height:40px; width:140px; border:1px solid #dddddd;border-radius:5px; background:#fff; text-align:center; font-size:16px; color:#000; font-weight:bold;display:inline-table}
.wary_left dl .kfxq a.more{ background:#ff7c00; border:1px solid #ff7c00;color:#fff; margin-left:15px;}
.wary_left dl .kfxq a:hover{ background:#010e15; color:#fff}
.wary_left dl .kfxq a.more:hover{ background:#da7311; border:1px solid #da7311}
.wary_right{width:820px; float:right; overflow:hidden;margin-top:50px}
.wary_right p{padding-bottom: 15px;}
.wary_right .right_tit{ height:60px; line-height:60px; overflow:hidden; background:url(../images/line.jpg) no-repeat left bottom;}
.right_tit h3{ font-size:22px; color:#000000; font-weight:normal; line-height:59px; display:inline-block; position:relative;}
.right_tit h3:before{ content:"|"; font-size:20px;color:#ff7c00;width:5px; background:#ff7c00; margin-right:10px}
.wary_news{ border:1px solid #f1f1f1; overflow:hidden; padding:20px;}
.wary_news dl{width:100%; overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px}
.wary_news dl dd{ float:left; width:270px; height:200px; overflow:hidden; border:1px solid #f1f1f1;}
.wary_news dl dd img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%;}
.wary_news dl:hover dd img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.wary_news dl dt{width:460px; overflow:hidden; float:right;}
.wary_news dl dt h3{ font-size:18px; color:#000; font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wary_news dl dt h3 a{color:#000;}
.wary_news dl dt p{color:#8c8b8b; line-height:25px; margin-top:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; font-size:14px; height:130px}
.wary_news dl dt .time{ background:url(../images/time.png) no-repeat left center; height:30px; font-size:14px;color:#666666; line-height:30px}
.wary_news dl dt .time span{width:120px; text-indent:1.5em; float:left}
.wary_news dl dt .time span:nth-child(2){width:70px}
.wary_news dl dt .time span:nth-child(3){width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xq_tit{ height:50px; line-height:50px; overflow:hidden;}
.xq_tit h3{ font-size:18px; color:#000000; font-weight:normal; display:inline-block; position:relative;}
.xq_tit h3:before{ content:"|"; font-size:16px;color:#f70000;width:3px; background:#f70000; margin-right:10px}
.xq_time{ background:#f3f4f4 url(../images/time1.png) no-repeat 20px center; height:50px; font-size:14px;color:#666666; line-height:50px; border:1px solid #e6e6e6; padding-left:20px; margin:20px 0}
.xq_time span{width:120px; text-indent:1.5em; float:left}
.xq_time span:nth-child(3){width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xq_pre_next{ margin-top:20px; overflow:hidden}
.xq_pre_next ul li{width:100%; height:40px; line-height:40px; border:1px solid #eeeeee;box-sizing: border-box;border-radius:5px; font-size:14px; color:#999999; padding:0 2%}
.xq_pre_next ul li em{ font-style:normal; font-family:"宋体"}
.xq_pre_next ul li:nth-child(1){ border-bottom:0}
.xq_pre_next ul li a{color:#8cc152}
.jidi{overflow:hidden; padding:20px 0}
.jidi ul li{ float:left; width:260px; overflow:hidden; margin-right:20px; margin-bottom:20px}
.jidi ul li:nth-child(3n){ margin-right:0}
.jidi ul li div{width:100%;height:150px; overflow:hidden; border:1px solid #f1f1f1;box-sizing:border-box;}
.jidi ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%;}
.jidi ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.jidi ul li p{ background:#f1f1f1; height:40px; line-height:40px;font-size:16px; text-align:center; padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}
.jidi ul li:hover p{ background:#ff7c00;color:#fff}
.video{overflow:hidden; padding:20px 0}
.video ul{ overflow:hidden}
.video ul li{ float:left; width:260px; overflow:hidden; margin-right:20px; margin-bottom:20px}
.video ul li:nth-child(3n){ margin-right:0}
.video ul li div{width:100%;height:150px; overflow:hidden; border:1px solid #f1f1f1;box-sizing:border-box; position:relative;}
.video ul li div span{ position:absolute; width:100%; height:150px; display:block; background:rgba(0,0,0,0.7) url(../images/video.png) no-repeat center center; bottom:-110%; background-size:20%}
.video ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%;}
.video ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.video ul li:hover div span{ top:0}
.video ul li p{ background:#f1f1f1; height:40px; line-height:40px;font-size:16px; text-align:center; padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}
.video ul li:hover p{ background:#ff7c00;color:#fff}
.left_weixin{ background:#f5f5f5; overflow:hidden;}
.wxchar{overflow:hidden; width:140px; overflow:hidden; margin:40px auto}
.wxchar img{width:100%; height:100%}
.wxchar p{ font-size:14px;color:#444444; text-align:center; display:block; margin-top:10px}
.plan{width:100%; height:100vh; position:fixed; top:0; background:rgba(0,0,0,0.9); display:none;}
.plan_box{width:600px;overflow:hidden; position:fixed;left:50%; margin-left:-300px;}
.plan_box h1{ font-size:18px; color:#fff; height:40px; line-height:40px;}
.ys{width:1200px; margin:30px auto;}
.ys_box{ overflow:hidden}
.ys_box dl{ margin-top:60px; width:100%; overflow:hidden}
.ys_box dl dd{ float:left; overflow:hidden;width:600px; text-align:center}
.ys_box dl dt{ float:right; width:470px; overflow:hidden;}
.ys_box dl dd.nums{ font-size:32px; border:2px solid #f36b21; height:85px; line-height:85px; padding:20px 10px; color:#f36b21; font-weight:bold; margin-left:40px; width:auto}
.ys_box dl dt span{ font-size:24px; color:#f36b21; font-weight:bold; display:block; text-align:left}
.ys_box dl dt p{font-size:14px; line-height:25px; color:#939598; margin-top:10px}
.ys_box dl:nth-child(2) dd.nums{ height:50px; line-height:50px; float:left; margin-bottom:20px;margin-left:0; margin-right:20px}
.ys_box dl:nth-child(2) dd{ float:right}
.ys_box dl:nth-child(2) dt{ height:130px; float:left}
.ys_box dl:nth-child(3) dd.nums{ height:50px; line-height:50px; float:left; margin-bottom:35px;}
.ys_box dl:nth-child(3) dt{ height:130px;}
.process{ margin-top:60px}
.js-video {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  padding: 10px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow:hidden; background:#fff;
  text-align:center
}
.js-video iframe{width:100%; height:400px}

video {
  max-width: 100%;
  max-height: 70vh;
  background-size: cover;
  background-position: center center;
  text-align:center
}
.js-video-close{ position:absolute; top:0; font-size:25px; color:#fff; right:0; cursor:pointer}

.js-video button {
  -moz-appearance: none;
  -webkit-appearance: none;
}


.playPre.ui-icon {
  position: absolute;
  left:10px;
  display: block;
  width: auto;
  bottom:10px;
  background:url(../images/play.png) no-repeat;
  width:40px; height:34px; background-size:100%;
  bottom:15px;
   text-align:center; padding-top:6px
}

.playNext.ui-icon {
  position: absolute;
  left:101px;
  display: block;
  width: auto;
  bottom:10px;
  background:url(../images/play.png) no-repeat;
  width:40px; height:34px; background-size:100%;
  bottom:15px;
  text-align:center; padding-top:6px
}

.playPause.ui-icon {
  position: absolute;
  left:50px;
  display: block;
  width: auto;
  bottom:10px;
  background:url(../images/play.png) no-repeat;
  width:50px; height:50px; background-size:100%
}






.playPause.ui-icon:before {
  font-size: 20px;
  line-height: 45px;
  color:#fff;
  z-index: 2;
  top: 50%;
  left: 50%;
}

.ui {
  font-size: 0;
  display: -webkit-flex;
  display: flex;
  background:#fff;
  height:60px; 
  line-height:60px;
  width:60%; 
  float:right;
}
.ui > div:nth-of-type(1), .ui > div:nth-of-type(4) {
  padding-top: 8px;
}
.ui > div:nth-of-type(1) {
  -webkit-flex: 30 30 1px;
  flex: 30 30 1px;
  margin-right: 10px;
  padding:30px 10px;
}
.ui > div:nth-of-type(2) {
  -webkit-flex: 1 0 60px;
  flex: 1 0 60px;
  font-size: 12px;
  margin-right: 10px;
  text-align: center;
  line-height: 20px;
  padding:20px 0;
}
.ui > div:nth-of-type(3) {
  -webkit-flex: 0 0 20px;
  flex: 0 0 20px;
  margin-right: 10px;
}
.ui > div:nth-of-type(4) {
  -webkit-flex: 0 0 60px;
  flex: 0 0 60px;
}

.timeDisplay {
  white-space: nowrap;
}
.timeDisplay i {
  font-style: normal;
}

.fullscreen {
  position: absolute;
  font-style: normal;
  right: 0;
  bottom: 12px;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.ui-icon {
  font-size: 20px;
  vertical-align: middle;
  width: 20px;
  margin-right: 10px;
  cursor: pointer;
}

.progress, .volumeControl {
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  position: relative;
  height: 5px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 2px;
  border: 0;
}

.progress > * {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.progress-time {
  background-color: black;
}

.anim {
  -moz-transition: width 1000ms linear;
  -o-transition: width 1000ms linear;
  -webkit-transition: width 1000ms linear;
  transition: width 1000ms linear;
}

.progress-buffer {
  background-color: rgba(0, 0, 0, 0.3);
  -moz-transition: width 250ms linear;
  -o-transition: width 250ms linear;
  -webkit-transition: width 250ms linear;
  transition: width 250ms linear;
}

.volumeControl {
  width: 90%;
  overflow: visible;
  position: relative;
  background: rgba(0, 0, 0, 0.3);
}
.volumeControl .ui-slider-handle {
  position: absolute;
  width: 9px;
  height: 9px;
  border: 0;
  top: -2px;
  background: transparent;
}
.volumeControl .ui-slider-handle:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: -50%;
  background: black;
  border-radius: 4px;
}
.volumeControl .ui-slider-handle:focus {
  outline: none;
}


@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('iconfont.ttf?t=1628688882923') format('truetype');
}

.ui-icon {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.playNext:before {
  content: "\e63c";
  color:#fff;
}

.fa-play:before {
  content: "\e61e";
}

.playPre:before {
  content: "\e501";
  color:#fff
}

.fa-pause:before {
  content: "\e674";
}

.fa-undo:before {
  content: "\e61e";
}


.fa-volume-off:before {
  content: "\e60f";
  font-size:25px
}

.fa-volume-up:before {
  content: "\e86e";
  font-size:25px
}


.iconicfill-fullscreen:before {
  content: "\e655";
   font-size:18px
}

div.flickr a {border:1px solid #ccc;padding:10px 15px;border-radius:2px;margin:0 5px;color:#666}
div.flickr a:hover {border-right:#ff7c00 1px solid;border-top:#ff7c00 1px solid;background-image:none;border-left:#ff7c00 1px solid;color:#fff;border-bottom:#ff7c00 1px solid;background-color:#ff7c00}
div.meneame a:active {border-right:#ff7c00 1px solid;border-top:#ff7c00 1px solid;background-image:none;border-left:#ff7c00 1px solid;color:#fff;border-bottom:#ff7c00 1px solid;background-color:#ff7c00}
div.flickr span.current {margin-right:5px;padding:10px 15px;color:#fff;font-weight:700;background:#ff7c00;border-radius:2px;border:1px solid #ff7c00}
div.flickr span.disabled {color:#adaaad;margin-right:10px;border:1px solid #ccc;padding:10px 15px;border-radius:2px}
div.flickr {padding:0;margin:0;text-align:center;font-family:Verdana;font-size:12px;text-align:center;height:50px;}
.fenye{margin-top:40px;}