@charset "utf-8";
.section{
    padding: 70px 0;
    position: relative;
}

.section a{
    color: #f43438;
}

.gray{
    background-color: #f9f9f9;
}

.heading{
    text-align: center;
    position: relative;
    font-size: 16px;
    margin-bottom: 70px;
    letter-spacing: 1px;
    font-size: 20px;
}

.heading .title{
    position: relative;
    letter-spacing: 0;
    font-weight: bold;
    font-family: 'Microsoft YaHei';
}
.heading .title span{color: #eb6100;}
.heading p{margin-top: 15px;}
.heading .title strong{
    font-weight: 700;
    text-transform: uppercase;
}
/*文字下横线*/
.heading:before{
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    /*border-bottom: solid 1px #f43438;*/
}

.test-height{
    height: 1800px;
}

.pageheader{
    padding: 42px 0;
    background-image: url(../images/bg/brick-wall-dark.png);
    background-color: #f43438;
}


.pageheader.fixed-demo.dark{
   background-color: #666 !important;
}
.pageheader.fixed-demo.orange{
   background-color: #e5782b !important;
}

.pageheader.fixed-demo.white{
    background-image: url(../images/bg/home2.jpg);
   background-color: #fff !important;
}

.pageheader .title{
    text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
    color: #fff !important;
    font-family: "Microsoft YaHei"
}

.pageheader p{
    margin-bottom: 0;
    color: #f5f5f5;
    font-size: 16px;
    font-family: "Microsoft YaHei"
}

.pageheader.fixed-demo.white .title{
    color: #3f3f3f !important;
    text-shadow: 3px 3px 0px rgba(255,255,255,1);
}

.pageheader.fixed-demo.white p{
    color: #6f6f6f;
}
/*
hr{
    border: solid 2px #efefef;
    margin: 60px 0 50px;
}


Home
=========================== */
.section.home{
    padding: 100px 0;
    background-image: url(../images/bg/brick-wall-dark.png);
    background-color: #f43438;
}

.section.home.dark{
    background-image: url(../images/bg/brick-wall-dark.png);
    background-color: #fff;
}

.section.home .heading-home{
    text-align: center;
    position: relative;
    z-index: 2;
}

.section.home .heading-home .title{
    color: white;
    margin-bottom: 5px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: capitalize;
    text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
    color: #fff;
}

.section.home .heading-home p{
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 1px;
    color: #f0f0f0;
}

.section.home .overlay{
    display: block;
    position: absolute;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.btn-home{
    border: solid 1px #fff;
    color: #fff !important;
    padding: 10px 20px;
    margin: 5px;
    letter-spacing: 1px;
}

.btn-home:hover,
.btn-home:focus{
    color: #3f3f3f !important;
    background-color: #fff;
}


/*
Affiliates
=========================== */
.affiliates{
    display: inline-block;
    padding: 10px;
    border: solid 1px #bbb;
    margin: 0 5px;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 6px 6px 0px rgba(0,0,0,0.2);
    background: rgba(255,255,255,0.1);
    position: relative;
    text-align: left;
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.affiliates a{
    text-decoration: none !important;
}

.affiliates img{
    width: 200px;
    margin-bottom: 5px;
}

.affiliates h6{
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}


/*
Menu Demo
=========================== */
ol.menu-demo{
    padding: 0;
    margin: 0 -15px;
    list-style: none;
    display: block;
}

ol.menu-demo li{
    margin-bottom: 15px;
}

ol.menu-demo li a{
    display: block;
    padding: 15px 25px;
    background-color: #fff;
    border: solid 2px #3f3f3f;
    color: #3f3f3f;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

ol.menu-demo li a:focus,
ol.menu-demo li a:hover{
    background-color: #f43438;
    border: solid 2px #f43438;
    color: #fff;
    text-decoration: none;
}



/*
Clear spacer
=========================== */
.margin-clear{
	margin:0 !important;
}

.padding-clear{
	padding:0 !important;
}

.margintop-clear{
	margin-top:0 !important;
}

.paddingtop-clear{
	padding-top:0 !important;
}

.marginbot-clear{
	margin-bottom:0 !important;
}

.paddingbot-clear{
	padding-bottom:0 !important;
}

.marginleft-clear{
	margin-left:0 !important;
}

.paddingleft-clear{
	padding-left:0 !important;
}

.marginright-clear{
	margin-right:0 !important;
}

.paddingright-clear{
	padding-right:0 !important;
}

.padding-top40{
	padding-top:40px !important;
}

.padding-topt60{
	padding-top:60px !important;
}

.padding-top70{
	padding-top:70px !important;
}

.padding-bot5{
	padding-bottom:5px !important;
}

.padding-bot10{
	padding-bottom:10px !important;
}

.padding-bot15{
	padding-bottom:15px !important;
}

.padding-bot20{
	padding-bottom:20px !important;
}

.padding-bot30{
	padding-bottom:30px !important;
}

.padding-bot40{
	padding-bottom:40px !important;
}

.padding-bot50{
	padding-bottom:50px !important;
}

.padding-bot60{
	padding-bottom:60px !important;
}

.padding-bot70{
	padding-bottom:70px !important;
}

.margin-mintop10{
	margin-top:-10px !important;
}

.margin-mintop20{
	margin-top:-20px !important;
}

.margin-mintop30{
	margin-top:-30px !important;
}

.margin-mintop60{
	margin-top:-60px !important;
}

.margin-mintop110{
	margin-top:-110px !important;
}

.margin-minbot10{
	margin-bottom:-10px !important;
}

.margin-minbot20{
	margin-bottom:-20px !important;
}

.margin-minbot30{
	margin-bottom:-30px !important;
}

.margin-minbot60{
	margin-bottom:-60px !important;
}

/*
Custom left right spacer
=========================== */
.margin-left10{
	margin-left:10px !important;
}

.margin-right10{
	margin-right:10px !important;
}

.margin-left20{
	margin-left:20px !important;
}

.margin-right20{
	margin-right:20px !important;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px !important;
}

.margintop10{
	margin-top:10px !important;
}

.margintop15{
	margin-top:15px !important;
}

.margintop20{
	margin-top:20px !important;
}

.margintop25{
	margin-top:25px !important;
}

.margintop30{
	margin-top:30px !important;
}

.margintop35{
	margin-top:35px !important;
}

.margintop40{
	margin-top:40px !important;
}

.margintop45{
	margin-top:45px !important;
}

.margintop50{
	margin-top:50px !important;
}

.margintop55{
	margin-top:55px !important;
}

.margintop60{
	margin-top:60px !important;
}

.margintop80{
	margin-top:80px !important;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px !important;
}

.marginbot10{
	margin-bottom:10px !important;
}

.marginbot15{
	margin-bottom:15px !important;
}

.marginbot20{
	margin-bottom:20px !important;
}

.marginbot25{
	margin-bottom:25px !important;
}

.marginbot30{
	margin-bottom:30px !important;
}

.marginbot35{
	margin-bottom:35px !important;
}

.marginbot40{
	margin-bottom:40px !important;
}

.marginbot45{
	margin-bottom:45px !important;
}


.marginbot50{
	margin-bottom:50px !important;
}

.marginbot55{
	margin-bottom:55px !important;
}

.marginbot60{
	margin-bottom:60px !important;
}

.marginbot80{
	margin-bottom:80px !important;
}

/*
Pre Code
=========================== */
pre {
    font-family: monospace;
    padding: 5px 25px 30px;
    border: solid 1px #ccc;
    border-left: solid 10px #ccc;
    background-color: #f5f5f5;
    margin-bottom: 30px;
    color: #6f6f6f;
    border-radius: 0px;
}
pre + pre {
    background: #6f6f6f;
}
pre {
    word-break: break-all; /* webkit */
    word-wrap: break-word;
    white-space: pre;
    white-space: -moz-pre-wrap; /* fennec */
    white-space: pre-wrap;
    white-space: pre\9; /* IE7+ */
}

body,html{background-color: #fff;}
body{font: 14px 'Microsoft YaHei'; color: #666;}
.container{padding: 0;}
.row{margin: 0;}


.attr-nav ul li{height: 42px; line-height: 42px;}
.attr-nav ul li a{padding: 0 12px; display: block;}
.attr-nav ul li a.active{background-color: #eb6100;}
.search a:focus{background-color: #eb6100;}
.nav li a{text-align: center; color: #333;}
.navbar-nav>li>a{padding: 0px;}
.navbar-nav>li>a img{margin-bottom: 10px;}
.navbar-brand{height: 50px;}
.logoBox{width: 120px; height: 33px; overflow: hidden;}
.logoBox .img-responsive{width: 100%;}
nav.navbar ul.nav > li > a{padding: 20px 0px;}
.menuItem{padding: 3px 25px; border-right: 1px solid #ddd;}
.classify{
    border-bottom: 1px solid #ddd; height: 30px; color: #333; margin-top: 0px;
    line-height: 30px; padding-left: 10px; margin-bottom: 5;
}
.classify::before{content:'>'; left: -10px; position: relative; font-size: 16px;}
.dropdown-menu .title{height: 43px; color: #e24457; font-size: 16px; line-height: 43px;}
.menu{background-color: #fff;}
.carousel-control.left{background: url(../images/l.png) no-repeat right 60%; margin-left: 6%;}
.carousel-control.right{background: url(../images/r.png) no-repeat left 60%; margin-right: 6%;}
.fieldWrap{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 9.167%;
    width: 23.438%;
    /*width: 440px;*/
    
}

.field{width: 100%; height: 160px; margin-top: 98%; position: relative; z-index: 5;}
.field ul,.field ul li{display: block;}
.field ul li{display: block; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80);}
.field ul.fieldBox{margin-top: 33px; position: absolute; left: 0; bottom: 0;}
.field ul.fieldTxt li{display: none; }


.field ul.fieldBox li{background: none;}
.field ul li .fTit,.field ul li .fCont{float: left; height: 74px;}

.field ul li{display: table; height: 100%;}
.field ul li .fTit,.field ul li .fCont{display: table-cell; vertical-align: middle; float: none;}


.field ul li .fTit{width: 22.667%; color: #333; font-size: 16px;/* line-height: 74px;*/ text-align: center; overflow: hidden;}
.field ul li .fCont{width: 77%; color: #7a7a7a; /*line-height: 20px; padding: 13px 0; */overflow: hidden;}



.field .fieldItem{margin-right: 20px; display: block; float: left; }
.field .fieldItem{display: block; width: 50px; height: 50px;}
.field .fieldItem img{width: 100%;}
.field .fieldItem{
    color: #666;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.field .fieldItem img{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.field .fieldItem:hover img{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.recommend{display: block}
.recommend img{margin-bottom: 20px;}
.recommend h2{margin-bottom: 24px; color: #333;}
.recommend h3{margin-bottom: 20px; /*color: #eb6100;*/ color: #333; font-size: 16px;}
.recommend div{color: #666; line-height: 20px; text-align: justify;}
.recommend .recoImg{height: 160px; overflow: hidden; margin-bottom: 20px;}
.section a.recommend{overflow: hidden;}
.section a.recommend:hover h3{text-decoration: underline; color: #eb6100;}
.section a.recommend:hover div{color: #000;}

.section a.recommend:hover img{
     -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.section a.recommend img{
    display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}

.latestNews{display: block; background-color: #fafafa; margin-bottom: 46px;}
.latestNews .newsPic,.latestNews .newsCont{float: left;}
.latestNews .newsPic{width: 34.062%;}
.latestNews .newsPic img{width: 100%;}
.latestNews .newsCont{width: 65.938%; padding-left: 24px;}
.latestNews .newsCont h1{color: #303030; font-size: 16px; margin-top:20px; margin-bottom: 24px;}
.latestNews .newsCont div{font-size: 12px; line-height: 20px; color: #666; text-align: justify;}
.latestNews:hover h1{text-decoration: underline; color: #eb6100;}
.latestNews:hover .newsCont > div{color: #000;}

.latestNews:hover{
     -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.latestNews,.honor,.inerview{
    display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}










.latest{padding: 40px 0; overflow: hidden;}
.latest .col-md-6{width: 46.32%; padding: 0;}
.latest .col-md-6:first-child{margin-right: 7.36%;}
.moreWrap{text-align: center;}
.more{padding: 7px 8px; font: 14px 'Microsoft YaHei'; color: #7a7a7a; border: 1px solid #7a7a7a;}
.more:hover{background-color: #eb6100; color: #fff; border: none;}
footer{background-color: #f7c099; padding-top: 20px;}
footer .col-md-1{width: 11.5%;}
.banner{position: relative; z-index: 4; top: 108px;}
.banner img{width:100%;}
.item img{min-height: 200px; width: 100%;}
.pageTitle{margin-top: -40px; margin-bottom: 74px; position: relative; z-index: 4;}
.pageTitle .title h2{font-size: 32px; color: #303030; margin-bottom: 20px;}
.pageTitle .title h2.white{color: #fff;}
.pageTitle .title h2 span{color: #eb6100;}
.pageTitle .title p{color: #3c4653;}
.location{
    background-color: #f7f7f7;  border-bottom: 1px solid #e2e2e2; position: relative; z-index: 3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.crumb{float: left; font-size: 18px; color: #0061ac;}
.bread-crumb{float: right; font-size: 12px; color: #333;}
.bread-crumb a{font-size: 12px; color: #333;}
.bread-crumb a:hover{color: #eb6100;}
.col-md-10{position: relative; z-index: 4; background-color: #fff;}
.col-sm-4{position: relative; z-index: 3;}
.ahead{
    background-color: #f2f7fb; height: 44px; font-size: 16px; color: #555; line-height: 44px;
    padding: 0 12px;
}


.aCont{border-bottom: 1px solid #ddd; padding: 50px 24px; position: relative;}
.aCont:last-child{border: none;}
.aCont .aPic{float: left; width: 32.005%;}
.aCont .aPic img{width: 100%;}
.aCont .aBody{float: left; width: 67.995%;}
.aBody{padding-left: 60px;}
.aBody h2{color: #0061ac; font-size: 16px; min-height: 35px;}
.aBody div{line-height: 24px; min-height: 75px; color: #555; text-align: justify;}
.aBody span{display: block; margin-top: 20px;}
.close{float: right; line-height: 44px;}
.maincont .col-md-10{width: 77.644%; padding: 0;  overflow: hidden;/* border-right: 1px solid #e7e7e7;*/ min-height: 600px;}
.maincont .col-md-2{width: 22.356%; padding: 0; padding-left: 15px; border-left: 1px solid #e7e7e7;}
.maincont .main{padding-top: 50px; padding-right: 105px; background-color: #fff;}
.maincont aside{background-color: #f7f7f7; padding-left: 20px;}
.widget{margin-top: 50px;}
.widget a{display: block; /*padding: 0px 15px;*/ margin-top: 10px;}
.lef,.rig{float: left;}
.rig{float: right; line-height: 58px;}
.color0{color: #009d95; background-color: #e9f1f7;}
.color1{color: #e24457; background-color: #faefee;}
.color2{color: #005ca0; background-color: #e7ebee;}
.color3{color: #000; background-color: #f3f1e6;}
.lef h3{font-size: 18px; font-weight: bold; min-height: 24px; margin-top: 10px; color: #000;}
.lef h3 span{color: #ec6d14;}
.lef div{ line-height: 18px;}
.navbar{min-height: 42px;}
.fa-search{cursor: pointer;}
.smShow,.smSearch{display: none;}
.fa-bar{color: #eb6100;}
.xsAside{display: none;}
.go{padding: 8px 20px; border: 2px solid #0061ac; border-radius: 5px;}
.go:hover{background-color: #0061ac; color: #fff;}
.col0{color: #000;}
.col3{color: #0061ac; }
.col4{color: #009e96; }
.col5{color: #e24457; }
.col6{color: #eb6100; }
.col7{color: #009e96; }
.border2{border: 2px solid #009e96;}
.border1{border: 2px solid #e24457;}
.border3{border: 2px solid #eb6100;}
.crumb.col5{color: #e24457; }
.crumb.col4{color: #009e96;}
.crumb.col{color: #eb6100;}
/* '了解更多' -- 移入效果*/
.go.col5.border2:hover{background-color: #e24457; color: #fff;}
.go.col4.border1:hover{background-color: #009e96; color: #fff;}
.go.col6.border3:hover{background-color: #eb6100; color: #fff;}




.rig h2.col7{color: #009e96;}
.cliServ {margin-left: 15px; margin-bottom: 40px;}
.cliServ h3.bg7{background-color: #009e96;}
.ahead.cli{background-color: #fef5f6;}
.ahead.sli{background-color: #f2fbfa;}
.ahead.abo{background-color: #f7f7f7;}
h2.col4{color: #009e96;}
h2.col5{color: #e24457;}
.auxMenu{color: #333; }
.widget a.auxMenu{padding: 9px 15px; margin-bottom: 0;}
.auxMenu:hover,.auxMenu.active{color: #fff; background-color: #eb6100;}
.info{margin-top: 36px; padding-left: 15px;}
.info h3{color: #333; min-height: 28px;}
.info div{line-height: 21px;}
.first{margin-top: 50px;}
.last{padding-bottom: 50px;}
.hotdown{margin-top: 50px; margin-left: 15px;}
.moreWrap{margin-top: -28px;}
.hotdown h3{color: #333; min-height: 27px;}
.hotdown .down{color: #0082b3; background: url(../images/download2.png) no-repeat center left ; }
.widget a.down {display: block; padding: 0px 15px; margin-bottom: 0px; margin-top: 10px; padding-left: 21px;}
.widget a.down:hover{text-decoration: underline;}
/*.downList a{display: block; padding: 0 9px; color: #555; font: 14px 'Microsoft YaHei';}*/
.downList a:hover .dTit{color: #eb6100;}
.todown a:hover .dPic img{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-90deg);
}
.dPic,.dTit{float: left;}
.dPic{width: 5%;}
.dPic img{width: 14px; height: 14px;}
.dTit{min-height: 31px; margin-bottom: 16px;border-bottom: 1px solid #f1f1f1; width: 95%; vertical-align: top;}
.pagination{text-align: center; width: 100%;}
.pagination a{padding: 10px 15px; border: 1px solid #dcdcdc; margin-left: 8px; color: #333;}
.pagination a:hover,.pagination a:focus{background-color: #eb6100; color: #fff;}
.recomList{padding-left: 15px;}
.recomList h3{color: #333; margin-bottom: 26px;}
.rItem{display: block; padding-bottom: 16px; border-bottom: 1px solid #ddd; font-size: 12px;}
.rItem span{display: block;}
.rTit{margin-bottom: 16px; color: #0082b3;}
.rItem:hover .rTit{text-decoration: underline;}
.widget a.rItem{margin-bottom: 16px; padding: 0; padding-bottom: 16px; color: #333;}
.latestAct{padding-left: 15px;}
.latestAct h3{color: #333; margin-bottom: 26px;}
.pageTurning{width: 100%; margin: 60px 0; text-align: center;}
.pageTurning a{padding: 10px 32px; border: 1px solid #dcdcdc; color: #9e9d9d; background-color: #f7f7f7; display: inline-block; margin: 0 5px; min-width: 98px;}
.next.bg0{background-color: #0061ac;}
.pageTurning a:hover{background-color: #eb6100; color: #fff;}
/*新闻页*/
.pTit{font-size: 22px; font-weight: bold; /*margin-bottom: 28px;*/ text-align: center;}
.tag{text-align: center; color: #9d9d9d; font-size: 12px;}
.tag span{}
.main article{padding: 0 10px;}
.common.fst{padding: 30px; background-color: #f7f7f7; line-height: 25px;}
.common.fst img{max-width: 100%;height:auto;}
.common{margin-bottom: 30px; text-align: justify;}
.common.test{width: 100%; text-align: center; }
.common.test img{display: inline;}

.crumb{/*height: 62px; line-height: 62px;*/ float: left; font-size: 18px; color: #0061ac;}
.crumb input{margin-left: 36px; width: 285px; font-size: 14px; color: #aaaaaa; border: 1px solid #ddd; height: 28px; line-height: 28px; }
.crumb input[type=text]:focus{
    border-color: #eb6100;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #f7c099, 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px #f7c099, 0 0 8px #f7c099;
}
.crumb button{
    cursor: pointer; height: 28px; padding: 0 14px; border: 1px solid #eb6100;  color: #fff; background-color: #eb6100; font-size: 14px;
    opacity: 0.8; filter: alpha(opacity=80); border: none; outline: none; line-height: 28px;
    margin-left: -8px;
}
.crumb button:hover{opacity: 1; filter: alpha(opacity=100);}
.faqImg{float: left; width: 17.647%; text-align: center; padding-right: 15px;}
.faqImg img{max-width: 100%; height: auto;}
.faqImg div{margin-top: 26px;}
.downList.faqList{float: left; width: 82.353%;}
.downList.faqList .dTit{border: none; min-height: auto; cursor: pointer;}
.downList.faqList a{border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.downList.faqList .aItem{border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.downList.faqList a:last-child{border: none;}
/*.common.fst{text-indent: 30px;}*/
.common.fst div{margin: 10px 0px;}
.related{padding-left: 15px;}
.related h3{color: #333; margin-bottom: 20px;}
.widget a.reItem{display: block; padding-left: 20px; background: url(../images/dot.png) no-repeat center left;}
.widget a.reItem:hover{text-decoration: underline;}
.playing{padding: 18px 0; margin-bottom: 50px; background-color: #eb6100;}
.playing .bg{display: block; width: 100%; vertical-align: middle; }

.playing .container{position: relative;}
.playing .container .center{position: absolute; top: 0; bottom: 0; text-align: center; width: 100%;}
.ibox{display: none; margin-bottom: 30px;}
.fa-2x{vertical-align: middle;}
.ibox .fa-2x{cursor: pointer;}
.center a{display: block;}
.pTitle{float: left; width: 75%;}
.pTitle .cn{font: 28px SimHei; color: #fff; text-align: left; margin: 10px 0;}
.pTitle .en{font: 16px arial; color: #dcdcdc;}
.pImg{float: right; width: 25%;}
.pImg img{margin-top: 16px;}
.pWrap{width: 380px; margin: 0 auto; overflow: hidden;}
footer{font-size: 12px; color: #fff; position: relative; z-index: 3;}
.copyright .col-md-6{padding: 0; width:initial;}
footer .fTitle{color: #eb6100; font-size: 14px; margin-bottom: 15px;}
footer a{display: block; color: #fff; font-size: 12px; margin: 25px 0;}
footer a:hover{text-decoration: underline; color: #eb6100;}
footer ul li{margin-bottom: 24px;}
footer ul li div{margin-bottom: 8px;}
#back-to-top{
    display: block; position: fixed; right: 4%; bottom: 4%; z-index: 6;
    width: 40px; height: 40px; overflow: hidden;
}
#back-to-top img{width: 100%;}

#to-contact{
    display: block; position: fixed; right: 4%; bottom: 14%; z-index: 6;
    width: 40px; height: 40px; overflow: hidden;
}
#to-contact img{width: 100%;}

.copyright{background-color: #fff; position: relative; z-index: 3;}
.copyright,.copyright a{line-height: 46px; color: #eb6100;}

@media (max-width: 991px){
.copyrights{background-color:#fff;position:relative;z-index:3;padding-top:20px;padding-bottom:15px;}
.copyrights .logo{width:100px;padding-top:0px;margin-left:auto;margin-right:auto;}
.copyrights .logo img{max-width:none;width:100%;height:auto;}
.copyrights .pic{width:30px;margin-top:5px;margin-left:auto;margin-right:auto;}
.copyrights .pic img{max-width:none;width:100%;height:auto;}
.copyrights .content{width:100%;text-align:center;color:#eb6100;font-size:12px;line-height:24px;margin-top:10px;}
.copyrights .content a{padding: 0 8px;color:#eb6100;}
}
@media (min-width: 992px){
.copyrights{background-color:#fff;position:relative;z-index:3;padding-top:20px;padding-bottom:20px;}
.copyrights .logo{float:left;width:50px;padding-top:0px;}
.copyrights .logo img{max-width:none;width:100%;height:auto;}
.copyrights .pic{float:right;width:40px;margin-top:-4px;}
.copyrights .pic img{max-width:none;width:100%;height:auto;}
.copyrights .content{float:left;width:calc(100% - 40px);text-align:left;color:#eb6100;line-height:24px;padding-left:14px;}
.copyrights .content a{padding: 0 8px;color:#eb6100;}
}

.foot{float: left;}
.L{padding-right:5px;}
.Ls{margin-right:10px;}
.foot{margin-left: 38px;}
.foot img{vertical-align: middle;}
.foot a{padding: 0 8px;}

.joinTxt{line-height: 26px; text-align: justify; margin-bottom: 50px;}
.mail{color: #eb6100; text-decoration: underline;}
.aBody .s1{color: #eb6100; display: inline; margin: 0;}
.aBody .s2{color: #333; display: inline; margin: 0;}
section{padding-bottom: 40px;}
.faqTxt{}
.faqTxt table{table-layout:fixed;white-space:inherit!important;}
.faqTxt table span{white-space:inherit!important;}
.fixBg{background-color: #f7f7f7; position: fixed; right: 0; top: 0%; z-index: 2; border-left: 1px solid #ddd;}
/*最顶部橙色条*/
.topest{background: url(../images/topest.png) repeat;}
.topest .topSpan{
    display: block; float: left; height: 42px; line-height: 42px; color: #fff; margin-right: 35px;
}
.topest .topSpan:first-child{font-weight: bold;}
.topest .topSpan img{margin-right: 10px;}
.top-search{position: absolute; top: 32px; right: 6.5%; z-index: 20;}
.top-search .fixSearch{opacity: 1; filter: alpha(opacity=100);background-color: #ee8032; padding: 20px;}
header{position: relative; z-index: 7;}
.fixWrap
        {
            width: 580px; position: fixed;z-index: 6;
            right: 0; top: 42px; display: none; z-index: 200;
        }
        .fixWrap:hover .hotsearch{opacity: 1; filter(alpha=100);}
        .sergroup
        {
            width: 488px;
            height: 35px; 
            color: #666;
            margin: 24px auto;
            position: relative; z-index: 5;
        }
        .sergroup button
        {
            border: none; border-bottom-right-radius: 60px; border-top-right-radius: 60px; height: 35px; width: 10%;
            background-color: #fff; margin-left: -5px;
        }
        .sergroup input
        {
            border: none; border-bottom-left-radius: 60px; border-top-left-radius: 60px; height: 35px;
            background-color: #fff; width: 90%; font: 14px 'Microsoft YaHei'; color: #666; text-indent: 16px;
        }
        .sergroup button,.sergroup input:focus{border: none; outline: none; }
        .hotsearch{ 
            background-color: #ee8032; color: #fff; padding: 0 44px; padding-top: 80px; padding-bottom: 10px;
            position: absolute; top: 0px; opacity: 0.9; filter(alpha=90);
        }
        .hotsearch .h2{padding: 6px 8px; background-color: #eb6100; font-size: 14px; border-radius: 20px;}
.spanList{margin-top: 10px;}
.spanList span{display: block; width: 20%; float: left; margin: 10px;  cursor: pointer;}
.spanList span:hover{text-decoration: underline;}

.cBox{float: left;}
.cCont{float: left;}
.cCont h2{font-size: 16px; color: #333; margin-bottom: 28px;}
.cCont div{color: #555;}
.cBox{margin-right: 45px;}
.city{margin-bottom: 64px;}
.areaList{overflow: hidden; margin-bottom: 64px;}
.areaList .areaItem
{
    float: left; width: 30%; min-height: 130px; background-color: #f7f7f7; margin-right: 20px; margin-bottom: 20px;
    border: 1px solid #ddd; padding: 20px;
}
.areaItem h2{font-size: 14px; color: #333; margin-bottom: 18px;}
.aPhone{margin-bottom: 6px;}
.aMail{color: #0082b3;}
.onTitle{color: #333; font-size: 18px; font-weight: bold;}
.onTitle span{color: #eb6100; margin-bottom: 6px;}
.alias{color: #9c9b9b;}
.onMess{padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.leave{display: block; padding-top: 40px;}
.leave .lab{color: #555; font-weight: normal; }
.onText{margin-bottom: 28px;}
.onText1{margin-bottom: 18px;}
.checkgroup.cnChar span:first-child{margin-left: -4px;}
.lab{min-width: 80px; float: left; text-align: right; margin-right: 20px; line-height: 33px;}
.lab1{min-width: 80px; float: left; text-align: right; margin-right: 20px;}
.lab2{min-width: 80px; float: left; text-align: right; margin-right: 20px; margin-top: -4px;}
.latxt{float: left; line-height: 33px;}
input[type=checkbox], input[type=radio]
{margin: 0; vertical-align: middle;}
.latxt .sex{float: left;}
.sex.firs{margin-right: 40px;}
.latxt input{margin-right: 5px;}
.latxt input[type=text]{
    width: 248px; height: 33px; border: 1px solid #ddd;
    display: block;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.latxt input[type=text]:focus{
    border-color: #eb6100;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #f7c099, 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px #f7c099, 0 0 8px #f7c099;
}
.checkgroup{padding-left: 100px;}
.checkgroup span{display: block; margin-right: 40px; margin-bottom: 10px; float: left;}
.checkgroup span input[type=checkbox]{margin-right: 10px;}
.checkgroup span input:checked{
    border-color: #eb6100;
    background: #fff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #f7c099, 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px #f7c099, 0 0 8px #f7c099;
}
.onText textarea{display: block; margin-top: 4px; border: 1px solid #ddd; width: 673px; min-height: 158px; resize: none;}
.onText textarea:focus{
    border-color: #eb6100;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #f7c099, 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px #f7c099, 0 0 8px #f7c099;
}
.sub{
    padding: 8px 30px; background-color: #eb6100; color: #fff; border: none; border-radius: 5px; margin-left: 98px;
    opacity: 0.8; filter: alpha(opacity=80);
}
.sub:hover{opacity: 1; filter: alpha(opacity=100);}
.date,.dateTxt{float: left; overflow: hidden;}
.date
{
    width: 10%; min-height: 60px; text-align: center; margin-right: 20px; 
    background-color: #eae7e2;
}
.honor{display: block; color: #999; padding-bottom: 30px;}
.honor:hover{color: #333;}
.honor:hover .dateTxt h2{text-decoration: underline; color: #eb6100;}
.honor:hover .date .t,.honor:hover .date .p{background-color: #eb6100; color: #fff;}
.date .t{padding: 4px 0; border-bottom: 1px solid #fff; color: #555;}
.date .p{padding: 6px 0; font-size: 25px; font-weight: bold; color: #000;}
.dateTxt{width: 80%; min-height: 60px; border-bottom: 1px solid #f0f0f0; padding-bottom: 30px;}
.dateTxt h2{color: #333; margin-bottom: 20px; font-size: 14px;}
.dateTxt div{line-height: 20px; font-size: 12px;}
.intro{color: #555; line-height: 26px;}
.block{margin-top: 40}
.block h2{color: #eb6100; font-size: 16px; padding-bottom: 26px; border-bottom: 1px solid #ddd; margin-top: 40px;}
.block div{padding-top: 26px; line-height: 26px; text-align: justify;}
.plat span{margin-right: 60px;}
.plat span img{margin-right: 10px;}
.ePic{float: left; width: 16%;}
.eTxt{float: left; width: 80%;}
.eTxt h3{color: #555; font: 16px 'Microsoft YaHei'; font-weight: 600;}
.eTxt div{color: #999;}
.enPic{float: left; width: 33%;}
.enPic img{display: block;}
.entrust a{padding-bottom: 30px; min-height: 20px;}
.entrust a:hover{
   color: #000;
}
.entrust a:hover .entrCont{color: #000;}
.entrust .dTit{border: none; font-size: 16px; font-weight: bold;}
.entrCont{margin-left: 5%; padding-bottom: 30px; border-bottom: 0px solid #ddd; color: #7a7a7a; line-height: 24px;}
.downArea .common{padding-bottom:30px; line-height: 30px; text-indent: 30px; text-align: justify;}
.downArea .common img{max-width: 100%; height: auto;}
.faqPic{float: left; width: 20%; text-align: center; padding-right: 15px;}
.faqPic .img-responsive{display: inline;}
.faqAlbum{float: left; width: 80%;}
.faqA ul,.faqA ul li{display: block;}
.faqA a{display: block; color: #005ca0; float: left; margin: 0px 48px 10px 0px; line-height: 24px;}
.faqA a.s2{color: #e24457;}
.faqA a.s3{color: #009e96;}
.faqAlbum h2{color: #555; margin-top: 10px; margin-bottom: 20px; line-height: 24px;}
.faqAlbum h2.f1{margin-top: 0;}
.faqA a:hover{text-decoration: underline;}
.faqBor{width: 100%;}
.faqBor img{width: 100%;}
.faqArea{padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.faqArea:first-child{padding-top: 0;}
.faqArea:last-child{border: none;}
.faqPic{text-align: center;}
.inerview{margin-bottom: 20px;color: #303030; border-bottom: 1px solid #ddd; display: block; padding-bottom: 20px;}
.inerview:hover{color: #333;}
.inerview:hover h1{color: #eb6100;}
.inerview:hover .iCont{color: #000;}
.inerview .col-md-9,.inerview .col-md-3{padding: 0; }
.inerview .col-md-9{padding-left: 28px;}
.inerview .col-md-3 img{display: block; width: 100%;}
.iTxt{font-size: 16px; margin-bottom: 30px; padding-top: 6px;}
.iCont{color: #666; line-height: 24px; text-align: justify; min-height: 40px; margin-bottom: 24px;}
.iType{margin-left: -5px;}
.cliServ h3{background-color: #e24457; color: #fff; /*padding: 12px 0;*/ line-height: 22px; text-align: center; }
.widget a.cliTit{padding: 0; margin: 10px 0; color: #6b6b6b;}
.widget a.cliTit:hover{text-decoration: underline;}
.widget a.cliTit.much{color: #0061ac;}
.headT{min-height: 120px; margin-bottom: 30px;}
.headT .rig,.headT .lef{float: left;}
.headT .rig{width: 65%; padding-left: 15px;}
.headT .rig img{max-width: 100%}
.headT .lef{width: 35%;}
.rig div{text-align: justify; line-height: 24px;}
.rig h2{color: #e24457; font-size: 16px; margin-bottom: 20px; margin-top: 16px;}
.lef1{/*width: 14%;*/ float: left; min-height: 20px;color: #e24457; font-size: 16px;}
.rig1{/*width: 86%;*/ float: left; min-height: 10px; border-bottom: 1px solid #ddd;}
/*.rig1 img{width: 100%; }*/
.hCont{padding-top: 30px; line-height: 26px; text-align: justify;}
.rig h2.col3{color: #0061ac;}
.bg3{background-color: #0061ac;}
.cliServ h3.bg3{background-color: #0061ac;}
/*导航hover效果*/

.table{width: 100%;}
.table-cell .span{display: block; width: 20%; float: left;}
.table-cell .span.long{width: 40%;}
.table{padding: 0 24px;}
.line1{background-color: #f7f7f7; color: #555; min-height: 30px; line-height: 30px;}
.table-cell{margin-top: 16px;}
.newsItem{
    display: block; width: 40%; margin: 0 5%; float: left; color: #666; padding-bottom: 16px; 
    border-bottom: 8px solid #f7f7f7; margin-bottom: 48px; min-height: 321px; 
}
.newsItem .newsBox{height: 140px; overflow: hidden;}
.newsItem .newsBox img{width: 100%; height: auto;}
.newsCont h2{color: #333; font-size: 16px; margin-top: 30px; margin-bottom: 24px;}
.newsCont div{line-height: 24px; min-height: 72px; text-align: justify;}
.newsItem:hover{
    color: #000; 
}
.newsItem:hover h2{text-decoration: underline; color: #eb6100; }
.newsCont div.state{min-height: 30px; margin-top: 16px; display: block; width: 70px; height: 30px; line-height: 30px; text-align: center;  background-color: #eb6100; color: #fff;}
.newsCont div.state.off{background-color: #7a7a7a; float: right;}
.highlight{background-color: #fff9d9; padding: 20px; min-height: 120px;}
.online-btn{display: block; color: #fff; background-color: #eb6100; float: right; padding: 9px 20px; border-radius: 5px; opacity: 0.8; filter: alpha(opacity=80);}
.online-btn:hover{opacity: 1; filter: alpha(opacity=100); color: #fff; }
.online-btn:visited,.online-btn:focus{color: #fff;}
.passage img{max-width: 100%;}
.lef div{color: #9c9b9b;}
/*轮播图*/
.jssorb01 { position: absolute;}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    position: absolute; width: 12px; height: 12px; filter: alpha(opacity=70); opacity: .7; overflow: hidden; cursor: pointer;
}
.jssorb01 div { background: none; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background: none; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
.jssora05l, .jssora05r {
    display: block; position: absolute; width: 27px; height: 90px; cursor: pointer; overflow: hidden;
}
.jssora05l {background: url(../images/l.png) no-repeat center right; z-index: 1000;}
.jssora05r {background: url(../images/r.png) no-repeat center left;}           
.source{line-height: 40px;}
.tag{position: relative;}
#share {position: relative; top: 16px; right: -10px; float: right; }
.small{display: none;}
/*---------------------------------------CSS3实现响应式数据表格---------------------------------------*/
table {  
  margin-top: 40px;
  width: 100%;  
  border-collapse: collapse;  
} 
tr:nth-of-type(odd) {  
  background: #eee;  
} 
th {  
  background: #333;  
  color: white;  
  font-weight: bold;  
} 
td, th {  
  padding: 6px;  
  border: 1px solid #ccc;  
  text-align: left;  
} 
.fzz{font-weight: bold;}
.lst{margin-bottom: 20px;}
.weixin{position: absolute; top: 42px; right: auto; z-index: 9; display: none;}
.smWeixin{position: absolute; top: 10px; left: 60px; z-index: 9; display: none;}
.smW{z-index: 10; position: relative;}







@media  
only screen and (max-width: 760px), 
(min-device-width: 768px) and (max-device-width: 1024px)  { 
 
    /* Force table to not be like tables anymore */ 
    table, thead, tbody, th, td, tr {  
        display: block;  
    } 
    thead tr {  
        position: absolute; 
        top: -9999px; 
        left: -9999px; 
    } 
     
    tr { border: 1px solid #ccc; } 
     
    td {  
        /* Behave  like a "row" */ 
        border: none; 
        border-bottom: 1px solid #eee;  
        position: relative;  
    } 
     
    td:before {  
        /* Now like a table header */ 
        position: absolute; 
        /* Top/left values mimic padding */ 
        top: 6px; 
        left: 6px; 
        width: 45%;  
        padding-right: 10px;  
        white-space: nowrap; 
    } 

    .bdsharebuttonbox{display: none;}
     
    /* 
    Label the data 
    
    td:nth-of-type(1):before { content: "货号"; } 
    td:nth-of-type(2):before { content: "产品名称"; } 
    td:nth-of-type(3):before { content: "规格"; } 
    td:nth-of-type(4):before { content: "定价"; }*/ 
} 
/*---------------------------------------CSS3实现响应式数据表格---------------------------------------*/
.hoverbg{
    background-color: #b2b2b2; width: 100%; height: 100%;position: fixed; z-index: 20; opacity: 0.8; filter: alpha(opacity=80);
    display: none;
}
.changep{
    background-color: #fff;top: 90%; border-radius: 5px;
    left:50%;  width: 540px; min-height: 280px; margin: -140px 0 0 -270px ; position: absolute; z-index: 30; display: none;
}
.changep ul li span.invoice{margin-right: 16px;}

.changep h1{background-color: #eb6100; line-height: 35px; height: 35px; color: #fff; padding: 0 20px;}
.changep h1 div{float: right; cursor: pointer;}
.changep ul,.changep ul li{display: block;}
.changep ul{padding: 0 20px; width: 400px; margin: 0px auto; margin-top: 18px;}
.changep ul li{margin: 10px 0;}
.changep ul li span{display: block; height: 35px; float: left;}

.changep ul li span.obtain{float: right; height: 33px; line-height: 33px; background-color: #f7f7f7; padding: 0 12px;cursor: pointer;}
.changep ul li span.alignment{line-height: 33px;}
.alignment input{margin-right: 10px;}
.changep ul li span.obtain:hover{color: #fff; background-color: #eb6100;}
.changep .txt input{border: 1px solid #d9d9d9; height: 33px; line-height: 33px; width: 233px;}
.changep .txt input.yzm{width: 180px;}
.changep .label0 {color: #333; font: 14px 'Microsoft YaHei'; height: 33px; line-height: 33px; width: 64px; margin-right:  16px; text-align: right; }
.changep button{
    border-radius: 5px; cursor: pointer;  border: none; font: 14px 'Microsoft YaHei'; margin-left: 80px; width: 90px; height: 30px; background-color: #eb6100; color: #fff;
    
}
.changep button:hover{opacity: 0.8; filter: alpha(opacity=80);}
.widget a.onlineMess{padding: 0; padding-left: 15px; margin-bottom: 30px;}
#demo{margin-top: 108px;}
#slider1_container{top: 108px; left: 0px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{min-width: 108px; width: 108px; }
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{text-align: center; padding: 10px 0;}
.threeEnter{text-align: center; margin-top: 45px;}
.threeEnter a{display: inline-block; *display: inline; *zoom: 1; margin: 0 15px; width: 50px; height: 50px; overflow: hidden;}
.threeEnter a img{max-width: 100%; height: auto;}

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{font-size: 13px; padding: 5px 20px; text-align: justify; line-height: 20px;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover{color: inherit;}
.faqPic{font-size: 18px; color: #eb6100;}
.downList.faqList .dPic{cursor: pointer;}

.faqImg div{font-size: 18px;}
.lef1,.rig1{display: inline-block; float: none;}
.lef1{width: auto;}
.rig1 {vertical-align: top;}
.hCont img{display: block; max-width: 100%; height: auto; margin: auto;}
.faqImg div.notop{margin-top: 0;}
.noneItem{line-height: 24px;}
/*.bread-crumb{height: 62px; line-height: 62px;}*/
.location{line-height: 24px; padding: 20px 0;}
.bread-crumb{line-height: 24px;}
.crumb{line-height: 24px; float: left; font-size: 18px; color: #0061ac;}











@media (max-width: 992px){
    .smShow{text-indent: 0;}
    .smShow ul,.smShow ul li{display: block;}
    .smShow ul li{width: 33.333%; height: 18px; text-align: left; line-height: 18px; float: none; margin-bottom: 5px; padding: 0;}
    .smShow ul li:first-child{width: 34%}
    .smShow ul li:nth-child(2){width: 57%}
    .smShow ul li:nth-child(3){width: 9%}
    .smShow img{margin: 0; }
    .smEn{color: #fff;}
}

@media (max-width:1600px)
{
    .carousel-control.left{margin-left: 0%;}
	.carousel-control.right{margin-right: 0%;}
    .pageTitle {margin-top: 0px; margin-bottom: 32px; position: relative; z-index: 4;}
    .field{width: 100%; height: 160px; margin-top: 95%; position: relative;}
    .fieldWrap{ right: 10.567%}
} 
@media (max-width:1400px)
{
    .field{width: 100%; height: 160px; margin-top: 92%; position: relative;}
    .fieldWrap{ right: 11.767%}
} 

@media (max-width:1200px)
{
	.col-md-10,.col-md-4{padding: 0 15px;}
	.lef{text-align: center; width: 100%;}
	.lef h3,.lef div{width: 100%;}
	.rig{float: left; text-align: center; width: 100%;}
	.fa-bars{margin-left: 0px; color: #eb6100;}
    .inerview .col-md-9{padding-left: 15px; position: relative;}
    .inerview .col-md-3 img{display: block; width: 100%;}
    .ePic {width: 20%;}
    .field ul li .fTit {width: 30.667%;}
}
@media (max-width:992px)
{
    .widget{padding-right: 15px;}
    .section a.recommend div img{display: inline;}
    .section a.recommend{text-align: center; text-align: center;}
    .recommend .recoImg{ text-align: center;}
    .section a{margin-top: 30px;}
	.field ul li .fCont{width: 65%;}
	.field ul li .fTit{width: 35%;}
	.field{width: 100%; height: 160px; margin-top: 30%; position: relative;}
	.fieldWrap 
	{
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 24.167%;
	    width: 28.438%;
	    display: none;
	}
	
	.attr-nav > ul > li > a{padding: 0;}
	nav.navbar.bootsnav .navbar-header{text-align: left;}
	.navbar-brand{padding: 0;}
    .logoBox{margin-top: 11px;}
	nav.navbar.bootsnav .navbar-header{padding: 0; margin-left: 20px;}
	nav.navbar.bootsnav .navbar-nav{margin: 0; padding: 0;}
	.topest{display: none;}
	.container{width: 100%;}
	.smShow{display: block; background-color: #eb6100; margin-top: 13px; width: 100%; opacity: 0.9; filter: alpha(opacity=90);}
	.smShow{padding: 10px 5px; color: #fff;}
	.smShow img{margin-right: 10px;}
	.smSearch{display: block; float: right; line-height: 54px; margin-right: 15px; border: none; background: none;}
    nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{/*line-height: 50px;*/ /*padding: 0 20px;*/}
    .menuItem{border: none;}
    .top-search{right: 0;}
    .dropdown-menu .row{margin-left: 20%;}
    footer .col-md-1{width: auto;}
    .latestNews{margin-top: 50px;}
    .pageTitle .title h2{font-size: 24px; margin-bottom: 20px; text-indent: 15px;}
	.pageTitle{margin-top: -80px; margin-bottom: 15px;}
	.pageTitle .title p{text-indent: 10px;}
	/*.bread-crumb{margin-right: 10px;}*/
	.top-search{width: 100%;}
	.fixWrap{width: 100%; top: 133px;}
	.sergroup{width: 100%;}
	.sergroup input{width: 90%;}
    .areaList .areaItem{width: 45%;}
    .col-md-6{width: 100%; margin-top: 6px;}
    .foot:first-child{margin-left: 0;}
    .copyright,.copyright a{line-height: 24px; padding: 6px;}
    #share{position: relative; top: auto; right: auto; width: 156px; margin: 0 auto;}
    .tag{margin-bottom: 10px;}
    .tag span {margin: 0 5px;}
    .pTit{font-size: 20px; margin-bottom: 10px;}
    .inerview{padding: 15px;}
    .inerview .col-md-3{text-align: center;}
    .iType{bottom: 0; top: auto;}
    .pagination a{display: inline-block; margin-bottom: 5px;}
    .ePic{width: 30%; text-align: left;}
    .ePic img{display: inline;}
    .eTxt{width: 70%;}
    .jssora05l{display: none;}
    .jssora05r{display: none;}
    /*#F{color: #0061ac;}
    #M{color: #e24457;}
    #R{color: #009e96;}*/
    .pTit{margin-top: 15px;}
    .latestAct{padding-left: 0;}
    .dropdown-menu .row{margin-left: 0;}
    nav.bootsnav .megamenu-content 
    {
        padding: 15px;
        width: 100% !important;
    }
    /*nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{padding: 0;}*/
   /* nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {padding: 0; height: 200px; overflow: auto; }*/

    .smShow ul,.smShow ul li{display: block;}
    .smShow ul li{float: left; min-height: 22px;}
    .fixWrap{top: 54px;}
    .smShow{position: absolute; z-index: 10; margin-top: 0; text-align: right; background: none;}
    .sergroup{margin-top: 70px;}
    .hotsearch{padding-top: 120px;}
    .smShow img{margin-right: 4px;}
    .classify{text-indent: 30px; margin-top: 0px; background-color: #f7f7f7; line-height: 26px;}
    #demo{margin-top: 0px;}
    #slider1_container{top: 55px; left: 0px;}
    .banner {top: 0px; margin-bottom: 0px;}
    .fa-search:before{color: #eb6100;}
    #navbar-menu{overflow: auto;}
    .dropdown:first-child a div{color: #e24457;}
    .dropdown:nth-child(2) a div{color: #0061ac;}
    .dropdown:nth-child(3) a div{color: #009e96;}
    .location{padding: 15px;}
}
@media (max-width:768px)
{
    .crumb{width: 100%; initial;}
    .bread-crumb{width: 100%;}
    .main article{padding: 15px 0;}
    .widget{padding-right: 0px; padding: 20px 0;}
    .latestNews .newsCont h1{margin-top: 0; text-align: justify;}
    #home{background-color: #fff;}
	.pTitle{float: left; width: 100%;}
	.pageTitle .title h2{font-size: 24px;}
	.pageTitle{margin-top: -52px; margin-bottom: -14px;}
	.pTitle .cn{font: 20px SimHei; color: #fff; text-align: center; }
	.pTitle .en{font: 14px arial; color: #dcdcdc;}
	.pImg{float: right; width: 100%;}
	.playing{margin-bottom: 20px; min-height: 160px;}
	.pImg img{margin-top: 16px;}
	.pWrap{width: 240px; margin: 0 auto;}
	.maincont .col-md-10{width: 100%; padding: 0;}
    .maincont .col-md-2{width: 100%; padding: 0;}
	.maincont .main{padding-top: 50px; padding-right: 0px; border-right: none; background-color: #fff;}
	.maincont aside{background-color: #f7f7f7; padding-left: 0px;}
	.xsShow ul li img{margin-right: 10px;}
	.xsAside{display: block; padding: 0 15px;}
	.crumb input{margin-left: 18px; width: 140px; font-size: 12px;}
	.pageTitle .title h2 {margin-bottom: 4px;}
	.pageTitle .title p {margin-bottom: 16px;}
	.pagination a{display: inline-block;}
	.hotdown{padding: 0px;}
	.nav{padding: 0 10px;}
	nav.navbar{padding: 0 15px;}
	.banner{overflow: hidden;}
    .banner img{width: auto; height: 200px; margin-left: -400px;}
    .latestNews{background-color: #fff;}
    .col-md-4{padding: 0 15px;}
    nav.navbar.bootsnav .navbar-header{margin-left: 0;}
    .pageTitle .title p{ text-indent: 15px;}
    .ahead{padding: 0 15px; margin-top: 15px;}
    /*.bread-crumb {margin-right: 15px;}*/
    .widget{margin-top: 0; padding: 0 15px;}
    .cCont h2{margin: 20px 0;}
    .cBox{width: 100%;}
    .maincont .main{padding-top: 0;}
    .lab{width: 100%; text-align: left;}
    .onText textarea{width: 100%;}
    .areaList .areaItem{width: 100%; margin: 20px 0;}
    .foot{margin-left: 0; width: 100%;}
    .foot a{padding: 0;}
    .L,.R{display: inline-block;}
    .laBox{text-align: center;}
    .laBox img{display: inline; width: 100%;}
    .inerview .col-md-3{text-align: center;}
    .inerview .col-md-3 img{display: inline; width: 100%; }
    .inerview{padding: 15px 0;}
    .inerview .col-md-9{padding-left: 0;}
    .iTxt{margin: 15px 0; color: #eb6100;}
    .iCont{margin-bottom: 15px;}
    .maincont .main{padding: 0 15px;}
    .navbar-brand img{margin-left: auto;}
    .navbar-header{width: 100%; margin: 0; padding: 0;}
    nav.navbar{padding: 0;}
    nav.navbar.bootsnav .navbar-header{text-align: center;}
    .ePic{width: 40%; text-align: center;}
    .ePic img{display: inline;}
    .eTxt{width: 60%;}
    .menu{padding: 0 15px;}
    .smSearch{margin-right: 0;}
    #slider1_container{margin-top: 45px;}
    .faqAlbum { padding-left: 15px;}
    .small{display: block;}
    .larger{display: none;}
    .ensure{margin-bottom: 20px;}
    .eTxt h3{margin-bottom: 10px;}
    .sergroup{padding: 0 15px;}
    .spanList span {width: 50%; margin: 5px 0;}
    .changep
    {
        background-color: #fff;top: 100%; border-radius: 5px;
        left:50%;  width: 100%; min-height: 300px; margin: -150px 0 0 -50% ; position: absolute; z-index: 30; display: none;
    }
    .changep .label0{text-align: left;}
    .tag{min-height: 80px; text-align: center;}
    .online-btn{display: block; float: none; width: 100px; margin: 0 auto; margin-top: 20px; }
    .highlight{margin-top: 10px;}
    #share{float: none;}
    .widget a.onlineMess{padding: 0; padding-bottom: 15px; margin: 0;}
    .widget a.onlineMess:first-child{padding-top: 15px;}
    .fa-search,.fa-times{color: #eb6100;}
    .section{padding: 40px 0;}
    .heading{margin-bottom: 20px;}
    .latest{padding: 20px 0;}
    .latestNews {margin: 20px 0;}
    .latestNews .newsCont h1{margin-bottom: 10px;}
    .moreWrap{text-align: left;}
    .moreWrap .more:after{content:'>>'; border: none;}
    .moreWrap .more{ color: #666; border: none;}
    .moreWrap .more:hover{background-color: #eb6100; color: #fff;}
    /*.lef1{width: 32%;}*/
    .rig1{/*width: 68%;*/ border-bottom: 3px dotted #ddd ;}
    .cliServ{margin: 0;}
    .cliServ:first-child{padding-top: 15px;}
    .onlineMess img{border-radius: 10px;}
    .newsItem{width: 100%; margin: 0; margin-top: 15px;}

    .headT .lef{width: 100%; margin: 15px 0;}
    .headT .lef .img-responsive{display: inline; text-align: center;}
    .headT .rig{width: 100%;}
    .plat span {display: block;width: 100%;}
    .navbar-toggle{margin-right: 0;}
    .city{margin: 15px 0;}
    .latxt{width: 100%;}
    .latxt input[type=text]{width: 100%;}
    .lab2,.lab1{text-align: left; width: 100%; line-height: 33px;}
    .onText1,.onText {margin-bottom: 5px;}
    .checkgroup.cnChar span:first-child {margin-left: 0;}
    .leave{padding-top: 20px;}
    .checkgroup{padding-left: 0;}
    .get{margin-left: -6px;}
    .sub{display: block; margin-left: auto; margin-right: auto; margin-top: 30px;}
    section{padding-bottom: 20px;}
    .checkgroup span{margin-right: 20px;}
    
    .dropdown:first-child a div{color: #e24457;}
    .dropdown:nth-child(2) a div{color: #0061ac;}
    .dropdown:nth-child(3) a div{color: #009e96;}
    .downList,.downArea,.joinTxt,.honor,.intro,.faqArea:first-child,.faqConsult{margin-top: 15px;}
    .hotdown{margin-bottom: 15px;}
    .related{padding-bottom: 15px;}
    .widget{padding-top: 5px;}
    .date{width: 20%; margin-right: 0;}
    .dateTxt{width: 80%; padding-left: 10px;}
    .dateTxt div{text-align: justify;}
    /*.crumb,.bread-crumb{height: auto; line-height: 50px;}*/
    .faqImg{width: 25%;}
    .dTit{padding-left: 10px;}
    .downList a{margin-bottom: 15px;}
    .downList.faqList{width: 100%;}
    .faqTxt{text-align: justify;}
    .downList a{padding: 0;}
    .common.fst{padding: 10px 15px;}
    .common.fst div{margin: 0;}
    .aCont{border-bottom: 1px solid #ddd; padding: 30px 0; position: relative;}
    .aBody h2{margin-top: 15px;}
    .latestAct h3{padding-left: 15px;}
    .laBox{ margin-bottom: 15px;}
    /*.widget a.onlineMess{margin-left: 15px;}*/
    .headT .rig{padding-left: 0;}


    .changep ul li span{float: none; width: 100%;}
    .changep .txt input{width: 100%;}
    .changep .txt input.yzm{width: 80%;}
    .changep ul li span.obtain{width: 20%;}
    .changep button{display: block; margin: auto;}
    .location,.crumb,.bread-crumb{line-height: initial;}
    .bread-crumb{margin-top: 5px;}
}
@media (min-width: 530px) and (max-width: 768px)
{
    .banner img{margin-left: 0;}
}
@media (max-width:676px)
{
    .changep ul{width: 100%; padding-bottom: 18px;}
	.aCont{border-bottom: 1px solid #ddd; padding: 30px 0; position: relative;}
	.aCont:last-child{border: none;}
	.aCont .aPic{display: inline; width: 100%;}
	.aCont .aPic img{width: 100%;}
	.aCont .aBody{display: inline; width: 100%;}
	.aBody{padding-left: 0px;}
	/*.aBody h2{color: #0061ac; font-size: 16px; min-height: 35px;}*/
	.aBody div{line-height: 24px; min-height: 75px; color: #555; text-align: justify;}
	.aBody span{display: block; margin-top: 20px;}
    .wrap-affiliates
    {
        text-align: left;
        margin-top: 30px;
    }
    .ePic{text-align: left;}
}

@media (max-width:480px)
{
    .section.home .affiliates{padding-left: 15px;}
    .section.home .affiliates img{
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        margin-bottom: 15px;
    }
}


.headCeng{height:25px; overflow:hidden;}
.headCeng a{ font-size:12px!important;}






.fieldTxt li:nth-child(1){border-bottom:#e24457 solid 4px!important;}
.fieldTxt li:nth-child(2){border-bottom:#0061ac solid 4px!important;}
.fieldTxt li:nth-child(3){border-bottom:#009e96 solid 4px!important;}

.clearfix::after{content:"";display:block;clear:both;}

@media (max-width:991px){

.top-blank{height:0px;}
.m-wraper .container{padding:20px 20px;}

}

@media (min-width:992px){

.top-blank{height:108px;}
.m-wraper .container{padding:40px 0px;}

}

@media (max-width:767px){

.m-title{position:relative;margin-bottom:10px;padding-left:12px;}
.m-title{color:#222;font-size:18px;line-height:22px;font-weight:bold;letter-spacing:-1px;}
.m-title span{color:#888;font-size:13px;margin-left:8px;font-weight:normal;letter-spacing:0px;}
.m-title::after{content:"";position:absolute;left:0px;top:3px;width:3px;height:16px;}
.m-wraper.blue .m-title::after{background-color:#2761a7;}
.m-wraper.red .m-title::after{background-color:#d2525c;}
.m-wraper.green .m-title::after{background-color:#4a9f99;}

.m-wraper{background-color:#fff;cursor:default;color:#666;font-size:14px;line-height:24px;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.m-wraper .con-left{width:calc(100% - 0px);}
.m-wraper .con-right{display:none;position:fixed;z-index:999990;left:0px;top:0px;width:100%;height:100%;background-color:rgba(255,255,255,1);padding:50px 20px 30px;overflow-y:scroll;}
.m-wraper .content{padding-bottom:20px;}
.m-wraper .content .name{position:relative;margin-bottom:20px;padding-top:10px;}
.m-wraper .content .name::after{content:"";position:absolute;left:0px;top:calc(50% + 5px);width:100%;height:1px;background-color:#dddddd;}
.m-wraper .content .name span{position:relative;z-index:1;color:#222;font-size:16px;line-height:26px;font-weight:bold;background-color:#fff;padding-right:10px;display:inline-block;}
.m-wraper .content p{margin-bottom:20px;}
.m-wraper .content img{width:auto;max-width:100%;}
.m-wraper .title{color:#222;font-size:15px;line-height:40px;font-weight:bold;padding:0px 20px;border-radius:3px;margin-bottom:5px;}
.m-wraper.blue .title{background-color:#f3f7fb;}
.m-wraper.red .title{background-color:#f8f0ee;}
.m-wraper.green .title{background-color:#f0faf9;}
.m-wraper .pic-list{padding-top:10px;}
.m-wraper .pic-list .item{position:relative;padding-bottom:20px;margin-bottom:20px;border-bottom:#eee solid 1px;}
.m-wraper .pic-list .item a{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;}
.m-wraper .pic-list .item .pic-wraper{float:left;width:100%;}
.m-wraper .pic-list .item .con-wraper{float:right;width:100%;}
.m-wraper .pic-list .item .pic{width:100%;padding-top:64%;border-radius:3px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:100% auto;}
.m-wraper .pic-list .item .name{color:#222;font-size:18px;line-height:20px;font-weight:bold;margin-top:20px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.m-wraper .pic-list .item .text{color:#666;font-size:14px;line-height:24px;margin-top:10px;-webkit-transition:all .2s ease;transition:all .2s ease;text-align:justify;}
.m-wraper .pic-list .item:hover .text{color:#222;}
.m-wraper .pic-list .item .link{display:inline-block;margin-top:15px;font-size:15px;line-height:36px;padding-left:20px;padding-right:20px;border-radius:3px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.m-wraper.blue .content .name span{color:#2761a7;}
.m-wraper.red .content .name span{color:#d2525c;}
.m-wraper.green .content .name span{color:#4a9f99;}
.m-wraper.blue .pic-list .item .link{color:#2761a7;border:#2761a7 solid 2px;}
.m-wraper.blue .pic-list .item:hover .link{color:#fff;border:#2761a7 solid 2px;background-color:#2761a7;}
.m-wraper.red .pic-list .item .link{color:#d2525c;border:#d2525c solid 2px;}
.m-wraper.red .pic-list .item:hover .link{color:#fff;border:#d2525c solid 2px;background-color:#d2525c;}
.m-wraper.green .pic-list .item .link{color:#4a9f99;border:#4a9f99 solid 2px;}
.m-wraper.green .pic-list .item:hover .link{color:#fff;border:#4a9f99 solid 2px;background-color:#4a9f99;}
.m-wraper .join-list{margin:20px 0px 10px;}
.m-wraper .join-list .items{position:relative;float:left;width:calc(100% - 0px);margin-left:0px;margin-right:0px;margin-bottom:10px;background-color:#fff;border:#f1f1f1 solid 2px;border-radius:4px;padding:20px 0px 30px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.m-wraper .join-list .items:hover{border:#dddddd solid 2px;}
.m-wraper .join-list .items a{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;}
.m-wraper .join-list .items .icon{margin-top:20px;text-align:center;}
.m-wraper .join-list .items .icon img{width:46px;height:46px;transition:all .8s ease;-ms-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease;}
.m-wraper .join-list .items:hover .icon img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(180deg);transition:all 1.8s ease;-ms-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-webkit-transition:all 1.8s ease;-o-transition:all 1.8s ease;}
.m-wraper .join-list .items .names{text-align:center;color:#222;font-size:18px;line-height:24px;font-weight:bold;margin-top:15px;}

.left-nav-button{position:relative;z-index:10000;float:right;display:block;background-color:#9dc7f3;margin-top:-8px;padding:0px 15px;font-size:14px;color:#fff;line-height:34px;font-weight:bold;text-align:center;border-radius:2px;text-shadow:1px 1px 0px rgba(0,0,0,0.2);}

.left-nav{margin-bottom:0px;}
.left-nav dl{padding-bottom:8px;}
.left-nav h1{text-indent:0px;background:#f2f2f2;border-radius:3px;margin-bottom:8px;margin-top:0px;}
.left-nav h1 a{display:block;color:#333;font-size:15px;font-weight:bold;line-height:20px;padding:9px 20px;}
.left-nav dt a{position:relative;padding:10px 5px 10px 20px;line-height:18px;font-size:14px;display:block;}
.left-nav dt a::before{content:"";position:absolute;top:17px;left:5px;width:6px;height:1px;background-color:#888;transform:rotate(36deg);-ms-transform:rotate(36deg);-moz-transform:rotate(36deg);-webkit-transform:rotate(36deg);-o-transform:rotate(36deg);-webkit-transition:all .2s ease;transition:all .2s ease;}
.left-nav dt a::after{content:"";position:absolute;top:20px;left:5px;width:6px;height:1px;background-color:#888;transform:rotate(-36deg);-ms-transform:rotate(-36deg);-moz-transform:rotate(-36deg);-webkit-transform:rotate(-36deg);-o-transform:rotate(-36deg);-webkit-transition:all .2s ease;transition:all .2s ease;}
.left-nav dt a:hover::before{left:7px;}
.left-nav dt a:hover::after{left:7px;}
.left-nav .s{margin-top:-5px;}
.left-nav .s dd a{position:relative;display:block;padding:5px 20px 5px 30px;line-height:16px;font-size:13px;color:#999;font-weight:normal;}
.left-nav .s dd a::before{content:"";position:absolute;left:20px;top:13px;width:3px;height:1px;background-color:#aaa;-webkit-transition:all .2s ease;transition:all .2s ease;}
.left-nav .s dd a:hover{color:#444;}
.left-nav .s dd a:hover::before{width:5px;background-color:#444;}
.left-nav .s dd a.s-active{color:#444;}
.m-wraper.blue .left-nav h1 a:hover{color:#2761a7;}
.m-wraper.blue .left-nav dt a{color:#2761a7;}
.m-wraper.blue .left-nav dt a:hover{color:#4683cc;}
.m-wraper.red .left-nav h1 a:hover{color:#d2525c;}
.m-wraper.red .left-nav dt a{color:#d2525c;}
.m-wraper.red .left-nav dt a:hover{color:#e56872;}
.m-wraper.green .left-nav h1 a:hover{color:#4a9f99;}
.m-wraper.green .left-nav dt a{color:#4a9f99;}
.m-wraper.green .left-nav dt a:hover{color:#6fbeb8;}

.left-link{margin-top:10px;}
.left-link a{display:block;font-size:15px;font-weight:bold;line-height:20px;padding:18px 30px;border-radius:3px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.left-link a span{font-size:13px;font-weight:normal;margin-left:6px;}
.left-link.blue a{color:#2761a7;background-color:#f1f4f6;}
.left-link.blue a:hover{background-color:#edf0f2;}
.left-link.red a{color:#d2525c;background-color:#f8f0ee;}
.left-link.red a:hover{background-color:#f5e6e3;}
.left-link.green a{color:#4a9f99;background-color:#ebf1f7;}
.left-link.green a:hover{background-color:#e1ebf6;}
.left-link.orange a{color:#dd6d30;background-color:#fbf0e6;}
.left-link.orange a:hover{background-color:#fbebdc;}

.left-links{padding-top:10px;display:block;}

.nav-toggle{position:fixed;z-index:999991;top:0px;left:0px;right:0px;border:0px;width:100%;height:50px;padding-top:14px;background-color:#fff;}
.nav-toggle .icon{position:absolute;right:5px;top:0px;width:44px;height:50px;}
.nav-toggle .icon .line01{position:absolute;left:12px;top:24px;background-color:#444;display:block;width:20px;height:2px;border-radius:2px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.nav-toggle .icon .line02{position:absolute;left:12px;top:24px;background-color:#444;display:block;width:20px;height:2px;border-radius:2px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}

.join-link{float:right;margin-top:6px;margin-right:10px;display:inline-block;color:#dc692a;border:#dc692a solid 1px;font-size:14px;line-height:30px;padding-left:20px;padding-right:20px;border-radius:3px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.join-link:hover{color:#fff;border:#dc692a solid 1px;background-color:#dc692a;}

.join-links{float:none;margin-top:0px;display:block;color:#dc692a;border:#dc692a solid 2px;font-size:15px;line-height:40px;padding-left:30px;padding-right:30px;border-radius:3px;-webkit-transition:all .2s ease;transition:all .2s ease;text-align:center;}
.join-links:hover{color:#fff;border:#dc692a solid 2px;background-color:#dc692a;}

.megamenu-fw:nth-child(1) .dropdown-menu{border-top-color:#e24457!important;}
.megamenu-fw:nth-child(2) .dropdown-menu{border-top-color:#0061ac!important;}
.megamenu-fw:nth-child(3) .dropdown-menu{border-top-color:#009e96!important;}

.megamenu-fw:nth-child(1) .dropdown-menu .menu-col .classify a{color:#e24457!important;}
.megamenu-fw:nth-child(2) .dropdown-menu .menu-col .classify a{color:#0061ac!important;}
.megamenu-fw:nth-child(3) .dropdown-menu .menu-col .classify a{color:#009e96!important;}

.megamenu-fw .dropdown-menu h6.title.hidden-xs{display:block!important;}
.megamenu-fw .dropdown-menu h6.title.hidden-xs:before{display:none!important;}

}


@media (min-width:768px){

.m-title{position:relative;margin-bottom:20px;padding-left:15px;}
.m-title{color:#222;font-size:20px;line-height:24px;font-weight:bold;}
.m-title span{color:#888;font-size:16px;margin-left:8px;font-weight:normal;}
.m-title::after{content:"";position:absolute;left:0px;top:3px;width:4px;height:20px;}
.m-wraper.blue .m-title::after{background-color:#2761a7;}
.m-wraper.red .m-title::after{background-color:#d2525c;}
.m-wraper.green .m-title::after{background-color:#4a9f99;}

.m-wraper{background-color:#fff;cursor:default;color:#666;font-size:15px;line-height:26px;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.m-wraper.subs .container{position:relative;}
.m-wraper.subs .container::before{content:"";position:absolute;right:260px;top:0px;width:1px;height:100%;background-color:#eee;}
.m-wraper .con-left{float:left;width:calc(100% - 260px);padding-right:80px;}
.m-wraper .con-right{float:right;width:260px;padding-left:20px;}
.m-wraper .content{padding-bottom:40px;}
.m-wraper .content .name{position:relative;margin-bottom:20px;padding-top:10px;}
.m-wraper .content .name::after{content:"";position:absolute;left:0px;top:calc(50% + 5px);width:100%;height:1px;background-color:#dddddd;}
.m-wraper .content .name span{position:relative;z-index:1;color:#222;font-size:16px;line-height:26px;font-weight:bold;background-color:#fff;padding-right:10px;display:inline-block;}
.m-wraper .content p{margin-bottom:20px;}
.m-wraper .content img{width:auto;max-width:100%;}
.m-wraper .title{color:#222;font-size:16px;line-height:44px;font-weight:bold;padding:0px 20px;border-radius:3px;margin-bottom:20px;}
.m-wraper.blue .title{background-color:#f3f7fb;}
.m-wraper.red .title{background-color:#f8f0ee;}
.m-wraper.green .title{background-color:#f0faf9;}
.m-wraper .pic-list{padding-top:10px;}
.m-wraper .pic-list .item{position:relative;padding-bottom:40px;margin-bottom:40px;border-bottom:#eee solid 1px;}
.m-wraper .pic-list .item a{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;}
.m-wraper .pic-list .item .pic-wraper{float:left;width:300px;}
.m-wraper .pic-list .item .con-wraper{float:right;width:calc(100% - 300px);padding-left:40px;}
.m-wraper .pic-list .item .pic{width:100%;padding-top:64%;border-radius:3px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:100% auto;}
.m-wraper .pic-list .item .name{color:#222;font-size:18px;line-height:24px;font-weight:bold;margin-top:-3px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.m-wraper .pic-list .item .text{color:#666;font-size:15px;line-height:26px;margin-top:10px;-webkit-transition:all .2s ease;transition:all .2s ease;text-align:justify;}
.m-wraper .pic-list .item:hover .text{color:#222;}
.m-wraper .pic-list .item .link{display:inline-block;margin-top:15px;font-size:15px;line-height:36px;padding-left:20px;padding-right:20px;border-radius:3px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.m-wraper.blue .content .name span{color:#2761a7;}
.m-wraper.red .content .name span{color:#d2525c;}
.m-wraper.green .content .name span{color:#4a9f99;}
.m-wraper.blue .pic-list .item .link{color:#2761a7;border:#2761a7 solid 2px;}
.m-wraper.blue .pic-list .item:hover .link{color:#fff;border:#2761a7 solid 2px;background-color:#2761a7;}
.m-wraper.red .pic-list .item .link{color:#d2525c;border:#d2525c solid 2px;}
.m-wraper.red .pic-list .item:hover .link{color:#fff;border:#d2525c solid 2px;background-color:#d2525c;}
.m-wraper.green .pic-list .item .link{color:#4a9f99;border:#4a9f99 solid 2px;}
.m-wraper.green .pic-list .item:hover .link{color:#fff;border:#4a9f99 solid 2px;background-color:#4a9f99;}
.m-wraper .join-list{margin:0px -10px 40px;}
.m-wraper .join-list .items{position:relative;float:left;width:calc(50% - 20px);margin-left:10px;margin-right:10px;background-color:#fff;border:#f1f1f1 solid 2px;border-radius:4px;padding:20px;min-height:220px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.m-wraper .join-list .items:hover{border:#dddddd solid 2px;}
.m-wraper .join-list .items a{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;}
.m-wraper .join-list .items .icon{margin-top:40px;text-align:center;}
.m-wraper .join-list .items .icon img{width:46px;height:46px;transition:all .8s ease;-ms-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease;}
.m-wraper .join-list .items:hover .icon img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(180deg);transition:all 1.8s ease;-ms-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-webkit-transition:all 1.8s ease;-o-transition:all 1.8s ease;}
.m-wraper .join-list .items .names{text-align:center;color:#222;font-size:18px;line-height:24px;font-weight:bold;margin-top:20px;}

.left-nav{margin-bottom:0px;}
.left-nav dl{padding-bottom:8px;}
.left-nav h1{text-indent:0px;background:#f2f2f2;border-radius:3px;margin-bottom:8px;margin-top:0px;}
.left-nav h1 a{display:block;color:#333;font-size:15px;font-weight:bold;line-height:20px;padding:9px 20px;}
.left-nav dt a{position:relative;padding:10px 5px 10px 20px;line-height:18px;font-size:14px;display:block;}
.left-nav dt a::before{content:"";position:absolute;top:17px;left:5px;width:6px;height:1px;background-color:#888;transform:rotate(36deg);-ms-transform:rotate(36deg);-moz-transform:rotate(36deg);-webkit-transform:rotate(36deg);-o-transform:rotate(36deg);-webkit-transition:all .2s ease;transition:all .2s ease;}
.left-nav dt a::after{content:"";position:absolute;top:20px;left:5px;width:6px;height:1px;background-color:#888;transform:rotate(-36deg);-ms-transform:rotate(-36deg);-moz-transform:rotate(-36deg);-webkit-transform:rotate(-36deg);-o-transform:rotate(-36deg);-webkit-transition:all .2s ease;transition:all .2s ease;}
.left-nav dt a:hover::before{left:7px;}
.left-nav dt a:hover::after{left:7px;}
.left-nav .s{margin-top:-5px;}
.left-nav .s dd a{position:relative;display:block;padding:5px 20px 5px 30px;line-height:16px;font-size:13px;color:#999;font-weight:normal;}
.left-nav .s dd a::before{content:"";position:absolute;left:20px;top:13px;width:3px;height:1px;background-color:#aaa;-webkit-transition:all .2s ease;transition:all .2s ease;}
.left-nav .s dd a:hover{color:#444;}
.left-nav .s dd a:hover::before{width:5px;background-color:#444;}
.left-nav .s dd a.s-active{color:#444;}
.m-wraper.blue .left-nav h1 a:hover{color:#2761a7;}
.m-wraper.blue .left-nav dt a{color:#2761a7;}
.m-wraper.blue .left-nav dt a:hover{color:#4683cc;}
.m-wraper.red .left-nav h1 a:hover{color:#d2525c;}
.m-wraper.red .left-nav dt a{color:#d2525c;}
.m-wraper.red .left-nav dt a:hover{color:#e56872;}
.m-wraper.green .left-nav h1 a:hover{color:#4a9f99;}
.m-wraper.green .left-nav dt a{color:#4a9f99;}
.m-wraper.green .left-nav dt a:hover{color:#6fbeb8;}

.left-link{margin-top:10px;}
.left-link a{display:block;font-size:15px;font-weight:bold;line-height:20px;padding:18px 30px;border-radius:3px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.left-link a span{font-size:13px;font-weight:normal;margin-left:6px;}
.left-link.blue a{color:#2761a7;background-color:#f1f4f6;}
.left-link.blue a:hover{background-color:#edf0f2;}
.left-link.red a{color:#d2525c;background-color:#f8f0ee;}
.left-link.red a:hover{background-color:#f5e6e3;}
.left-link.green a{color:#4a9f99;background-color:#ebf1f7;}
.left-link.green a:hover{background-color:#e1ebf6;}
.left-link.orange a{color:#dd6d30;background-color:#fbf0e6;}
.left-link.orange a:hover{background-color:#fbebdc;}

.left-links{padding-top:10px;display:block;}

.left-nav-button{display:none;}

.join-link{float:right;margin-top:6px;margin-right:20px;display:inline-block;color:#dc692a;border:#dc692a solid 1px;font-size:14px;line-height:30px;padding-left:20px;padding-right:20px;border-radius:3px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.join-link:hover{color:#fff;border:#dc692a solid 1px;background-color:#dc692a;}

.join-links{float:right;margin-top:10px;display:inline-block;color:#dc692a;border:#dc692a solid 2px;font-size:15px;line-height:36px;padding-left:30px;padding-right:30px;border-radius:3px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.join-links:hover{color:#fff;border:#dc692a solid 2px;background-color:#dc692a;}

.megamenu-fw:nth-child(1) .dropdown-toggle:hover .menuItem div{color:#e24457!important;}
.megamenu-fw:nth-child(2) .dropdown-toggle:hover .menuItem div{color:#0061ac!important;}
.megamenu-fw:nth-child(3) .dropdown-toggle:hover .menuItem div{color:#009e96!important;}

.megamenu-fw:nth-child(1).on .dropdown-toggle .menuItem div{color:#e24457!important;}
.megamenu-fw:nth-child(2).on .dropdown-toggle .menuItem div{color:#0061ac!important;}
.megamenu-fw:nth-child(3).on .dropdown-toggle .menuItem div{color:#009e96!important;}

.megamenu-fw:nth-child(1) .dropdown-menu{border-top-color:#e24457!important;}
.megamenu-fw:nth-child(2) .dropdown-menu{border-top-color:#0061ac!important;}
.megamenu-fw:nth-child(3) .dropdown-menu{border-top-color:#009e96!important;}

.megamenu-fw:nth-child(1) .dropdown-menu .col-menu .title a:hover{color:#e24457!important;}
.megamenu-fw:nth-child(2) .dropdown-menu .col-menu .title a:hover{color:#0061ac!important;}
.megamenu-fw:nth-child(3) .dropdown-menu .col-menu .title a:hover{color:#009e96!important;}

.megamenu-fw:nth-child(1) .dropdown-menu .menu-col .classify a{color:#e24457!important;}
.megamenu-fw:nth-child(2) .dropdown-menu .menu-col .classify a{color:#0061ac!important;}
.megamenu-fw:nth-child(3) .dropdown-menu .menu-col .classify a{color:#009e96!important;}

.megamenu-fw .dropdown-menu .col-menu{padding:25px!important;}

}