body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,table,td,textarea,th,tr,ul{margin:0;padding:0}
em{font-style:normal}
ul{list-style-type:none}
a{text-decoration:none}
a:hover{text-decoration:none}
img{border:none;vertical-align:top; max-width:100%;}
table{border-collapse:collapse}
input,textarea{outline:0}
textarea{resize:none;overflow:auto}
body{margin:0 auto;font-size:12px;font-family:"微软雅黑"}
.container-fluid{padding-left:0;padding-right:0}
.top-bar{height:35px;border-bottom:1px solid #f3f3f3;}
.top-bar div.main-area{max-width:1200px;height:32px;margin:0 auto}
.top-bar div.main-area p.top-bar-left{width:30%;height:32px;float:left;display:table-cell;line-height:32px}
p.top-bar-left img{vertical-align:middle}
p.top-bar-left b{font-weight:400;color:#999}
p.top-bar-left i{font-style:normal;color:#0086c8}
.top-bar div.main-area p.top-bar-right{height:32px;float:right;display:table-cell;line-height:32px;color:#999}
.top-bar div.main-area p.top-bar-right a{ color:#999;}
.top-bar div.main-area p.top-bar-right font{ color:#eee; display:inline-block; margin:0 15px; line-height:32px; font-size:12px;}
p.top-bar-right input{width:200px;height:25px;border:1px solid #fff}
p.top-bar-right img{vertical-align:middle}
.nav{height:90px; position:relative;}
.nav div.main-area{max-width:1200px;height:90px;margin:0 auto}
.nav div.main-area h1{width:230px;float:left}
.nav div.main-area ul{float:right}
.nav div.main-area ul li{height:90px;float:left;line-height:90px}
.nav div.main-area ul li a{ padding:0 16px;height:90px;display:block;font-size:15px;color:#666;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.nav div.main-area ul li a:hover{border-bottom:4px solid #28b748}
.nav div.main-area ul li a.active{}
.foot{height:333px;background-color:#0087c9;}
.foot div.main-area{max-width:1200px;margin:0 auto}
.buttonset { display:none;
    position:absolute;right:4%;top:15px;z-index:1000;
 transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -o-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -moz-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-tap-highlight-color: transparent;
    
}
.nav-moblie {width: 25px;height:35px;position: relative;cursor: pointer;display: table;
    -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
 }
.nav-moblie a {background-color: #8f8f8f;display: block;height: 2px;margin-top:16px;position: relative;top: 50%;width: 100%;
 -moz-border-radius:2px;
 border-radius:2px;
 -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
 -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
 -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
video{ width:100%;}
.nav-moblie a:after,
.nav-moblie a:before {background-color: #8f8f8f;display: block;height: 2px;left: 0;position: absolute;width: 100%;
    -moz-border-radius:2px;
         border-radius:2px;
    content:'';
    -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav-moblie a:after { top: 8px;width: 100%;}
.nav-moblie a:before { left: auto;right: 0;top: -8px;width: 100%;}
.nav-moblie a:focus{outline:none;}
.buttonset.on{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.buttonset.on .nav-moblie a:after,.buttonset.on .nav-moblie a:before{width: 100%;
 transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -o-transition: -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -moz-transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
top:0;
   
}
.buttonset.on .nav-moblie a:before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.buttonset.on .nav-moblie a{background: rgba(0, 0, 0, 0);}
.buttonset.on .nav-moblie a:after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.pc-ewm{ width:100%; height:100%; position:fixed; display:none; z-index:999997; top:0;}
.pc-ewm .ewmswpe{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,.8);z-index:9998; top:0;}
.pc-ewm .ewm-xx{ position:relative; top:30%; z-index:999999; width:240px; margin:0 auto; padding:15px; background:#FFF; border-radius:10px;}
.pc-ewm .ewm-xx img{ width:100%;margin:0;}
.pc-ewm .ewm-xx  span{ display:block; text-align:center; padding-top:8px;}

.ewm-btn{ cursor:pointer;}
.pages{ text-align:center; font-size:12px; margin:15px 0}
.pages a {display: inline-block;padding: 4px 14px;border: 1px solid #ddd;margin-left: 4px; color:#333;}
.pages a.on ,.pages a:hover {background: #24b047;color: #FFF !important; text-decoration:none;}

.wechat-ses{ width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}
.wechat-wrap{background: rgba(0, 0, 0, .6);width: 100%;height: 100%;position: fixed;left: 0;top: 0; z-index: 1400; display: none;}
#catelist{-webkit-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2); background:#fff; position: absolute; width:100%; border-top:1px solid #e4eaec; top:92px; z-index:100; display:none;
height: 0; left:0; overflow:hidden; opacity:0;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
 transition: all .5s ease-in;}
#catelist.shou{  height:100%; left:0; top:60px; opacity:1;transition: all .3s linear; display:block;}
#catelist ul{ padding:15px;}
#catelist ul li{ line-height:46px; font-size:16px;}
#catelist ul li a { display:block; color:#333;}
#catelist ul li a .glyphicon{ float:right; font-size:12px; line-height:36px;}
#catelist .dropdown-menu{ position:relative !important; float:none;box-shadow:none; background:#f5f5f5; border:none; padding:10px 0;transition: all .3s linear;    transform: translate3d(0px, 0px, 0px) !important;}
#catelist .dropdown-menu a{ display:block; padding-left:15px; line-height:32px;}
#catelist ul li{opacity: 0;transition: all .3s linear;
-webkit-transform: scale(1.1) translateY(-24px);
   -moz-transform: scale(1.1) translateY(-24px);
     -o-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);}
#catelist.shou ul li{opacity: 1;-webkit-transform: none;
   -moz-transform: none;
     -o-transform: none;
        transform: none;}
#catelist ul li:nth-of-type(2){ -moz-transition-delay: 300ms,300ms; -o-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
#catelist ul li:nth-of-type(3){ -moz-transition-delay: 350ms,350ms; -o-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
#catelist ul li:nth-of-type(4){ -moz-transition-delay: 400ms,400ms; -o-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
#catelist ul li:nth-of-type(5){ -moz-transition-delay: 450ms,450ms; -o-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
#catelist ul li:nth-of-type(6){ -moz-transition-delay: 500ms,500ms; -o-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
#catelist ul li:nth-of-type(7){ -moz-transition-delay: 550ms,550ms; -o-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
#catelist ul li:nth-of-type(8){ -moz-transition-delay: 600ms,600ms; -o-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
#catelist ul li:nth-of-type(9){ -moz-transition-delay: 650ms,650ms; -o-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
#catelist ul li:nth-of-type(10){ -moz-transition-delay: 700ms,700ms; -o-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
#catelist ul li:nth-of-type(11){ -moz-transition-delay: 750ms,750ms; -o-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}




/*头部修改2019*/
.fl{ float:left;}
.fr{ float:right;}
.ty-container{ max-width:1200px; margin:0 auto;}
.ty-container:after,.ty-container:before{ content:""; display:block; clear:both;}
.ty-top{ height:40px; line-height:40px; background:#d8d8d8; color:#333; font-size:12px;}

.ty-tmenu a{ color:#333; display:inline-block; margin:0 4px;}


.ty-headm{ padding:30px 0;position: relative;}
.ty-headm .ty-logo .tylogotxt{ margin-left:30px; padding-left:30px;padding-top: 15px;padding-bottom: 15px; border-left:1px solid #eee;}
.ty-headm .ty-logo .tylogotxt .p1{ font-size:22px; color:#444; font-weight:bold; margin-bottom:8px;}
.ty-headm .ty-logo .tylogotxt .p1 b{ color:#e50009;}
.ty-headm .ty-logo .tylogotxt .p2{ font-size:18px; color:#333; margin-bottom:8px;}
.ty-headm .ty-logo .tylogotxt .p2 b{color:#e50009;}
.ty-headm .ty-logo .tylogotxt .p3{ display:inline-block; padding:4px 8px; border-radius:4px; background:rgba(0,134,200,0.6); color:#fff; font-size:14px;}

.ty-toptel{ margin-top:10px;}
.ty-toptel .p1{ font-size:12px; padding-left:24px; background:url(../images/tyicotel.png) 0 center no-repeat; color:#666; height:20px; line-height:20px; margin-bottom:4px;}
.ty-toptel .p2{ font-size:24px;color:#e50009; margin-bottom:3px;}
.ty-toptel .p3{ font-size:24px; color:#333;}

.ty-nav{ height:50px; line-height:50px; background:#0087c9;}
.ty-nav ul li{ float:left; width:11%; text-align:center;}
.ty-nav ul li a{ display:block; font-size:16px; color:#fff;}
.ty-nav ul li a:hover,.ty-nav ul li a.active{ background:#0086c8;}
.nav{ display:none;}

















.foot div.main-area .space1{width:245px}
.foot div.main-area .space2{width:280px;padding-left:20px}
.foot div.main-area .space3{width:385px;padding-left:20px}
.foot div.main-area .space4{width:224px;padding-left:20px}
.foot div.main-area .space4 h4{width:114px;height:114px;margin-bottom:10px}
.space_common{float:left;margin-top:80px}
.foot-sepa{width:1px;height:214px;background:url(../images/foot_sepa.png) no-repeat;margin-top:80px;float:left}
.space2 ul li{width:80px;float:left;margin-right:50px;margin-bottom:13px}
.space2 ul li a:hover{ color:#fff; text-decoration:none;}
div.space_common h6{margin-bottom:13px}
.h4title{height:17px;margin-bottom:24px;line-height:17px;font-size:18px;color:#fff}
.smalltitle{height:13px;line-height:13px;font-size:12px;color:#e6e6e6}
.record{height:60px;background-color:#009e63; color:#fff;}
.record div.main-area a{ color:#dcdfe2;}
.record div.main-area{max-width:1200px;margin:0 auto}
.record div.main-area .record-left{width:1090px}
.record div.main-area .record-right{width:110px}
.record-common{float:left;line-height:60px;font-size:12px;color:#dcdfe2}
.hori-1111{height:78px}
.hori-1112{height:64px}
.hori-1113{height:22px}
.hori-1114{height:20px}
.hori-1115{height:44px}
.hori-1116{height:23px}
.hori-1117{height:44px}
.hori-1118{height:60px}
.main-adv{min-height:300px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.main-adv img{width:100%;height:auto;background-size:contain|cover;-moz-background-size:contain|cover;-webkit-background-size:contain|cover;-o-background-size:contain|cover}
div.main-area {
    max-width: 1200px;
    margin: 0 auto;
}
.flink{padding: 10px 0; background: #0087c9; color: #fff;}
.flink a{color:#fff;display: inline-block;margin-right:6px;}
#bottom{position:fixed;width:100%;max-width:640px;margin:0 auto;height:50px;bottom:0;background:#2383cf;z-index:999; display:none;}
#bottom ul{height:45px;line-height:45px}
#bottom ul li{width:25%;float:left;color:#fff}
#bottom ul li dl{width:auto;margin:0 auto;border-right:1px solid #2892e6;box-shadow:1px 0 0 #2079bf;text-align:center}
#bottom ul li dt{width:auto;height:28px;overflow:hidden;line-height:38px}
#bottom ul li dt .demo-icon{color:#fff;font-size:1.5em}
#bottom ul li dd{width:auto;height:22px;font-size:12px;color:#fff;line-height:20px}
.cndns-right{ right:0 !important;}




.ty-footer{ background:#f6f6f6; padding-top:50px;}
.ty-footnav{ border-bottom:1px solid #ddd; padding-bottom:15px;}
.ty-footnav .tit{ float:left; color:#333; font-weight:bold; position:relative;}

.ty-foot-contact{width:30%;float:left; text-align:center;font-size:30px;font-weight:bold; height:228px;border-left:1px solid #ddd}
.ty-foot-contact .ty-foot-logo img{max-width:220px;}
.ty-foot-contact .tx1{ margin:10px 0;}
.ty-footnav .fnxj{ 
	text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.ty-footnav .fnxj .fnxjtit{font-size:18px;font-weight:bold;}
.ty-footnav .fnxj .fnxjtit i{width:4px;height:4px;border-radius:50%;display:inline-block;background:#0087c9; margin-left:10px; position:relative;top:-4px;}
.ty-footnav .fnxj a{ color:#333; font-size:14px; padding:0 15px;}
.ty-footnav .tit:after{ content:""; position:absolute; right:0; bottom:5px;border-color:transparent transparent transparent #fff;border-width:5px 0 5px 6px;
    border-style:solid;}
.ty-footnav .tit span{ display:block;text-transform:uppercase;}
.ty-footnav .tit p{ font-size:18px;}


.ty-footmin{ margin-top:50px;}
.ty-footxd{ width:34%; float:left;}
.ty-footxd ul li:first-child{ width:40%;}
.ty-footxd ul li{ width:60%; float:left; border-left:1px solid #ddd; padding:0 20px; min-height:228px;}
.ty-footxd ul li .tit{ font-size:16px;  color:#333; margin-bottom:10px;}
.ty-footxd ul li p{ font-size:14px; color:#333; line-height:2;}
.ty-footxd ul li p a{ color:#333;}
.ty-footxd ul li:first-child .tit{ text-align:center;}
.ty-footxd ul li:first-child p{ text-align:center;}

.ty-ewmfr{ width:35%; float:right;border-left:1px solid #ddd; text-align:center;height:228px;}
.ty-ewmfr .tyetel{ color:#333; margin-bottom:5px;}
.ty-ewmfr .tyetel p{ font-size:14px;}
.ty-ewmfr .tyetel strong{ font-size:30px; }
.ty-ewmfr .tyewmlist{ padding:0 15px; margin-bottom:15px;}
.ty-ewmfr .tyewmlist ul li{ width:33.333%; float:left; font-size:14px;}
.ty-ewmfr .tyewmlist ul li img{ width:104px;}
.ty-ewmfr .tyewmlist ul li span{ display:block; margin-top:4px; color:#333;}
.ty-ewmfr .tyfkf a{ display:inline-block; margin:0 3px;}

.ty-copy{ border-top:1px solid #ddd; margin-top:50px; padding-top:10px; padding-bottom:10px; line-height:2;}
.ty-copy .copyy{ color:#333;}
.ty-copy .copyy .mlef{ float:left;}
.ty-copy .copyy .mrih{ float:right;}
.ty-copy .copyy a{ color:#333;}
.flinkr{ color:#333;}
.flinkr a{ color:#333; display:inline-block; margin:0 5px;}
@media screen and (max-width: 1280px) {
	
	.ty-container{ max-width:1100px;}
	.ty-headm .ty-container{ max-width:1200px;}
	.about div.main-area{ max-width:1100px !important;}
	.news div.main-area{ max-width:1100px !important;}
	}

@media screen and (max-width: 1200px) {
	.nav div.main-area ul li a{ padding:0 12px;}
	.container-fluid{ padding-left:10px; padding-right:10px;}
	}

@media screen and (max-width: 1124px) {
.buttonset{ display:block;}
.pc-nav{ display:none;}
.nav div.main-area{ margin:0;}
.nav,.nav div.main-area{ height:60px;}
.nav div.main-area h1 img{ max-height:60px;}
.record div.main-area .record-left{ width:100%; line-height:20px; float:none;}
.record-common{ line-height:20px; float:none;}
.record div.main-area{ padding:10px 0;}
.foot{ display:none;}
.record{ height:auto;}
	}

@media screen and (max-width: 760px) {
p.top-bar-left b{ display:none;}
.top-bar div.main-area p.top-bar-left{ width:140px;}
.top-bar div.main-area p.top-bar-right font{ margin:0 10px;}

.record div.main-area{ width:100%;}
.main-adv{ height:100px; background-size:cover;}
.cndns-right{ display:none !important;}
#bottom{ display:block;}
.mbilehei{ height:50px;}


.ty-tmenu{display:none;}
.ty-headm .ty-logo .tylogotxt{border-left:none; padding:0; margin: 10px 0 0 0;}
.ty-toptel {margin-top: 10px;position: absolute;right: 15px;top: 10px;}
.ty-headm{ padding:10px 0;position: relative;}
.ty-toptel .p2{font-size:18px;}.ty-toptel .p3{font-size:18px;}
.ty-headm .ty-logo .tylogotxt .p1{font-size:16px;}
.ty-headm .ty-logo .tylogotxt .p2{font-size:14px;}
.ty-nav{height:auto;}
.ty-nav ul li{ width:33.3333%;}
.ty-nav .ty-container{padding:0;}
.ty-nav ul li a{    border: 1px solid #0aca81;margin: -1px 0 0 -1px;}
.ty-footnav{ display:none;}
.ty-footxd{ display:none;}
.ty-foot-contact{width:100%;float:none;border-left:none;font-size: 24px;height:auto;margin-bottom:15px;}
.ty-ewmfr{ width:100%; border:none;}
.ty-copy .copyy .mrih{ display:none;}
.ty-copy{ margin-top:15px;}
.ty-footer{ padding-top:20px;}
.ty-footmin{ margin-top:10px;}
.ty-ewmfr .tyfkf a img{ width:100px;}
.ty-ewmfr .tyewmlist ul li img{ width:100px;}
.main-adv{ min-height:inherit; height:auto !important;}
}