@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}
html{margin:0; padding: 0;font-size: 100%!important;}
body{ padding: 0;max-width: 1920px; margin: auto;}
div{margin:0;padding: 0;}
ul,li{ list-style:none; list-style-position: outside; margin: 0; padding: 0;}
a{ text-decoration:none; color: 333;}a:hover{color:666}
p{ line-height: 1.7em; margin: 15px 0; text-indent: 2em; color: #000;}

/*首页样式*/
.index-top{width:100%; overflow: hidden;}
.index-top .bg{width:100%;overflow: hidden;}
.index-top .topbox{width:100%;position: absolute;z-index: 9;padding-top: 30px;}
.index-top .topbox .logo{float: left;margin-left:  20px;}
.index-top .topbox .menu{float: left;width:782px; margin-left: 4%; margin-top: 20px;}
.index-top .topbox .menu ul li{float:left; margin: 0 2%;}
.index-top .topbox .topbtn{width: auto;float: right;margin-right: 20px;margin-top: 15px;}
.index-top .topbox .topbtn-2 {display:none;}
.index-top .topbox .topbtn ul li{float:left; margin: 0 3px;}
.searchbtn{ border-radius:15px; background: #fff; border: 1px solid #ccc; width:150px; height: 27px; padding-left: 10px;}
.top-search1{width:120px; border: none;  height: 23px;}
.top-search2{ width:13px; height: 13px; margin-top: 5px; background: url(../images/index-ico-search.jpg)no-repeat; border: none;}
.yuyuebtn{width:135px; height: 30px; border-radius: 15px; background: url(../images/index-ico-yuyue.png) no-repeat 20px  #c12d31; color: #fff;}
.yuyuebtn span{margin-left:55px; line-height: 30px; font-size: 0.875em;}


.index-title{width:100%; text-align: center; font-size: 2.2em; font-weight: bold; margin: 60px 0}
.index-title span{ font-size:0.5em;font-weight:normal; color: #797979; }
.index-news{width:100%; overflow: hidden; background: url(../images/index-news-bg1.jpg)}
.index-newslist { overflow: hidden;}
.index-newslist ul{ margin-left:-2%;}
.index-newslist ul li{ float: left; width:23%;  background: #fff; margin-left: 2%;}
.index-newslist ul li .image{ }
.index-newslist ul li .image .date{width:60px;height: 50px;background-color:rgba(212,0,43,0.8);position: absolute;color: #e0a1a8;margin-top: 10px;font-size: 0.75em; padding-left: 5px; padding-top: 8px; margin-left: 10px;}
.index-newslist ul li .image .date span{font-size:1.5em; color: #f2f2f2; font-weight: bold;display:block;}
.index-newslist ul li .image img{width:100%;height:250px; }
.index-newslist ul li .text{ padding: 20px; background: url(../images/index-news-bg2.jpg) right 5px bottom no-repeat;}
.index-newslist ul li .text .title{ border-bottom: 1px solid #ededed; font-size: 1.125em; height: 1.75em; overflow: hidden; font-weight: bold; color: #4b4b4b; padding-bottom: 20px; line-height: 1.5em;}
.index-newslist ul li .text .title2{ border-bottom: 1px solid #ededed; font-size: 1.125em; height: 1.75em; overflow: hidden; font-weight: bold; color: #4b4b4b; padding-bottom: 15px; line-height: 1.5em;}
.index-newslist ul li .text .summary{ color: #9b9b9b; font-size: 0.875em; margin-top: 15px; height:145px; overflow: hidden;}
.index-newslist ul li .text .more{ border-left:5px solid #dd3355; text-align: left;height: 15px; font-size: 0.813em; padding-left: 10px; margin-top: 50px;}

.index-newslist ul li .text a{color:#333;}
.index-newslist ul li .text a:hover{ color: #dd3355;}

.index-news .more{width:100%; text-align: right; margin: 50px 0 20px;}
.index-news .more a{ color:#333;}
.index-news .more a:hover{color:#666;}

.index-about{width:100%; overflow: hidden;background-repeat: no-repeat;background-attachment: fixed;background-position: top center;}
.bg1{height: 820px;background-image: url(../images/index-about-bg.jpg);}
.index-aboutbox{width:100%; overflow: hidden; margin-top: 10%; height: 500px; margin-bottom: 30px;}
.index-aboutbox .column1{width:21.5%; float: left; background: #c12d31; margin-right: 1.5%; height: 100%; color: #fff;}
.index-aboutbox .column1title{ width:70%; margin:70px auto 35px; font-size: 1.875em;}
.index-aboutbox .column1list{width:70%; margin: auto;}
.index-aboutbox .column1list a{color:#fff;}
.index-aboutbox .column1list a:hover{color:#eedbb5;}
.index-aboutbox .column1list ul li{ line-height: 2em; background: url(../images/index-arrow.png) right center no-repeat;}
.index-aboutbox .column1list ul li span{ float: right; margin-top: 3px;}
.index-aboutbox .column2{width:46.5%; float: left; background: #fff;margin-right: 1.5%; height: 100%; overflow: hidden}
.index-aboutbox .column2 img{height:100%;}
.index-aboutbox .column3{width:29%; float: left; background: #fff;height: 100%;}
.index-aboutbox .column3 .image{width:100%; height: 352px; overflow: hidden;}
.index-aboutbox .column3 .text{ width:85%; margin:25px auto 0; font-size: 0.875em; color: #585858; line-height: 1.75em;}


.index-twkc{width:100%; overflow: hidden;}

.index-twkc ul li:hover .image img{opacity: 0.1;transition: .4s ease;transform: scale(1.05)}
.index-twkc ul li:hover .image{background: #c12d31;}

.index-twkc ul li{width:25%; float: left; overflow: hidden}
.index-twkc ul li .image{width:100%; background: #000; font-size: 0px;transition: .4s ease;}
.index-twkc ul li .image img{width:100%; opacity: 0.5;transition: .4s ease; ;}
.index-twkc ul li .text{ position: absolute; z-index: 9; color: #fff; text-align: center; width:100%; margin-top: 35%; font-size: 1.118em; line-height: 1.5em;}
.index-twkc ul li .twkc-btnbox{width: 100%; position: absolute; z-index: 10;margin: 60% auto 0; text-align: center;}
.twkc-btn{ width:180px; height: 35px; line-height: 35px; background: none; border: 1px solid #fff; border-radius: 25px; color: #fff; font-size: 1em; text-align: center; margin:5%;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color, background-color;transition-property: color, background-color;}
.twkc-btn:hover{background-color: #c12d31;color: white; border: 1px solid #fff}



.index-twys{width:100%; overflow: hidden; background: #f3f3f3; padding: 125px 0px 0px;}
.index-twysbox{width:100%; height: 500px; overflow: hidden;}
.index-twysbox .column1{ width:50%; height: 100%; float: left; margin-right: 1%}
.index-twysbox .column1 .row1{width:100%;height: 51%; margin-bottom: 1%; color: #fff;}
.index-twysbox .column1 .row1 .element1{width:49.5%; height: 100%; float: left; margin-right: 1%; background:url(../images/index-twys-3.jpg) no-repeat 30px 50px #383838;}
.index-twysbox .column1 .row1 .element2{width:49.5%; height: 100%; float: left;  background:url(../images/index-twys-4.jpg) no-repeat 30px 50px #d5002b;}
.index-twysbox .column1 .row1 .text{width:80%; margin:50% auto 0; line-height: 2em;}
.index-twysbox .column1 .row1 .text span{ font-size:2em;}
.index-twysbox .column1 .row2{width:100%;height: 48%; overflow: hidden}
.index-twysbox .column1 .row2 img{width:auto; height: 100%;}
.index-twysbox .column2{ width:28%; float: left; background: #eaeaea; height: 100%;}
.index-twysbox .column2 .row1{width:100%; height: 48%; background: #eaeaea; padding-top: 20%}
.index-twysbox .column2 .row1 .title{width:80%; margin: 0 auto 15px; font-size: 1.8em;}
.index-twysbox .column2 .row1 .list{width:80%; margin: auto}
.index-twysbox .column2 .row1 .list li{ width:42%; float: left; background: url(../images/index-twys-5.jpg) no-repeat left center; padding-left: 8%; line-height: 3em; color: #5f5e5e;}
.index-twysbox .column2 .row2{width:100%; height: 42%; background: #fff;color: #7a7a7a; font-size: 0.875em; padding: 8%; line-height: 1.75em;}
.index-twysbox .column3{ width:21%; float: left; }

.title-youshi{display:none;}


.index-xyshow{width:100%; overflow: hidden}
.index-xyshow a{}
.index-xyshow li:hover .line{bottom: 0px;transition: .4s ease;opacity: 0.9;}
.index-xyshow li:hover .image img{ opacity: 1;transition: .4s ease; transform: scale(1.05);}

.index-xyshow li{width:20%; float: left; font-size: 0; background: #000; position: relative;overflow: hidden}
.index-xyshow li .image{width:100%;}
.index-xyshow li .image img{ opacity: 0.8;transition: .4s ease; width:100%;}
.index-xyshow li .line{width:100%;height: 60px;display: table;vertical-align: middle;background: #c12d31;opacity: 0;position: absolute;bottom: -60px;transition: .4s ease;z-index: 99;}
.index-xyshow li .title{width:80%;color: #fff;display: table-cell;height:  inherit;text-indent:  1em;vertical-align: middle;text-align: inherit;font-size: 0.9vw;}
.index-xyshow li .ico{
    width: 20%;
    color: #f00;
    display: table-cell;
    height: inherit;
    vertical-align: middle;
    text-align: center;
    font-size: 1vw;
	margin-top: 5%;
}




.index-star{width:100%; overflow: hidden; background: #f7f7f7; padding-bottom: 50px; padding-top: 30px;}

.index-starbox{width:100%;}
.index-starbox li{}

/* star横向滚动
------------------------------ */
.scroll_horizontal{position:relative;width:100%;height:380px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:100%;height:300px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px; height: 300px;}
.scroll_horizontal .list li{float:left;width:256px; max-height: 256px; max-width: 256px;text-align: center; color: #999; font-size: 0.875em; }
.scroll_horizontal .list li span{
    font-size: 1.175em;
    color:  #333;
}
.scroll_horizontal .list li a{display: inline-block;border-radius: 50%;height:  218px;width: 218px;overflow:  hidden;border: 3px solid #c12d31;}
.scroll_horizontal .list li a h1{
    font-size:  14px;
    background: rgba(193, 45, 49, 0.74);
    font-weight:  normal;
    color:  #fff;
    transition:  .4s ease;
    opacity:  0;
    top: -222px;
    width: 218px;
    vertical-align: middle;
    height: 218px;
    display: table-cell;
    position:  relative;
}
.scroll_horizontal .list li a:hover h1{
    opacity:  1;
}
.scroll_horizontal .list li a span{font-size:1.125em; color: #333;}
.scroll_horizontal .list li a img{
	width: 100%;
	height: 100%;
}
.scroll_horizontal .list li a:hover img{
}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:70%;margin-top:25px;width:42px;height:50px;background-image:url(../star/img/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal .prev{left: 46%;background-position:0 0;}
.scroll_horizontal .next{right: 46%;background-position:-42px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-42px -50px;}




/*weixin-img*/
.TW-top-img1{ width:29px; height: 29px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/index-ico-wx3.png) center no-repeat;}
.TW-top-img1:hover, .TW-top-img1:focus, .TW-top-img1:active {background: url(../images/index-ico-wx.png) center no-repeat;}

/*weibo-img*/
.TW-top-img2{ width:29px; height: 29px;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
background: url(../images/index-ico-wb3.png) center no-repeat;}
.TW-top-img2:hover, .TW-top-img2:focus, .TW-top-img2:active {background: url(../images/index-ico-wb.png) center no-repeat;}




/* 底部
------------------------------ */
/*.footer{width:100%; overflow: hidden; background: #323232; color: #a5a5a5; padding-top: 20px;}*/
/*.footer a{color: #b3b3b3;}*/
/*.footer a:hover{color: #c6c6c6;}*/
/*.footer1{width:100%; overflow: hidden; border-bottom: 1px solid #474747; padding: 40px 0;}*/
/*.footer1 li{width:20%; float: left; font-size: 0.75em; margin-right: 0%;}*/
/*.footer1 li span{display:block; font-size: 1.5em;color: #cccccc; margin-bottom: 5px;}*/
/*.footer1 li img{float: left; margin-right: 20px;}*/

/*.footer2{width:100%; overflow: hidden;  border-bottom: 1px solid #474747; padding: 40px 0;}*/
/*.footer2 .f-menulist{width:60%; float: left;}*/

/*.footer2 .f-menulist .menu{width:100%; float: left;color: #b3b3b3;font-size: 0.875em;}*/
/*.footer2 .f-menulist .submenu{width:20%; float: left; padding: 0;}*/
/*.footer2 .f-menulist .submenu ul li{ color: #b3b3b3; line-height: 1.875em; }*/
/*.footer2 .f-menulist .submenu ul li a{color: #b3b3b3;}*/
/*.footer2 .f-menulist .submenu ul li a:hover{color: #c6c6c6;}*/
/*.footer2 .f-menulist .submenu ul li span{ font-size: 1.25em; color: #fff; line-height: 3em;}*/
/*.footer2 .f-menulist .submenu ul li span a{ color:#fff;}*/
/*.footer2 .f-menulist .submenu ul li span a:hover{ color:#E3E3E3;}*/

/*.footer2 .f-info{width:40%; float: right; text-align: right; font-size: 0.875em; line-height: 1.75em}*/
/*.footer2 .f-info img{ margin-bottom: 10px;}*/

/*.footer3{width:100%; overflow: hidden; font-size: 0.875em; padding: 25px 0}*/

.footer{width:100%; overflow: hidden; background: #ffffff; color: #a5a5a5; padding-top: 20px;border-top: 15px solid #904444;font-size:16px}
.footer a{color: #838383;}
.footer a:hover{color: #c6c6c6;}
.footer1{width:100%; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 40px 0;}
.footer1 li{width:20%; float: left; font-size: 0.75em; margin-right: 0%;}
.footer1 li span{display:block; font-size: 1.5em;color: #222; margin-bottom: 5px;}
.footer1 li img{float: left; margin-right: 20px;}

.footer2{width:100%; overflow: hidden;  border-bottom: 1px solid #474747; padding: 40px 0;}
.footer2 .f-menulist{width:60%; float: left;}

.footer2 .f-menulist .menu{width:100%; float: left;color: #b3b3b3;font-size: 0.875em;}
.footer2 .f-menulist .submenu{width:20%; float: left; padding: 0;}
.footer2 .f-menulist .submenu ul li{ color: #b3b3b3; line-height: 1.875em; }
.footer2 .f-menulist .submenu ul li a{color: #838383;}
.footer2 .f-menulist .submenu ul li a:hover{color: #c6c6c6;}
.footer2 .f-menulist .submenu ul li span{ font-size: 1.25em; color: #222; line-height: 3em;}
.footer2 .f-menulist .submenu ul li span a{ color:#fff;}
.footer2 .f-menulist .submenu ul li span a:hover{ color:#E3E3E3;}

.footer2 .f-info{width:40%; float: right; text-align: right; font-size: 0.875em; line-height: 1.75em}
.footer2 .f-info img{ margin-bottom: 10px;}

.footer3{width:100%; overflow: hidden; font-size: 0.875em; padding: 25px 0; background: #6d0909;color: #fff;}
.footer3 a{color:#fff}



.width-1300{width:1300px; margin: auto; overflow: hidden}
.width-1280{width:1280px; margin: auto; overflow: hidden}

.ss-topbg{
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

/*关于天问*/
.section1{color: white;
	height: 612px;
	background-image: url(../images/tw-about_01.jpg);}

.section1-1{color: white;
	height: 455px;
	background-image: url(../images/tw-about_06.jpg);}

.section2{color: white;
	height: 612px;
	background-image: url(../images/tw-news_01.jpg);}

.section3{color: white;
	height: 612px;
	background-image: url(../images/tw-xysh_01.jpg);}

.section4{color: white;
	height: 612px;
	background-image: url(../images/tw-pinpai_01.jpg);}
.section4-1{color: white;
	height: 660px;
	background-image: url(../images/tw-pinpai_17.jpg);}

.section5{color: white;
	height: 612px;
	background-image: url(../images/tw-zssq_01.jpg);}



.top-title{ width:100%; float: left; margin-top: 320px; margin-left: 5%;}
.top-menu{width:100%; height: 80px; padding-top: 25px; background-color:rgba(193,45,49,1); float: left; margin-top: 84px; text-align: center; overflow: hidden;}
.top-submenu{width: auto;
    padding:  0 1.5%;
	display: inline-block;
	margin: auto;
	background: url(../images/ico-arrow.png) no-repeat left;}

.top-submenu a{color:#fff;}


.abouttw{width:100%; overflow: hidden; padding-top: 100px; padding-bottom: 50px;}
.abouttw .title{width:100%; text-align: center; font-size: 1.75em; margin-bottom: 20px;}
.abouttw .text{width:100%; overflow: hidden;}
.abouttw .image{width:100%; overflow: hidden;margin-top: 30px; margin-bottom: 30px;}
.abouttw .image li{width:24%; float: left; background: #f1f1f1; margin-left: 1%;}
.abouttw .image li .tp{width:100%; height: 50%; overflow: hidden; font-size: 0; text-align: center}
.abouttw .image li .bt{width:100%; height: 50px; text-align: center; line-height: 3em}

.message{width:100%; overflow: hidden;}
.message .image{width:35%; height: 452px; float: left;}
.message .text{width:65%; float: right;}
.message .text1{font-size: 1.75em; margin-top: 100px;}
.message .text2{ opacity: 0.2; text-transform: uppercase; line-height: 2.5em; margin-bottom: 40px;}
.message .text3{ margin-bottom: 50px; line-height: 1.8em; font-size: 1em;}
.message .text4{ text-align: right; opacity: 0.4}

.hun-qi{width:100%;overflow: hidden;background: #f3f3f3;padding: 1.5em 0;}
.hun-qi .half{width:50%; float: left;}
.hun-qi .half .title{width:100%;font-size: 1.75em;text-align:  center;}
.hun-qi .half .box{padding-top: 1.5em;padding-bottom: 30px;overflow: hidden;}
.hun-qi .half .box .hun{width:90%; background: #000; font-size: 0; overflow: hidden;} 
.hun-qi .half .box .hun img{ opacity: 1; width: auto; width:100%;} 
.hun-qi .half .box .qi{ width:45%; float: left; margin-right: 20px;}
.hun-qi .half .box .qi .subqi{width:100%; overflow: hidden;}
.hun-qi .half .box .qi img{width:100%;}
.hun-qi .half .box .qi .line{width:45%; background: #975f92; height: 5px; position: absolute;}
.hun-qi .half .more a{ color: #333;}
.hun-qi .half .more a:hover{ color: #666;}


.flag{width:100%; overflow: hidden; padding: 90px 0}
.flag .title{font-size:1.875em; text-align: center; margin-bottom: 50px;}
.flag .text{color:#333;font-size: 1em; line-height: 1.5em;  width:98%; margin:0 auto 30px; overflow: hidden;}
.flag .text span{display:block; font-size: 1.125em; font-weight: bold; margin-bottom: 20px;}
.subshizi:hover .name-flag{ height: 100%; text-align: left; padding: 10%; line-height: 1.5em; font-size: 0.875em;}
.name-flag{position: absolute;width: 100%; bottom: 0px; transition:.4s ease;text-align: center; background-color:rgba(193,45,49,0.8);height: 50px; line-height: 50px; color: #fff;}




.about-honor{width:1380px;margin: auto;overflow: hidden;padding-top: 1.5em;padding-bottom: 1.5em;}
.about-honor .title{ text-align:center; font-size: 1.75em; margin-bottom: 50px;}

.about-contact{width:100%;background: #f3f3f3;overflow: hidden;padding: 1.5em 0;}
.about-contact .title{text-align:center;font-size: 1.75em;margin-bottom: 1.5em;}
.about-contactbox{width:100%;overflow: hidden;}
.about-contactbox li{width:23.5%; float: left; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); margin-left: 1.5%; padding: 5px 5px 15px 5px;}
.about-contactbox li .image{width:100%; margin-bottom: 10px;}
.about-contactbox li .image img{ width:100%;}
.about-contactbox li .text{width:96%; margin: auto; height: 260px; overflow: scroll; overflow-x: hidden; color: #808080; line-height: 1.55em;}
.about-contactbox li .text .sub{width:90%;border-bottom:1px solid #ececec; padding-bottom: 20px; margin-bottom: 20px; margin-top: 10px; margin-left: 10px;}
.about-contactbox li .text .sub span{display:block; font-weight: bold; color: #333; margin-bottom: 10px;}

.about-contact2{width:100%; overflow: hidden; margin-top: 60px; line-height: 1.5em;}
.about-contact2 .sub1{width:35%; margin-left: 2%; padding-left: 60px; float: left; background: url(../images/tw-about_19.png)no-repeat;}
.about-contact2 .sub2{width:28%; margin-left: 2%; padding-left: 60px; float: left; background: url(../images/tw-about_20.png)no-repeat;}
.about-contact2 .sub2 span{font-size:1.75em; font-weight: bold; line-height: 1.25em;}



.news{width:100%; overflow: hidden; padding-top: 70px;}
.news .title{width:100%; overflow: hidden; background: url(../images/tw-news_03.png) no-repeat right; border-bottom: 1px solid #ececec; height: 60px;}
.news .title2{width:100%; overflow: hidden;  border-bottom: 1px solid #ececec; height: 60px;}
.news .title ul{ margin-top: 15px;}
.news .title ul li{ float: left; padding: 0 2%;}
.submenuline{ background: url(../images/tw-news-line.jpg) no-repeat right center;padding-right:20px;}

.newsbox{width:100%; overflow: hidden;}
.newsbox ul{ margin-top: 40px;}
.newsbox ul li{ width:99%; margin: auto; margin-bottom: 50px; overflow: hidden;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);}
.newsbox ul li .image{width:262px; height: auto;  float: left; margin: 10px; overflow: hidden; background: #000; font-size: 0;transition:.4s ease;}
.newsbox ul li .image img{width:100%;transition:.4s ease;}
.newsbox ul li .title{width:74%; float: left; margin: 20px; background: none; border-bottom: none; overflow: hidden; height: auto}
.newsbox ul li .title .title1{ color: #333; font-size: 1.25em; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}
.newsbox ul li .title .title2{ margin-top: 15px; font-size: 0.938em; color: #818181; line-height: 1.5em;}
.newsbox ul li .title .title3{ color: #bfbfbf; margin-top: 20px; background: url(../images/tw-news_05.png) no-repeat left ; padding-left: 30px; font-size: 0.875em;}

.newsbox ul li:hover .image{transition:.4s ease;}
.newsbox ul li:hover .image img{ opacity:0.8;transform: scale(1.1);transition:.4s ease; width:100%;}
.newsbox ul li:hover .title1{ color:#c12d31; font-weight: bold;}



.detail{width:99%; margin:30px auto;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); padding: 4%; overflow: hidden}
.detail .title{ border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; background: none; height: auto;}
.detail .title .title1{width:100%; text-align: center; font-size: 1.25em;}
.detail .title .title2{width:100%; text-align: center; color: #bfbfbf; font-size: 0.875em; margin-top: 10px;}
.detail .title .title2 img{ vertical-align: middle; margin-right: 3px;}
.detail .title .title2 span{ margin:0 1%;}

.detail .content{ width:100%; margin: 30px 0}
.next{width:100%; overflow: hidden; color: #818181; font-size: 0.875em; margin-bottom: 50px; margin-top: 20px; line-height: 1.5em}
.next a{color: #818181;}
.next a:hover{color: #9c9c9c;}



.sh{width:100%; overflow: hidden; padding-top: 100px;}
.sh a {
    display: inline-block;
    width: 31%;
    margin: 0 1% 2%;
}
.sh ul{}
.sh ul li{width:100%}
.sh ul li .image{width:100%; font-size: 0}
.sh ul li .image img{width:100%;}
.sh ul li .bt{width:100%; text-align: center; line-height: 2.5em; background: #f2f2f2; color: #545454;}
.sh ul li:hover .bt{background: #c12d31; color: #fff;}



.pinpai{width:100%; overflow: hidden; }
.pinpai-link{width:100%; overflow: hidden; text-align: center;padding: 90px 0;}

.pinpai-school{width:24.5%; margin:0 0.05%; display: inline-block; overflow: hidden;}
.pinpai-school:hover .ico{opacity: 0; margin-top: 0;transition: .4s ease;}
.pinpai-school:hover .bt1{margin-top: 18%;font-size: 1.25em;}
.pinpai-school:hover .bt2{margin-top: 27%;font-size: 0.875em;opacity: 1;transition: .4s ease;}
.pinpai-school:hover .enter{margin-top: 40%;}
.pinpai-school:hover .enter a{opacity:1;}
.pinpai-school:hover .bg img{opacity: 0.1;}

.ico{margin-top: 15%;position: absolute;width: 100%;text-align: center;transition: .4s ease;}
.bt1{margin-top: 40%;position: absolute;width: 100%;text-align: center;transition: .4s ease;color:#fff;font-size: 1.25em;}
.bt2{margin-top:7%;position: absolute;width: 100%;text-align: center;transition: .4s ease;color:#fff;font-size: 1em;opacity: 0;}
.bg{position: relative;z-index: -1; background: #c12d31; }
.enter{position: absolute;width: 100%;margin-top: 9%;transition:.4s ease;text-align: center;}
.enter a{display: inline-block;width: 30%;line-height: 30px;transition:.4s ease;opacity: 0; font-size: 0.875em; color: #fff;}
.bg img{transition: .4s ease;display: block;height: 100%;}



.xuebu{width:100%; overflow: hidden; background: #f3f3f3; padding: 108px 0 125px; }
.xuebubox{ width:100%; height: 460px;}
.xuebubox .left{width:65%; float: left; height: 100%; }
.xuebubox .left-top{ width:100%; height: 59.5%; overflow: hidden;background: #c12d31; color: #fff; padding: 5%; font-size: 0.875em;}
.xuebubox .left-top img{float:right; margin-left: 20px;}
.xuebubox .left-top span{ display:block; font-size: 1.375em ; line-height: 2.5em; font-weight: bold;}
.xuebubox .left-top .more{ margin-top: 3%; font-size: 1.125em;}
.xuebubox .left-top .more a{color: #e0a1a8;}
.xuebubox .left-top .more a:hover{color: #fff;}
.xuebubox .left-bottom{width:100%; height: 40%; margin-top: 0.5%;}
.xuebubox .left-bottom .text{width: 80%;
    margin: 120px auto 0;
    line-height: 2em; color: #fff;}
.xuebubox .left-bottom .text span{font-size:1.85em; font-weight: bold;}
.xuebubox .left-bottom .element1{width:33%;  height: 100%;float: left; margin-right: 0.5%; background:url(../images/tw-pinpai_10.png) no-repeat 30px 30px  #494949;}
.xuebubox .left-bottom .element2{width:33%;  height: 100%;float: left; margin-right: 0.5%;  background:url(../images/tw-pinpai_11.png) no-repeat 30px 30px  #494949;}
.xuebubox .left-bottom .element3{width:33%;  height: 100%;float: left;  background:url(../images/tw-pinpai_12.png) no-repeat 30px 30px  #494949;}

.xuebubox .left-bottom .element4{width:33%;  height: 100%;float: left; margin-right: 0.5%; background:url(../images/tw-zssq_04.png) no-repeat 30px 30px  #494949;}
.xuebubox .left-bottom .element5{width:33%;  height: 100%;float: left; margin-right: 0.5%;  background:url(../images/tw-zssq_05.png) no-repeat 30px 30px  #494949;}
.xuebubox .left-bottom .element6{width:33%;  height: 100%;float: left;  background:url(../images/tw-zssq_06.png) no-repeat 30px 30px  #494949;}
.xuebubox .left-bottom .text2{width: 80%; margin: 100px auto 0;line-height: 1.875em; color: #fff; font-size: 0.875em;}
.xuebubox .left-bottom .text2 span{font-size:1.125em; font-weight: bold; display: block}



.xuebu .right{width:34.5%; float: right; height: 100%;}
.xuebu .right-top{width:100%; height: 59.5%; overflow: hidden;}
.xuebu .right-bottom{width:100%; height: 40%; background: #fff;margin-top: 0.5%; padding: 8% 10%; color: #818181; font-size: 0.875em;}
.xuebu .right-bottom span{display:block;  font-size: 1.25em;font-weight: bold; color: #494949; margin-bottom: 10px; }





.shizi{width:100%; overflow: hidden; padding: 90px 0;}
.shizi .title{width:100%; text-align: center; font-size: 1.875em; margin-bottom: 50px;}
.shizi-box{width:100%; overflow: hidden;}

.subshizi{width:19%; margin-left: 0.5%; float: left;overflow: hidden; margin-bottom: 20px;}
.subshizi:hover .name{ height: 50px;}
.subshizi:hover .photo img{ transform: scale(1.05);}



.kc{width:100%; background: url(../images/tw-pinpai_kcbg.jpg) no-repeat bottom #f3f3f3; padding-top: 70px;}
.kc .title{width:100%; text-align: center; font-size: 1.875em; margin-bottom: 10px;}








.photo{position: relative;z-index: -1; background: #000;  }
.name{position: absolute;width: 100%; bottom: 0px; transition:.4s ease;text-align: center; background-color:rgba(193,45,49,0.8);height: 10px; line-height: 50px; color: #fff;}
.photo img{width:auto; text-align: center;transition: .4s ease;display: block;height: 100%;width: 100%;}




.pinpai-news{width:100%; background:#f3f3f3; overflow: hidden; padding: 100px 0}
.pinpai-subnews{width:33%; float:left; padding-bottom: 10px; padding-left: 8px; overflow: hidden; }
.pinpai-subnews .title{width:100%;  font-size: 1.875em; margin-bottom: 20px;}
.pinpai-newsbox{width:95%; float:left;margin: auto; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); padding: 5px;}
.pinpai-newsbox .image{width:100%; overflow: hidden;}
.pinpai-newsbox ul{ margin: 25px 3% 40px; width: 94%;}
.pinpai-newsbox ul li{ border-bottom: 1px dashed #e6e6e6; line-height: 2.2em;}
.pinpai-newsbox ul li .date{float:right; color: #b7b7b7; font-size: 0.75em;}
.pinpai-newsbox a{color:#333;}
.pinpai-newsbox a:hover{color:#666666;}


.bys{width:100%; overflow: hidden; padding-top: 55px; padding-bottom: 100px;}
.bys h2{ text-align: center; font-size: 1.875em; font-weight: bold;}
.bys h3{ text-align: center; font-size: 1.5em;opacity: 0.22; line-height: 2em}

.pinpai-xynews{width:100%; overflow: hidden; background: #f3f3f3; padding-bottom: 100px; padding-top: 60px;}




.zssq{width:100%; overflow: hidden;}
.zhaosheng{width:100%; overflow: hidden; padding: 90px 0 105px; }
.zhaosheng .right{width:34.5%; float: right; height: 100%;}
.zhaosheng .right-top{width:100%; height: 59.5%; overflow: hidden;}
.zhaosheng .right-bottom{width:100%; height: 40%; background: #e9e9e9;margin-top: 0.5%; padding: 8% 10%; color: #818181; font-size: 0.875em;}
.zhaosheng .right-bottom span{display:block;  font-size: 1.25em;font-weight: bold; color: #494949; margin-bottom: 10px; }
.zs-more{margin-top:15px;}
.zs-more a{color:#333;}
.zs-more a:hover{color:#666;}

.zscx{iwdth:100%; overflow: hidden; background: #f3f3f3; padding: 80px 0}
.zscx .title{font-size: 1.875em; text-align: center; margin-bottom: 50px;}
.zscxbox{width:100%; overflow: hidden;}
.zscxbox .bt{width:100%; background: #e6e6e6; font-size: 1.188em; font-weight: bold; line-height: 2.2em; text-indent: 2em;}
.zscxbox .content{width:100%;  color: #818181; font-size: 0.875em;line-height: 2em; padding: 20px 0 40px;}

.baoming{width:100%; overflow: hidden; border: 1px solid #e5e5e5; margin: 70px auto; padding-top: 60px; padding-bottom: 50px;}
.baoming .left{width:50%; float: left;}
.baoming .left .title{ width:100%; text-align: center; font-size: 1.875em; margin-bottom: 20px;}
.baoming .right{width:50%; float: right;}


.baoming-box{width:100%;float: left;padding: 0 5%;}
.baoming-box-row{width:100%;float: left;color: #8b8161;font-size: 14px;line-height: 35px;margin: 8px 0;}
.baoming-box-row1{width:30%; float: left; }
.baoming-box-row2{width:70%; float: right; }
.ss-input{background:none; border: 1px solid #e5e5e5; height: 35px; margin-right: 5px; width:75%; padding-left: 10px; color: #8b8161;}
.ss-input2{background:none; border: 1px solid #e5e5e5;  height: 170px; line-height: 26px; margin-right: 5px; width:100%; padding-left: 10px; color: #8b8161;}
.ss-option{background:none; border: 1px solid #e5e5e5; height: 35px; margin-right: 5px; width: 75%; color: #8b8161;}
.ss-option2{background:none; border: 1px solid #e5e5e5; height: 35px; margin-right: 5px; width: 35%; color: #8b8161;}

.baoming-btn{ width:185px; height: 50px; line-height: 3em; background: #c12d31; color: #fff; font-size: 1.125em; text-align: center; margin:0 1% 0 0;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color, background-color;transition-property: color, background-color;}

.baoming-btn:hover{background-color: #454545;color: white;}






.fenye{width:100%; text-align: center; margin-top: 20px; margin-bottom: 80px;}
.red{color:#f00;}

/*<1660*/
@media screen and (max-width:1659px) 
{
	
}

/*<1500*/
@media screen and (max-width:1499px) 
{
	
}


/*<1380*/
@media screen and (max-width:1379px) 
{
	.about-honor{width:100%;}
}


/*<1350*/
@media screen and (max-width:1350px) 
{
	.index-twkc ul li .twkc-btnbox{   font-size:0.875em; }
	.index-twkc ul li .text{ font-size: 1em; line-height: 1.5em;}
	
}


/*<1300*/
@media screen and (max-width:1299px) 
{
	
	.index-top .topbox .menu{ display:none}
	.index-top .topbox .topbtn{ margin-right: 60px;}
	
	.width-1300{width:96%}
	.newsbox ul li .title{width:65%;}
}

/*<1280*/
@media screen and (max-width:1280px) 
{
	
	.width-1280{width:96%;}
	
	.scroll_horizontal .prev{left: 45%;}
	.scroll_horizontal .next{right: 45%;}
}




/*<1000*/
@media screen and (max-width:999px) 
{
	.index-twysbox .column3{display:none;}
	.index-twysbox .column2{width:49%;}
	.index-twysbox .column1 .row1 .text{width:80%; margin:70% auto 0; line-height: 2em; font-size: 0.875em;}
	.index-twysbox .column1 .row1 .text span{ font-size:1.5em;}
	
	.about-contactbox li{width: 100%;margin-bottom: 20px;}
	.about-contact2 .sub1{width:43%; margin-left: 2%; }
	.about-contact2 .sub2{width:43%; margin-left: 2%; margin-bottom: 20px; }
	
	.newsbox ul li .title{width:58%;}
	
	.subshizi{width:29%; margin-left: 2%;}
	
	.index-top .topbox .topbtn{ display:none;}
	.index-top .topbox .topbtn-2{display:inline-block;  width:135px; height: 50px; border-radius: 15px; background: url(../images/index-ico-yuyue.png) no-repeat 20px  #c12d31; color: #fff; margin-top: 15px; float: right; margin-right: 120px;}
	.index-top .topbox .topbtn-2 span{margin-left:50px; font-size: 1em; line-height: 3em;}
	
	.sh a {    width: 47%;}
}


/*<950*/
@media screen and (max-width:950px) 
{
	.footer1 li img{ display: none;}
	.footer2 .f-menulist{display:none;}
	.footer2 .f-info {width:100%; text-align:center;}
	
	.index-xyshow li{width:50%;}
	
	.index-twkc ul li{width:50%;}
	.index-twkc ul li .twkc-btnbox{}
	.index-twkc ul li .text{ }
	
	.index-newslist ul li{ width:48%;  margin-left: 2%;}
	
	.index-aboutbox .column1{width:50%;}
	.index-aboutbox .column2{display:none;}
	.index-aboutbox .column3{width:48%;}
	
	.hun-qi .half{width:100%; margin: auto}
	.hun-qi .half .box .hun{width:100%; } 
	
	.pinpai-school{width:96%;  margin: auto;margin-bottom: 20px; float: none; }
	.xuebubox .left {width: 96%;float: none;margin: auto;}
	.xuebu .right {display: none}
	.pinpai-subnews {width: 100%;float: none;padding-bottom: 10px;margin: auto;}
	
	.pinpai-newsbox{width:99%;}
	.pinpai-newsbox .image img{width:100%;}
	
	.sh ul li{width:96%;    float: none; margin: auto; margin-bottom: 60px;}
	
	.zhaosheng .right {   width: 96%;   float: left; margin:2% ;height: 100%;}
	.zhaosheng .right-top img{width:100%;}
	
	.baoming .left{width:100%;}
	.baoming .right{width:90%; margin: 5%}
	.baoming .right img{width:100%}
	
	
}


/*<850*/
@media screen and (max-width:850px) 
{
	
	
	.about-contact2 .sub1{width:100%; text-align: center; padding-left: 0; padding-top: 60px;background: url(../images/tw-about_19.png)no-repeat center top;}
	.about-contact2 .sub2{width:100%;  text-align: center;padding-left: 0; margin-top: 30px; margin-bottom: 0px;padding-top: 60px;background: url(../images/tw-about_20.png)no-repeat center top;}
	
		.newsbox ul li .image{display: none;}
		.newsbox ul li .title{width:90%;}
	
	
	
	
	.scroll_horizontal .prev{left: 43%;}
	.scroll_horizontal .next{right: 43%;}
	
	.detail .content img{width:80%;}

	.abouttw .image li{width:49%; margin-left: 1%;}
}

/*<760*/
@media screen and (max-width:760px) 
{
	

}

/*<660*/
@media screen and (max-width:660px) 
{
	
	
	
	
	.index-top .topbox{padding-top:1em}
	.index-top .topbox .logo{width:38%;}
	.index-top .topbox .logo img{width:100%;}
	
	.index-top .topbox .topbtn-2 {
    display: inline-block;
    width: 25%;
    height: 2.2em;
    border-radius: 15px;
    background: url(../images/index-ico-yuyue.png) no-repeat 10px #c12d31;
    color: #fff;
    float: right;
	margin-top: 0;
	margin-right: 25%;}

	.index-top .topbox .topbtn-2 span {
    margin-left: 2.5em;
    font-size: 0.875em;
    line-height: 2.5em;}
	
	.index-title{margin: 1em 0; font-size: 1.2em}
	
	.index-newslist ul li { width: 96%;margin-left: 3%;}
	.index-newslist ul li .text .summary{ height:auto;}
	.index-newslist ul li .text .more{height:1.5em;margin-top: 1em;}
	.index-news .more{ text-align: center;}
	
	.index-aboutbox{height:auto;}
	.index-aboutbox .column1{width:100%;}
	.index-aboutbox .column3{width:100%;}
	.index-aboutbox .column3 .text{ margin: 1em auto;}
	.index-aboutbox .column3 .image img{width:100%;}
	.index-aboutbox .column1list{display:none;}
	.index-aboutbox .column1title {    width: 80%;    margin: 1em auto;    font-size: 1.125em;}
	
	.bg1{height:auto;}
	
	.index-twysbox{height:auto;}
	.index-twysbox .column1{width:100%;}
	.index-twysbox .column2{width:100%;}
	
	.title-youshi{    display: block; font-size: 1.2em; font-weight: bold; text-align: center; margin-bottom: 1em; width: 100%;}
	.index-twys{ padding: 2em 0;}
	.index-twysbox .column2 .row1{display:none;}
	
	.index-xyshow{display:none;}
	
	.scroll_horizontal .next{right:35%;}
	
	
	.section1{height:18em; background: url(../images/tw-about_01-sj.jpg) no-repeat; background-size: cover}
	.section2{height:18em; background: url(../images/tw-news_01-sj.jpg) no-repeat; background-size: cover}
	.section3{height:18em; background: url(../images/tw-xysh_01-sj.jpg) no-repeat; background-size: cover}
	.section4{height:18em; background: url(../images/tw-pinpai_01-sj.jpg) no-repeat; background-size: cover}
	.section5{height:18em; background: url(../images/tw-zssq_01-sj.jpg) no-repeat; background-size: cover}
	.top-title{margin-top: 9em; width:40%;}
	.top-title img{width:auto; height:4em;}
	.top-menu { width: 100%; background-color: rgba(193,45,49,1);float: left; margin-top: 5.7em; text-align: center; overflow: hidden;
    font-size: 0.875em; vertical-align: middle; line-height: 1.6em; }
	.top-submenu { width: auto; padding: 0 0.5%;display: inline-block; margin: auto; background: none;}
	.abouttw{padding-top: 1em;}
	
	.message{background:url(../images/tw-about_06.jpg)}
	.message .image{width:1%;}
	.message .text{width:99%;}
	.hun-qi .half .box .qi{margin-right:1em;}
	
	.pinpai-link{ padding:1.5em 0}
	.xuebu{padding: 1.5em 0}
	.shizi{padding:1.5em 0}
	.subshizi{width:46%; margin:1.5%}
	
	.pinpai-news{padding:2% 0}
	.pinpai-subnews .title{ margin-bottom: 0.5em}
	.bys{ background:url(../images/tw-pinpai_17.jpg);}
	
	.sh{padding-top: 1.5em}
	.sh ul li{margin-bottom: 1.5em}
	
	.news{padding-top: 1.5em}
	
	.newsbox ul li .image{ display:block;width:95%;}
	.newsbox ul li .image img{width:100%;}
	
	.zhaosheng{padding:1.5em 0}
	.zscx{ padding:1.5em 0;}
	.zscx .title{ margin-bottom: 1em;}
	
	.baoming{ padding-bottom: 1.5em; padding-top: 1.5em; margin: 1.2em 0;}
	.zhaosheng .right-top{height:auto;}
	.zscxbox .content{ padding:1em 0 1.2em}
	
	.flag{padding:1.5em 0}
	.flag .title{ margin-bottom: 1em;}
	
	.footer1 li{width:100%; margin-right: 0; margin-bottom: 2em;}
	
	.sh a {    width: 98%;}
	
	.about-honor{display:none;}
	
	.message .text1{margin-top: 150px;}
}