@charset "utf-8";
/* CSS Document */

body,ol,table,tr,td,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea{margin:0;padding:0; font-family:"微软雅黑"; font-size:12px; font-weight:normal;}
ul,li{margin:0;padding:0; font-family:"微软雅黑";font-weight:normal;}
html{ overflow-x:hidden;}

body{font-size:12px;color:#666; margin:0; padding:0; _overflow:hidden; overflow-x:hidden;overflow:visible; background:url(../images/toprpt.jpg) repeat-x top #f3f3f3;}

input,button,select,textarea{outline:none;resize:none;}

p{ margin:0; padding:0;}

a img{border:none;}

li{list-style-type:none;}

a{text-decoration:none;color:#000;}

input{vertical-align:middle;font-family:"微软雅黑";}

table{border-collapse:collapse;font-family:"微软雅黑";}

a:hover{cursor:pointer; color:#ed7717;}
/*{dfilter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}*/

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */

:focus { -moz-outline-style: none; } /* for Firefox */

a { outline:none; } /* for FF Chrome */

.dis{display:none;}

.clear{ clear:both;}
/*common*/
#header{margin:0 auto;z-index:1000; position:relative;font-size: 0;border-bottom: 15px solid #e7e7e7;}

.toplink{ height:40px; line-height:40px; width:1000px; text-align:right;}
.toplink span{ float:right; display:inline-block;}
.toplink span.phones{ color:#fff; background:url(../images/phone.jpg) no-repeat left center; padding-left:20px;}
.toplink .cnen{ float:right; margin-left:20px; margin-top:12px; height:28px;}
.toplink .cnen a.on{ background:url(../images/2_12.jpg) no-repeat right center; padding-right:20px; display:inline-block;}
.toplink .cnen div{ position:absolute; top:40px; right:0; width:45px;}
.toplink .cnen div a{ display:block; text-align:left; margin-bottom:4px;}
#header .logo,#header .nav{display: inline-block;vertical-align: middle;box-sizing: border-box;}
#header .logo{width: 15%;}
#header .nav{width: 85%;text-align: right;}
#header .nav ul li div a{text-align: left;}
#header .logo{ position:relative;}
#header .logo img{width: 114px;}

#header .nav ul li{ padding:0 30px; position:relative;display: inline-block;}
#header .nav ul li a.on{display:inline-block; font-size:18px;border-bottom:5px solid #f4f4f4;}
#header .nav ul li a.on:hover{border-bottom:5px solid #ed7717; color:#ed7717;}
#header .nav ul li.active a.on{border-bottom:5px solid #ed7717; color:#ed7717;}
#header .nav ul li.last{ padding-right:0; background:none;}

#header .nav ul li div{ width:180px; position:absolute; left:50%; margin-left:-90px; top:100%; background:url(../images/nbg.png) repeat;}
#header .nav ul li div a{ color:#fff; display:block; padding-left:30px; line-height:34px; height:34px; border-bottom:1px solid #49444b; background:url(../images/1.png) no-repeat 15px center;font-size: 14px;}
#header .nav ul li div a:Hover{ border-bottom:1px solid #ec7717; color:#ec7717; background-image:url(../images/2.png);}

#footer{ background:url(../images/index_13.jpg) repeat-x bottom #262729; margin-top:50px; height:537px; width:100%; clear:both; display:table;}

.foot{ width:1200px; margin:0 auto; position:relative; padding-top:50px; display:table; height:650px;}
.foot .ftlink{ margin-bottom:10px;}
.foot .ftlink a{ color:#dbdbdb; display:inline-block; line-height:12px;}
.foot .ftlink span{ display:inline-block; margin:0 20px; border-left:1px solid #7d7d7d; height:12px; width:1px; margin-top:3px;}
.foot .ftlink ul{font-size: 0;}
.foot .ftlink ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 33.3333%;margin-bottom: 40px;}
.foot .ftlink ul li div a{ display:block; color:#88888a;font-size: 14px;line-height: 24px;}
.foot .ftlink ul li div a:Hover{ color:#ed7717;}
.foot .ftlink ul li .title{ font-size:14px; margin-bottom:26px;}
.foot .ftlink ul li .title a{ color:#fff;}
.foot .icp{ display:block; clear:both; position:absolute; width:1000px; bottom:0; left:0; height:104px; line-height:104px;}

.ftmedia{ position:absolute; right:0; top:0px; width:180px; top:50px;}
.ftmedia .title{font-size:14px; }
.ftmedia .title a{color:#fff;font-size: 20px;}
.ftmedia ul{ display:table; margin-bottom:30px; margin-top:36px;}
.ftmedia ul li{margin-right:10px; margin-bottom:10px;display: inline-block;vertical-align: top;box-sizing: border-box;position: relative;}
.ftmedia ul li a>img{border-radius: 50%;}
.ftmedia ul li h6{position: absolute;background: url(/thems/dgle/images/fticobg.png) center center;background-size: 100% 100%;padding: 10px 10px 10px 20px;box-sizing: border-box;text-align: center;top: 0;left: 100%;
    display: none;z-index: 3;
}
.ftmedia ul li h6 img{display: block;width: 100px;}
.ftmedia ul li:hover h6{display: block;}
.ftmedia textarea{ width:170px; border:none; background:#414246; padding:5px; color:#fff; margin-bottom:10px; margin-top:20px;}
.ftmedia input{ color:#fff; text-align:center; font-size:14px; background:#f17304; border:none; display:inline-block; padding:0 10px; height:26px;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px; cursor:pointer;}



.searchs{ position:absolute; bottom:130px; left:0;}
.searchs .title{font-size:14px; margin-bottom:10px;}
.searchs .title a{ font-weight:bold; color:#fff;}

.scipt{ height:34px; width:160px; position:relative;}
.scipt .sctxt{ position:relative; width:120px; color:#fff; background:#414246; border:0; height:30px; padding:0 5px; }
.scipt .scbtn{ color:#fff; text-align:center; font-size:14px; background:#f17304; border:none; display:inline-block; padding:0 10px; height:30px; line-height:30px;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px; cursor:pointer; position:absolute; right:0;}


.page{ width:1000px; display:table; line-height:50px; height:50px; border:1px solid #ececec; background:#f6f6f6; text-align:center;}
.page a{ margin:0 10px; padding:0 5px; }
.page a.current{ background:#ee7703; color:#fff;}




.toplink{text-align: right;}
.htdh,.yyqh{display: inline-block;}

.cbllist h6{
    transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
}

.nav ul,.navright{display: inline-block;box-sizing: border-box;vertical-align: bottom;} 
.htdh a{font-size: 14px;color: #333;}
.navright{padding-left: 120px;text-align: right;}
.navright form{display: block;background: #5e5c5d;margin-top: 25px;padding: 0 12px;box-sizing: border-box;width: 252px;text-align: left;}
.navright form button,.navright form input{display: inline-block;vertical-align: middle;box-sizing: border-box;outline: none;border: none;line-height: 40px;background: none;}
.navright form input{font-size: 14px;color: #fff;}
.yyqh{position: relative;text-align: left;}
.yyqh a{font-size: 14px;}
.yyqh div{ width:80px; position:absolute; left:50%; top:100%; background:url(../images/nbg.png) repeat;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.yyqh a img{display: inline-block;vertical-align: middle;margin-left: 9px;}
.yyqh div a{ color:#fff; display:block; padding-left:30px; line-height:34px; height:34px; border-bottom:1px solid #49444b; background:url(../images/1.png) no-repeat 15px center;font-size: 14px;}
.yyqh div a:Hover{ border-bottom:1px solid #ec7717; color:#ec7717; background-image:url(../images/2.png);}
.foot .ftlink ul li .title a strong{font-size: 20px;font-weight: normal;}
.ftmedia_t{margin-bottom: 40px;}
.ftmedia_t a{font-size: 20px;color: #fff;margin-bottom: 26px;display: block;}
.ftmedia_t p,.ftmedia_t p strong{font-size: 14px;color: #fff;line-height: 36px;}
.ftmedia_t p strong{color: #ff5001;}


.fhdb{position: fixed;right: 8%;bottom: 20%;cursor: pointer;}
.cbl{position: fixed;top: 20%;right: 0%;z-index: 2;}
.cbllist{display: block;cursor: pointer;height: 50px;background: #ff5001;margin-bottom: 3px;width: 51px;position: relative;}
.cbllist h6 img,.cbllist h6 strong{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.cbllist h6{width: 240px;}
.cbllist h6 strong{font-size: 18px;color: #fff;font-weight: bold;}
.cbllist h6{position: absolute;top: 0;left: 0;background: #ff5001;}
.cbllist:hover h6{left: -189px;}
.divbox,.container{width: 1200px;margin: 0 auto;}


.mobile{width: 40px;height: 40px;border-radius: 2px;cursor: pointer;text-align: center;line-height: 3px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background: #fe5000;
    box-sizing: border-box;padding-top: 2px;transition: 0.4s ease-in-out;display: none;}
.mobile i{display: block;margin: 0 auto;width: 23px;height: 2px;background: #fff;margin-top: 7px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(6px) translateX(6px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-6px) translateX(6px);}



@media only screen and (max-width:1680px){
    .section1 h2,.s4t h2,.s5t h2{font-size: 36px;}
    .section1 h3{font-size: 22px;}
    #header .nav ul li a.on{font-size: 16px;}
    .section3 h2{font-size: 28px;}
    .s4txt h3,.s5b ul li a h3{font-size: 22px;}
    .s6_c h3{font-size: 28px;}
    .s6_c h2{font-size: 44px;}
    .s7t h2{font-size: 28px;}
    .s7b ul li a img{width: 53px;}
    .s7b ul li h3{font-size: 22px;}
    .foot .ftlink ul li .title a strong,.ftmedia_t a,.ftmedia .title a{font-size: 18px;}
}

@media only screen and (max-width:1450px){
    .section1 p,.section1 a,.s4t p,.s4txt p,.s4txt h6,.s5t p,.s5t a,.s6_r a,.s7t p,.s7b ul li p{font-size: 14px;}
    .section1 h2,.s4t h2,.s5t h2{font-size: 32px;}
    .section1 h3{font-size: 20px;}
    #header .nav ul li a.on{font-size: 14px;}
    #header .nav ul li{padding: 0 20px;}
    #header .nav ul li div a{font-size: 12px;}
    .section3 h2{font-size: 24px;}
    .s3txt h3{font-size: 16px;}
    .s4txt h3,.s5b ul li a h3{font-size: 20px;}
    .s6_c h3{font-size: 24px;}
    .s6_c h2{font-size: 40px;}
    .s7t h2{font-size: 24px;}
    .s7b ul li a img{width: 48px;}
    .s7b ul li h3{font-size: 20px;}
    .foot .ftlink ul li .title a strong,.ftmedia_t a,.ftmedia .title a{font-size: 16px;}
    .ftmedia{right: 100px;}
}

@media only screen and (max-width:1200px){
    .divbox, .container{width: 90% !important;}
    .foot,.foot .icp{width: 90%;}

    .nav{position: fixed;top: 70px;left: 130%;width: 100%;margin: 0;line-height: 45px;background: #f4f1f1;z-index: 3333;height: calc(100% - 70px);left: 130%;
        transition: all .8s cubic-bezier(.35,.75,.55,1);
        -webkit-transition: all .8s cubic-bezier(.35,.75,.55,1);
        -moz-transition: all .8s cubic-bezier(.35,.75,.55,1);}
    .nav.on{left: 0%;}
    #header .nav{width: 100%;text-align: center;}
    #header.active .nav{left: 0;}
    #header.active .nav, .nav{transform: translateX(0);opacity: 1;}
    .mobile{display: inline-block;float: none;margin-top: 0;vertical-align: middle;}
    #header .nav ul li{display: block;text-align: left;background: #fff !important;border: 1px solid #d4d4d4;margin: 10px 0;}
    #header .logo img{width: 60px;}
    #header .nav ul{display: block;padding: 0 20px;box-sizing: border-box;}
    #header .nav ul li a.on{border: none !important;}
    .navright{padding-left: 0;text-align: center;}
    #header .nav ul li div{position: static;transform: initial !important;margin: 0;width: 100%;}

    .section1 h2, .s4t h2, .s5t h2{font-size: 18px;line-height: 30px;}
    .s4txt h3{display: none;}
    .section1{padding: 60px 0;}
    .section1 h3{font-size: 16px;margin-bottom: 20px;}
    .section3{padding: 40px 0 60px;}
    .section3 h2{font-size: 20px;}
    .section3 ul li{width: 49%;margin-right: 2% !important;}
    .section3 ul li:nth-of-type(2n){margin-right: 0 !important;}
    .s3txt{position: static;padding: 20px;width: 100%;}
    .s3txt h6{margin-top: 15px;}
    .section4{padding: 60px 0 40px;}
    .s4t h2{margin-bottom: 20px;}
    .s4t{margin-bottom: 40px;}
    .s4b ul li{margin-right: 2%;margin-bottom: 20px;}
    .s4b ul li:nth-of-type(2){margin-right: 0 !important;}
    .section5{padding: 30px 0 60px;}
    .s5b{margin-top: 40px;}
    .s5b ul li{width: 49%;margin-right: 2%;margin-bottom: 20px;}
    .s5b ul li:nth-of-type(2n){margin-right: 0;}
    .s4txt h3, .s5b ul li a h3{font-size: 16px;height: 42px;}
    .s5b ul li a h3{padding: 20px 15px;}
    .s4txt p{height: 72px;display: none;}
    .s4txt{padding: 30px 20px;}

    .s6{padding: 80px 30px;box-sizing: border-box;}
    .s6_l, .s6_c, .s6_r{width: 100%;}
    .s6_c{margin: 20px 0;}
    .s6_c h3{font-size: 20px;}
    .s6_c h2{font-size: 24px;}
    .section6{padding-bottom: 60px;}
    .s7t h2{font-size: 20px;margin-bottom: 20px;}
    /* .s7b ul li{width: 100%;margin-right: 0;margin-bottom: 20px;} */
    .s7b ul li a{padding: 20px;}
    .s7b ul li h3{font-size: 16px;margin: 20px 0 15px;height: 42px;}
    .section7{padding-bottom: 60px;}
    .ftmedia {position: static;}
    .foot .ftlink ul li{width: 50%;}
    .foot .ftlink ul li .title{margin-bottom: 10px;}
    .foot .ftlink ul li div a{font-size: 12px;}
    .foot .ftlink ul li{margin-bottom: 20px;}
    .ftmedia{width: 100%;}
    .foot .icp{position: static;}
    #footer .foot{height: auto;}
    .foot .icp{height: auto;line-height: 30px;padding-bottom: 20px;}
    .section3 ul{padding: 0;}
    .ftmedia ul{width: 60%;}


    .s7b ul li p,.s4t p,.section1 p{display: none;}
    .cbl{display: none;}

    .s4txt h6{margin-top: 0;}


}
