/*公共*/
body{font-family: "Microsoft YaHei UI","微软雅黑"; font-size: 14px; line-height: 180%;}
a:hover{text-decoration:none; color: #4545c5;}
a{ color: #333;}
ul{list-style-type: none;     -webkit-padding-start: 0px; }
*{transition: all 0.5s ease 0s; }
.row {
    margin-right: -5px;
    margin-left: -5px;
}


.mores{ padding: 10px 60px; border: 2px solid #6666ff; display: inline-block; margin-top: 10px;}
.mores:hover{background-color: #6666ff; padding: 10px 80px;}
.mores:hover a{ color: #fff;}
.tc{text-align: center}
.p0{padding: 0px;}
.pt10{padding-top: 10px;}
.pt20{ padding-top: 20px;}
.pt30{padding-top: 30px;}
.pb30{ padding-bottom: 30px;}
.mt0{ margin-top: 0px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.mb10{margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}

.fl{ float: left;}
.fr{float: right;}
.f1{font-size: 1em; line-height: 1.2em;}
.f12{font-size: 12px; line-height: 180%;}
.f14{font-size: 14px; line-height: 180%;}
.tit1{font-size: 1.6em;font-weight: 600; line-height: 200%;}

/*头部*/

.topa{background: url("../images/topbj.jpg"); height: 150px; width: 100%; padding-top: 15px; padding-bottom: 15px; background-size:100% 100%;}
.nav-tel{ color: #6666ff; margin-top: 30px; padding-right:40px;}
.nav-tel .fa{ float: right; font-size: 2em; margin-top: 10px;}
.tels{ float: right;}
.tels > div{ color: #999;font-size: 14px; margin-left: 10px;}
.tels span{ margin-top: 0px; margin-left: 10px; font-size: 18px;}


.navbar-default {
    background-color: #fff;
    border:0px; margin: 0px;
    z-index: 16;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover  {
    color: #fff;
    background-color: #fa9c41;
}
@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding: 10px 27px;
        line-height: 30px;

    }
}

.carousel-caption{ background: rgba(0,0,0,0.6); text-align: left;
    left:0; right: 0; bottom: 0px; }
#Mybanner .carousel-control span{  font-size: 3em; line-height: 4em;}

.ban-icon{ position: absolute; bottom: -102px; width: 100%;}
.ban-icon-n{ position: absolute; bottom: 0px; width: 100%;}
.ban-icon-ul li{ background: #6666ff; text-align: center; padding-top: 12px;border-right:1px solid #3e50b4;}
.ban-icon-ul li:hover{ background:#fa9c41;}
.ban-icon-ul li:hover img {
    transform: rotate(360deg);
    color: #fff;

    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.ban-icon-ul li a{ display: block; font-size: 11px; color: #fff;}
.carousel-indicators {
    bottom: 100px;
}

.gt-ab{ padding-top: 80px; padding-bottom: 40px;}
.ab-text .ab-tit h3.ab-tit-l { margin-top: 0px; color: #6666ff; font-size: 24px; float: left;}
.ab-text .ab-tit .ab-tit-l p{ font-size: 14px; color: #999;}
.ab-text .ab-tit .ab-tit-r{ font-size: 64px; color: #fa9c41; float: right; text-align: right;}
.ab-con{ color: #666; width: 100%; clear: both;}


/*zytd*/
.zytd{ background: url("../images/tdbj.jpg"); height: 430px; }
.scrolltitle { height: 24px; font-size: 14px; width: 742px; border-bottom: solid 1px #ddd; margin: 20px auto 15px auto; }
a.abtn { display: block;  width: 17px; overflow: hidden; }
a.aleft { float: left; }
a.agrayleft { cursor: default; background-position: -34px 50%; }
a.aright { float: right; background-position: -17px 50%; }
a.agrayright { cursor: default; background-position: -51px 50%; }
.scrolllist { width: 1200px; height: 254px; margin: 20px; margin-left: 0px; margin-right: 0px; }
.scrolllist .imglist_w { width: 1120px; height: 264px; overflow: hidden; float: left; position: relative;/*必要元素*/ }
.scrolllist .imglist_w ul { width: 20000px; position: absolute; left: 0px; top: 0px; }
.scrolllist .imglist_w li { width: 200px; float: left;  padding: 10px auto; text-align: center; margin: 10px 12px; background: #fff;border-radius: 5px; }
.scrolllist .imglist_w li:hover{ box-shadow: 5px 5px 15px #999;}
.scrolllist .imglist_w li img { height: 180px; margin: auto; border: solid 1px #ddd;}
.mt10{margin-top: 10px;}
.mb5{margin-bottom: 5px;}
.scrolllist .imglist_w li a { width: 100%; display: inline-block; text-align: center; color: #3366cc; text-decoration: none; float: left; }
.scrolllist .imglist_w li a:hover img { filter: alpha(opacity=86); -moz-opacity: 0.86; opacity: 0.86;
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -transform:scale(1.2,1.2);}
.scrolllist .imglist_w li p { width: 100%; height: 48px; line-height: 24px; overflow: hidden; float: left; }
.scrolllist .imglist_w li p a{ width: 100%; text-align: center; display: inline-block;}
#s1 .fa-chevron-right,#s2 .fa-chevron-right{ float: left; line-height: 250px; color: #ccc; font-size: 2em;}
#s1 .fa-chevron-left,#s2 .fa-chevron-left{ float: left; line-height: 250px; color: #ccc; font-size: 2em;}

/*环境*/
.hjlist { width: 1200px; height: 204px; margin: 20px; margin-left: 0px; margin-right: 0px; }
.hjlist .hjlist_w { width: 1120px; height: 280px; overflow: hidden; float: left; -margin-left: 20px; position: relative;/*必要元素*/ }
.hjlist .hjlist_w ul { width: 20000px; position: absolute; left: 0px; top: 0px; }
.hjlist .hjlist_w li { width: 260px; height: 240px; float: left; margin: 10px; background: #fff; text-align: center; }
.hjlist .hjlist_w li:hover { box-shadow: 5px 5px 15px #999;}
.hjlist .hjlist_w li:hover img{
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -transform:scale(1.2,1.2);
}
.hjlist .hjlist_w li img { padding: 2px; border: solid 1px #ddd; height: 200px; width: 100%; }
.hjlist .hjlist_w li > a { height: 200px; width: 100%; overflow: hidden; display: inline-block; width: 100%; line-height: 180%; color: #3366cc; text-decoration: none; float: left;  text-align: center;}
.hjlist .hjlist_w li a:hover img { filter: alpha(opacity=86); -moz-opacity: 0.86; opacity: 0.86; }
.hjlist .hjlist_w li p { height: 48px; line-height: 24px; overflow: hidden; float: left; width: 100%; text-align: center; }



/**/
.mod-td{ width: 100%;}

.modtd-ul img{ width: 180px; height: 200px; ;}


.list-tit{ margin-top: 40px; margin-bottom: 20px; width: 100%;}
.page-tit-e1{  color: #fff; font-size: 2em;}
.page-tit-t{ font-size: 1.2em; color: #ccc;}
.page-tit-e1 span,.page-tit-e2 span {
    display: block;     /*璁剧疆涓哄潡绾у厓绱犱細鐙崰涓€琛屽舰鎴愪笂涓嬪眳涓殑鏁堟灉*/

    position: relative;   /*瀹氫綅妯嚎锛堝綋妯嚎鐨勭埗鍏冪礌锛�*/
}
.page-tit-e1 span:before, .page-tit-e1 span:after {
    content: '';                 /*CSS浼被鐢ㄦ硶*/
    position: absolute;         /*瀹氫綅鑳屾櫙妯嚎鐨勪綅缃�*/
    top: 52%;
    background: #fff;       /*瀹藉拰楂樺仛鍑烘潵鐨勮儗鏅í绾�*/
    width: 8%;
    height: 1px;
}
.page-tit-e1 span:before{
    left: 35%;        /*璋冩暣鑳屾櫙妯嚎鐨勫乏鍙宠窛绂�*/
}
.page-tit-e1 span:after {
    right: 35%;
}

.page-tit-e2{  color: #6666ff; font-size: 2em;}
.page-tit-e2 span:before, .page-tit-e2 span:after {
    content: '';                 /*CSS浼被鐢ㄦ硶*/
    position: absolute;         /*瀹氫綅鑳屾櫙妯嚎鐨勪綅缃�*/
    top: 52%;
    background: #6666ff;       /*瀹藉拰楂樺仛鍑烘潵鐨勮儗鏅í绾�*/
    width: 8%;
    height: 1px;
}
.page-tit-e2 span:before{
    left: 35%;        /*璋冩暣鑳屾櫙妯嚎鐨勫乏鍙宠窛绂�*/
}
.page-tit-e2 span:after {
    right: 35%;
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }

}


.synewsa{ width: 100%;margin-top: 30px; margin-bottom: 40px;}

.tab {
    width: 100%;
    margin: 30px auto;
}
.tab-title {
 padding-top: 5px; padding-bottom: 10px;
    font-size: 0;
    background-color: #f5f5f5;
}
.tab-title .item {
    display: inline-block;
   margin: 10px; margin-right: 0px; margin-left: 20px;
padding: 10px;
    line-height: 30px;
    text-align: center;
    color: #333;
    font-size: 24px;
}
.tab-title .item-cur {   margin: 10px; margin-right: 0px; margin-left: 20px;
    padding: 10px;
    color: #fff; display: block;
    background-color: #6666ff;

}
.tab-title .item-cur .sanj{display: none;}
.tab-title .item-cur .sanj{ display: inline; width: 0; float: right; margin-right: -10px; margin-top: 8px;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 8px solid transparent;}
.tab-cont {
    position: relative;

    width: 96%;
    padding: 2%;
    min-height: 370px;
    overflow: hidden;
}
.tab-cont__wrap { width: 100%;
    position: absolute;
}
.tab-cont .item {
   min-height: 370px;

    color: #333;
}


.panel-news > .panel-body > .panel-info > h3{ color: #fa9c41; font-size: 4em; margin-top: 0px;}
.panel-news > .panel-body > .panel-info > p{ text-align: right;  margin-top: -40px; font-size: 18px;}
.panel-news > .panel-body > .panel-info > p > span{ font-size: 4em; color: #999;}
.panel-news > .panel-body > .panel-pic img{ width: 380px; height: 370px;}
.panel-list{ width: 100%; margin-top: 20px; margin-top: 20px;}

.panel-list > h3 a{ color: #333743; font-size: 18px; }
.panel-list > p{ font-size: 14px; color: #666;}
.panel-list > .gdxq{ font-size: 14px; color: #333743; }
.gt-case{ width: 100%; margin-top: 20px; padding-bottom: 30px;}

.case-ul{ width: 100%;}
.case-ul li{background: #f0f0f0;height: 200px; padding: 0px; overflow: hidden; position: relative;}
.case-ul li.lanse{ background: #6666ff;}
.case-ul li.cengse{ background: #fa9c41;}
.case-ul li a h3{font-size: 1.4em;width: 255px;overflow: hidden;height: 22px;}
.case-ul li a p{ line-height: 20px; height: 60px; overflow: hidden; text-overflow: ellipsis;}
.case-ul li a{ display: inline-block; width: 100%; padding: 5%; overflow:hidden;}
.case-ul li:first-child a,.case-ul li:last-child a,.case-ul li.lanse a,.case-ul li.cengse a{ color: #fff;}
.case-ul > li > .mores{ border: 1px solid #6666ff; position: absolute; left: 50%; bottom: 20px; width: 50px; margin-left: -25px; height: 50px; padding: 0px; border-radius: 50px; text-align: center; line-height: 50px;}
.case-ul > li > .mores a{ color: #6666ff;}
.case-ul > li > .mores:hover a{color: #fff;}
.case-ul li.lanse > .mores,.case-ul li.cengse >.mores{ border: 1px solid #fff;}
.case-ul > li.lanse > .mores a,.case-ul > li.cengse > .mores a{ color: #fff;}
.case-ul > li:hover{transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */}

.news{ background-color: #f0f0f0; padding: 10px; }
.news:hover{ box-shadow: 5px 5px 15px #ccc; margin-top: -20px;}
.news > .news-tit{ border-bottom: 1px solid #757f92; }
.news > .news-tit > .cn{border-bottom: 2px solid #6666ff; margin-top: -2px; display: inline-block; font-size: 1em; line-height: 180%;}
.news > .news-tit > .en{ float: right; font-size: 0.6em;display: inline-block; margin-top: 10px;}
.news > .news-tit > .en a{ color: #999;}
.news > .news-li{ width: 100%; border-bottom: 1px dotted #ccc; margin-top: 5px;}
.news > .news-li > a{ height: 30px; width: 300px;display:inline-block;color: #545454; font-family: "Microsoft YaHei UI","微软雅黑"; 
line-height: 45px; overflow: hidden;/*实现了宽度为父容器宽度减去固定的300像素*/
    width:-webkit-calc(100% - 60px);
    width:-moz-calc(100% - 60px);
    width:calc(100% - 60px);  }
.news > .news-li:hover{background-color: #e0e0e0; padding-left: 6px; padding-right: 6px;}
.news > .news-li:hover > a{ color: #6666ff;}
.news > .news-li > span{ width: 60px;  float: right; font-family: "Microsoft YaHei UI","微软雅黑"; line-height: 35px; 
            font-size: 12px; text-align: right;margin-top: -27px;}

.foota{ background-color: #3e50b4; width: 100%; padding-top: 20px; padding-bottom: 20px; box-shadow: -5px -5px 15px #999;}
.foota a,.foota,.footb,.footb a{ color: #fff;}
.footb{ background-color: #333743; text-align: center; width: 100%; min-height: 40px; line-height: 40px;}


    /*neiye*/

.ny-nav li{ padding: 10px 60px; border: 1px solid #6666ff; display: inline-block; margin-top: 10px; position: relative;}
.ny-nav li a{ display: block; width: 100%;}
.ny-nav li:hover,.ny-nav li.active{background-color: #6666ff; padding: 10px 65px;}
.ny-nav li:hover a,.ny-nav li.active a{ color: #fff;}
.ny-nav li .navsanj{display: none;}
.ny-nav li.active .navsanj,.ny-nav li:hover .navsanj{ display: inline; width: 0; float: right;  bottom: -1px; left: 50%; margin-left: -4px; position: absolute;
    height: 0;
    border-bottom: 10px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;}
.nycont{ box-shadow: 5px 5px 15px #ccc; padding-bottom: 30px;}

.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff; text-align: right;
    border-radius: 4px;
}

.nynava{ background-color: rgba(102,102,255,0.7); padding-top: 10px; padding-bottom: 10px;  text-align: center; color: #fff;}
.nynava span{ clear: both; width: 100%;}
.nyleft{box-shadow: 5px 5px 15px #ccc; margin-top:101px; padding-left: 0px; padding-right: 0px;}
.nyleft ul{padding:0;}
.nyleft ul li{ height: 48px; line-height: 48px; margin-top: 1px; text-align: center;background-color:#f4f4f4;}
.nyleft ul li.active{ height: 48px; line-height: 48px; margin-top: 1px; text-align: center;background-color:rgba(102,102,255,1);}
.nyleft ul li:hover{background-color: rgba(102,102,255,1);}
.nyleft ul li:hover a{ color: #fff;}

.td-li{ text-align: center; padding-top: 10px;}
.td-li:hover{ box-shadow: 0px 0px 10px #000;}
.td-li .td-img{ height: 260px;}
.td-li .td-img img{ max-width: 100%; height: 260px;}
.sd_name{ color: #6666ff; font-size: 2em; line-height: 30px;}
.sd_note{ line-height: 30px;}
.szdetails{ line-height: 180%;}
.ny-pic-list li{ margin-top:10px; border-bottom: 1px dashed #ccc; padding-bottom: 6px; cursor: pointer;}
.ny-pic-list li:hover{ box-shadow: 3px 5px 15px #999; border-bottom: #fff;}
.ny-pic-list li .media-heading  { margin-top: 8px;}
.ny-pic-list li .media-con{ margin-top: 6px;}

@media (max-width:768px){
    .caseimg{height: 50px; overflow: hidden;}
    .media-icon{display: none;}
}

.media-heading{ text-align: left; font-size: 1.2em;}
.media-icon{ width: 100%; font-size: 0.5em;
    line-height:1em;}
.media-icon > span:first-child{ margin-left: 0px;}
.media-icon > span{
    float: left; display: block; font-size: 14px; color: #ccc; margin-left: 10px;}
.media-con{ line-height: 1.5em; padding-left: 0px; font-size: 0.8em; text-align: left; color: #999;}



.f24{ font-size: 24px;}
.f14{ font-size: 14px;}
.pt20{ padding-top: 20px;}
.mr10{ margin-right: 10px;}
.pb40{ padding-bottom: 40px;}
.ml15{ margin-left: 15px;}
.mt20{ margin-top: 20px;}
.newdetail{margin-top:0px;background-color:rgba(255,255,255,0.5);position:relative;z-index: 100;margin-left: auto;margin-right: auto;padding:10px 0px 30px 0px;margin-bottom: 20px;}
.newdetail .newtitle{border-bottom: 1px solid #dcdcdc;padding-top:10px;padding-bottom: 30px;text-align: center;color:#c7161c;margin-left:20px;margin-right:20px;}
.newdetail-con{padding-left:10px;padding-right:10px;}
.newtitle .fgrey1 > .new-icon li{ float: right; color: #ccc; margin-left: 10px;}
.newlisbtn{border-bottom: 1px solid #c7161c;padding-bottom: 15px;margin-left: 20px;margin-right: 20px;}
.newlisbtn a:hover{color:#c7161c;text-decoration: none;}
.newlistul li{height:30px;line-height: 30px;font-size: 14px;margin-left: 30px;margin-right: 30px;}
.newlistul li a{color:#666;}
.newlistul li a:hover{color:#c7161c;text-decoration: none;}

/*閸掑棝銆夐弽宄扮础*/
.fenyeys{ float:left; width:90%; text-align:center; margin:12px 0px; font-size: 14px; font-family: "瀵邦喛钂嬮梿鍛寸拨";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:0px 5px; background:#0088cc; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:0px 5px; background:#666; color:#fff; }
.fenyeys a:hover{ background:#0088cc;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}

    /*手机版*/
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus .icon-bar  {
    background-color: #bcbcf2; color: #fff;
}




.navbar-default .navbar-toggle {
    border-color: #6666ff;
}
@media (max-width: 767px){
	 body {
        padding-right: 0px;
        padding-left: 0px;
    }
	nav{height:70px;}
    .topa{height: 74px;}
    #Mybannerm .carousel-control span{  font-size: 2em; line-height: 200px;}
    #Mybannerm ol{bottom:0;}

    .nav>li {

        padding-left: 10px;
    }
    .gt-ab {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .gt-ab > .col-md-8, .gt-ab > .col-md-4{ padding-left: 0px; padding-right: 0px;}
    .nyleft{ margin-top: 40px;}
    .ab-text .ab-tit h3.ab-tit-l { margin-top: 20px;}
    .panel-list > h3 a{ width: 100%; line-height: 30px; height: 30px; overflow: hidden;}
    .panel-list > p{ line-height: 22px; width: 100%; height: 66px; overflow: hidden;}
    .nycont .col-md-12{ padding-right: 0px; padding-left: 0px;}
    .ny-nav li{ float: left;    padding: 10px 40px; margin-left: 20px;}
    .ny-nav li:hover,.ny-nav li.active{background-color: #6666ff; padding: 10px 40px;}
.nycont img{ max-width:100%;}
}
@media (min-width: 900px) {
    .tab >  .col-md-1{ margin-right: 0px; padding-right: 0px;}
    .tab >  .col-md-11{ margin-left: 0px; padding-left: 0px;}
}