*{ padding:0; margin:0;}
body{ background:#ecf1f4;}
.banner{ width:100%; height:750px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:750px; float:left;}
.b-list{ height:50px; padding-top:700px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

.index-banner{}
.index-banner .slideBox{ min-width: 1000px;  position: relative; overflow:hidden; }
.index-banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:48%; bottom:15px; z-index:1; }
.index-banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.index-banner .slideBox .hd ul li{ float:left; margin-right:5px;  width:30px; height:10px; line-height:10px; text-align:center; background:#999; cursor:pointer; border-radius:0px; opacity: 0.5;font-size: 0;}

.index-banner .slideBox .hd ul li.on{ background:#0068b7; color:#fff;  opacity:1;  }
.index-banner .slideBox .bd{ position:relative;  z-index:0;   }
.index-banner .slideBox .bd ul{ width: 100% !important;}
.index-banner .slideBox .bd li{ 
	width: 100% !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.index-banner .slideBox .bd li a{ display: block; height: 330px;}
.index-banner .slideBox .bd img{ width:100%; height:500px; display:block;  }
.index-banner .slideBox .prev,
.index-banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; filter:alpha(opacity=50);opacity:0.5;   }
.index-banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.index-banner .slideBox .prev:hover,
.index-banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index-banner .slideBox .prevStop{ display:none;  }
.index-banner .slideBox .nextStop{ display:none;  }
.index-message{width: 590px; margin-right:20px; background-color:#fff}
.index-message.nor{margin-right:0px;}

/*内容区*/
.index-main{width: 1200px; padding: 10px; margin: 0 auto; padding-bottom: 20px;margin-top: 14px;}
.theline{width: 100%;display: inline-block;}

.title{width: 100%; height: 45px; line-height:45px; }
.title h2{font-size: 18px; color: #fff; text-indent: 15px;}
#home .title span{padding-right: 15px;}
.title span{color: #fff; font-family:"宋体"}
.title span a{font-size: 14px; color: #fff; font-family:"微软雅黑" }
.title span a:hover{text-decoration:underline;}
.news-list{width: 94%; margin-left:3%}

.index-message-1{width: 100%;}
.index-message .title{background-color: #37779d}
.index-message .news-list li a{ width: 100%;}
.message-content{width: 94%; margin-left:3%;height: 300px; position: relative; }
.message-content img{width: 100%; height: 219px;}
.message-content img:hover{opacity: 0.8; }
.message-content span{position: absolute;bottom: 0; height: 30px; line-height: 30px;background: rgba(0,0,0,.5);width: 370px;padding: 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #fff;left: 0;}
.dynamic .title{background-color: #515264}

.index-campus{width: 1200px;}
.index-campus .title{background-color: #0068b7}
.index-campus .tempWrap{width: 1200px !important;}
.index-campus .picScroll-left{ width:1100px; position:relative;  }
.index-campus .picScroll-left .hd{position: absolute;  z-index: 999;top: 78px;width: 1200px;}

.index-campus .picScroll-left .hd .prev{ position: absolute;left:0;cursor:pointer;  z-index: 9999;background: #fff;opacity: 0.5;width: 20px;height: 34px;}
.index-campus .picScroll-left .hd .next{ position: absolute;right:12px;cursor:pointer;  z-index: 9999;background: #fff;opacity: 0.5;width: 20px;height: 34px;}
.index-campus .picScroll-left .hd .next img{width: 14px;padding-top: 5px; padding-left: 3px;}
.index-campus .picScroll-left .hd .prev img{width: 14px;padding-top: 5px; padding-left: 3px;}
.index-campus .picScroll-left .hd .prev:hover{opacity: 0.9;} 
.index-campus .picScroll-left .hd .next:hover{opacity: 0.9;}
.index-campus .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.index-campus .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.index-campus .picScroll-left .hd ul li.on{ background-position:0 0; }
.index-campus .picScroll-left .bd{}
.index-campus .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.index-campus .picScroll-left .bd ul li{ margin-right: 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.index-campus .picScroll-left .bd ul li .pic{ text-align:center; }
.index-campus .picScroll-left .bd ul li .pic img{ width:282px; height:188px; display:block;}
.index-campus .picScroll-left .bd ul li .pic img:hover{opacity: 0.8; }
.index-campus .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.index-campus .picScroll-left .bd ul li .title-1{height: 30px; background: rgba(0,0,0,.5); line-height: 30px; text-indent: 10px; text-align: left; position: absolute;bottom: 0;width:282px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-campus .picScroll-left .bd ul li .title-1 a{color: #fff;}

.floatRight { float:right; }
.clearFix { clear:both; }

.glimpse-list{width: 950px;display:inline-block;}
.glimpse-list .photo-swipe {width: 1090px; margin-top: 30px;}
.glimpse-list .photo-swipe li{width: 270px; height: 310px; float: left; margin-right: 40px; margin-bottom: 40px; overflow: hidden;position: relative;border:solid 1px #ddd}
.glimpse-list .photo-swipe li img{width: 100%; height:270px; cursor: pointer;   transition: all 0.6s;  }
.glimpse-list .photo-swipe li img:hover{ transform: scale(1.2);  }
.glimpse-list .photo-swipe li span{height: 40px;background:#f1f1f1;left: 0;width: 100%; color: #333; line-height: 40px; padding: 0 10px; overflow: hidden; display:block; text-align:center}

.page{width: 950px;padding-bottom: 40px;display: -webkit-inline-box;text-align: center;}
.page ul{ margin: 0 auto;display: block;}
.page ul li{width:auto; height: 35px; line-height: 35px;float: left; border: 1px solid #d7d7d7; margin: 0 3px; text-align: center; padding:0px 8px;}
.page ul li a{display: block;}
.page ul .on a{background: #0068b7;color: #fff;}
.page ul li a:hover{background: #0068b7;color: #fff;}

.video-img{padding-top: 30px; background-color: inherit !important;}

.hot{width: 400px;}
.hot-title{width: 400px; height: 30px;}
.hot-title font{color: #46b692; }
.hot-title span a{line-height: 30px; display: block;}
.hot-title span a:hover{color: #46b692}
.hot ul{margin-top: 5px;display: inline-block;width: 100%;}
.hot ul li{height: 50px; line-height: 50px; background:#fff url(../images/pic-6.jpg) no-repeat 370px center; width:395px; margin-top: 10px; text-indent: 42px; border-left: 5px solid #46b692}
.hot ul li a{display: block; font-size: 16px;}
.hot ul li a:hover{color: #46b692}
.lnside-news{width: 318px; background: #fff; padding: 30px; margin-top: 30px;min-height: 128px;}
.news-l{margin-left: 28px;}
.lnside-news .title-news{padding-bottom: 10px;display:block;}
.lnside-news h3{font-size: 18px;color: #46b692;}
.lnside-news span{color: #46b692; }
.lnside-news span a{color: #535353; margin-right: 3px;}
.lnside-news span a:hover{text-decoration: none;color: #46b692; }
.lnside-news-lest{width: 100%; display: inline-block; margin-top: 10px;}
.lnside-news-lest li{height: 35px; line-height: 35px; background: url(../images/pic-5.jpg) no-repeat left center; padding-left: 10px;overflow: hidden;}
.lnside-news-lest li a{display: block;}
.lnside-news-lest li a:hover{color: #46b692; }
.survey-notice .hd{height:45px; border-bottom:1px solid #d7d7d7}
.survey-notice .hd li{float:left; display:inline; position:relative; margin-right:39px; height:45px; line-height:45px;color:#666; cursor: pointer;}
.survey-notice .hd li a{font-size: 18px;}
.survey-notice .hd li.on{border-bottom: 1px solid #faa701; color: #0068b7; }
.survey-notice .news-list{display: inline-block; margin-top: 20px; margin-bottom: 40px;}
.survey-notice .news-list ul li{height: 50px; border-bottom: 1px solid #d7d7d7; line-height: 50px; background: inherit; overflow:hidden;}
.survey-notice .news-list ul li i{color:#d63b3f; padding-right:5px;font-size: 18px;}
.survey-notice .news-list ul li a{color: #434343; font-size: 16px;width: 800px; text-indent: 0;}
.survey-notice .news-list ul li span{background: url(../images/list-1.jpg) no-repeat left center; padding-left: 20px;}
.survey-notice .news-list ul li span{
    float: right;
    font-size: 14px;
    color: #666;
}
.survey-notice .news-list ul li a:hover{color: #0068b7;}
.survey-notice .news-img{width: 951px; height: 249px; background: url(../images/pic-02.jpg) no-repeat; margin-top: 20px; margin-bottom: 10px;}

.news-list-details{background: #fff;padding: 35px; margin-bottom: 30px;}
.news-list-details .top-title{text-align: center; padding-bottom: 20px;display:block;}
.news-list-details .top-title h4{font-size: 24px; color: #333; padding-bottom: 20px;}
.news-list-details .top-title span{color: #626262;font-size: 12px;padding-right: 20px;}
.news-list-details .top-title span a{ font-size:12px;}
.news-list-details .imgcon { background-color:#f5f5f5; margin:10px auto; text-align:center; padding:20px;}
.news-list-details .imgcon img{max-width:100%; display:block; margin:0 auto;}
.news-list-details .text { font-size: 14px; line-height: 26px; border-top: 1px solid #d7d7d7; padding-top: 20px; text-align: justify; word-wrap: break-word; }
.news-list-details .text h2, .news-list-details .text h3, .news-list-details .text h4, .news-list-details .text h5, .news-list-details .text h6 { color: #000; line-height: 1.5em; margin: 20px 0 10px 0 }
.news-list-details .text h2 { font-size: 20px; font-weight: 700; }
.news-list-details .text h3 { font-size: 18px; font-weight: 600; }
.news-list-details .text blockquote { padding-left: 10px; border-left: 3px solid #dbdbdb; margin: 0 0 16px 0; }
.news-list-details .text blockquote ol { padding-left: 30px; }
.news-list-details .text blockquote li p { margin: 5px; line-height: 1.5; color: rgb(61, 167, 66); text-indent: 0; }
.news-list-details .text ul, .news-list-details .text ol { margin: 0 0 16px 0; padding-left: 16px; color: #656565 }
.news-list-details .text ul { margin: 0 0 0 0; padding: 8px 15px; list-style-type: disc; }
.news-list-details .text p { color: #434343; font-size: 14px;line-height: 26px;margin-bottom: 16px; }
.news-list-details .text pre { word-wrap: break-word }
.news-list-details .text img { max-width: 800px; width:100%; height: auto; }
.news-list-details .text table { border-top: solid 1px #ddd; border-left: solid 1px #ddd; width: 100%; margin-bottom: 16px }
.news-list-details .text table th { background-color: #f9f9f9; text-align: center }
.news-list-details .text table td, .news-list-details .text table th { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 5px 10px }
.news-list-details .text strong { font-weight: bold; }
.news-list-details .text a { text-decoration: underline; }
.news-list-details .text a, .news-list-details .text a:visited { color: #f9644e; }
.news-list-details .text a:hover, .news-list-details .text a:active { color: #f9644e; }
.news-list-details .text .right{float: right;display: inline-block; padding-top: 40px;}
.text-page{border-top: 1px solid #d7d7d7; margin-top: 20px; padding-top: 10px;}
.text-page-1{width: 100%;height: 30px; line-height: 30px; margin-top: 20px;}
.text-page-1 span{padding: 0 !important;width: inherit !important;}
.pages{width: 80px; height: 30px; background: #dcdcdc;float: left;margin-right: 15px; text-align: center;}
.text-page-1 a{color: #707070;display: block;}
.text-page-1 a:hover{color: #0068b7}


/*在线客服*/
.side{position:fixed;width:40px;height:275px;right:0;top:27%;z-index:100;}
.side ul li{width:40px;height:40px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:40px;height:40px;top:0;right:0;transition:all 0.3s;background:#000;color:#fff;font:14px/54px "微软雅黑";overflow:hidden;line-height: 40px;}
.side ul li .sidebox-1{position:absolute;width:40px;height:120px;top:0;right:0;transition:all 0.3s;background:#d63b3f;color:#fff;overflow:hidden; margin-top: 3px;}
.side ul li .sidebox-1 img{padding-top:10px; padding-left: 10px;  margin-right:5px; }
.side ul li .sidebox-1 span{text-align: center;padding: 5px 13px;display: block;color: #fff; margin-top: 30px;}
.side ul li .sidebox img{padding-top:10px; padding-left: 10px;  margin-right:5px; }
.side ul li .sidetop{width:40px;height:40px;line-height:40px;display:inline-block;background:#0b5c9a;}
.side ul li .sidetop img{padding-top:8px; padding-left:8px;}
.side ul li .sidetop:hover{background:#0c66ab;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.sidebox-d{height: 123px !important;}

.bottom_nav li a:hover{color: #fff;}


.mginb-16 {
    margin-bottom: 16px;
}
.i-sec-wrap {
    background-color: #d63b3f;
}

.f-cb {
    zoom: 1;
}
.i-sec-wrap .img-box {
    width: 64%;
    display: block;
    position: relative;
    overflow: hidden;
}
.fr {
    float: right;
    display: inline;
}
.fl {
    float: left;
    display: inline;
}
.clear{ clear:both;}
.i-sec-wrap .img-box img {
    width: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
	display:block;
}
.i-wrap .up-graybox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; }
.i-wrap .up-graybox .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); }
.i-wrap .up-graybox .stit { font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff; }
.i-wrap .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; margin-top:0px; }
.i-wrap .up-graybox .linet { top: 0; }
.i-wrap .up-graybox .lineb { bottom: 0; }
.i-wrap .up-graybox .out-ico { display: none; width: 26px; height: 26px; position: absolute; right: 20px; top: 20px; }
.i-wrap .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); }
.i-column-wrap .stit { font-size: 26px; line-height: 46px; color: #333; margin-left: -1px; }
.i-column-wrap .line { display: block; width: 10px; height: 2px; background-color: #eb3719; margin-top: 10px; }
.i-column-wrap .mtit { display: block; margin-top: 18px; line-height: 36px; color: #444; font-size: 18px; }
.i-column-wrap .font { display: block; line-height: 24px; font-size: 13px; margin-top: 10px; }
.i-column-wrap dl { max-width: 125px; }
.i-column-wrap dd { background: url(../images/ico_27.png) no-repeat left center; padding-left: 20px; white-space: nowrap; text-align: left;color: #fff; font-size:14px; }
.i-column-wrap .link { display: block; width: 42px; height: 42px; border-radius: 50%; margin-top: 24px; transition: background 0.3s ease 0s; position: relative; overflow: hidden; }
.i-column-wrap .link i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s; }
.i-column-wrap .link .bg { display: block; width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%; overflow: hidden; }
.i-column-wrap.black .stit { color: #333; }
.i-column-wrap.black .stit a { color: #333; }
.i-column-wrap.black .line { background-color: #eb3719; }
.i-column-wrap.black .mtit { color: #444; }
.i-column-wrap.black .mtit a { color: #444; }
.i-column-wrap.black .mtit a:hover { color: #666; }
.i-column-wrap.black .link { border: 1px solid #aaa; }
.i-column-wrap.black .link i { background: url(../images/ico_06.png) no-repeat center; }
.i-column-wrap.white .stit { color: #fff; font-weight: bold; }
.i-column-wrap.white .stit a { color: #fff; }
.i-column-wrap.white .line { background-color: #f9edd4; }
.i-column-wrap.white .mtit { color: #fff; }
.i-column-wrap.white .mtit a { color: #fff; }
.i-column-wrap.white .mtit a:hover { color: #fff; }
.i-column-wrap.white .font { color: #f9edd4; }
.i-column-wrap.white .link { border: 1px solid rgba(255, 255, 255, 0.4); }
.i-column-wrap.white .link i { background: url(../images/ico_05.png) no-repeat center; }

.i-sec-wrap.active .img-box, .i-sec-wrap.active .right-cont {
    margin-top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}
.i-sec-wrap.active .right-cont {
    transition: all 0.3s ease 0.1s;
}
.i-sec-wrap .right-cont {
    width: 29%;
    margin-right: 3.9%;
    color: #fff;
    padding-top: 85px;
}
.i-sec-wrap .right-cont .stit a{
    font-size: 26px;
    line-height: 60px;
}
.i-column-wrap .line {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #eb3719;
    margin-top: 10px;
}
.i-column-wrap .mtit {
    display: block;
    margin-top: 18px;
    line-height: 36px;
    color: #444;
    font-size: 18px;
}
.i-sec-wrap .right-cont .mtit {
    line-height: 28px;
	font-size: 16px;
}
.i-sec-wrap .right-cont .link-box {
    margin: 30px 0px 20px 0px;
}
.i-sec-wrap .right-cont .link-box a {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    font-size: 13px;
    margin-bottom: 14px;
    border: 1px solid #fff;
    padding: 0 12px;
    border-radius: 18px;
    margin-right: 10px;
    color: #fff;
    transition: all 0.3s ease 0s;
    float: left;
}
.i-thi-wrap { background-color: #fff; padding-top: 30px; padding-bottom: 30px; }
.i-thi-wrap .main-wrap { width: 96%; margin: 0 auto; }
.i-thi-wrap .tit-box h4 { font-size: 26px; line-height: 36px; color: #333; font-weight: normal; text-align:center }
.i-thi-wrap .tit-box .intr { line-height: 26px; font-size: 15px; margin-top: 6px; color: #999;; text-align:center }
.i-thi-wrap .nav-box { margin-top: 24px; }
.i-thi-wrap .nav-box .left-link span, .i-thi-wrap .nav-box .left-link a { display: inline-block; float: left; background-color: #f5f5f5; font-size: 14px; line-height: 45px; color: #333; margin-right: 2px; margin-bottom: 2px; cursor: pointer; transition: all 0.5s ease 0s; }
.i-thi-wrap .nav-box .left-link span.cur, .i-thi-wrap .nav-box .left-link span:hover, .i-thi-wrap .nav-box .left-link a.cur, .i-thi-wrap .nav-box .left-link a:hover { background-color: #eb3719 !important; color: #fff; }
.i-thi-wrap .nav-box .left-link .all { font-family: "Base-font"; text-align: center; width: 75px; }
.i-thi-wrap .nav-box .left-link .type-link { padding-left: 16px; padding-right: 16px; }
.i-thi-wrap .nav-box .left-link .type1 { background: url(../images/ico_10.png) no-repeat 20px center #f5f5f5; }
.i-thi-wrap .nav-box .left-link .type2 { background: url(../images/ico_11.png) no-repeat 25px center #f5f5f5; }
.i-thi-wrap .nav-box .left-link .type3 { background: url(../images/ico_12.png) no-repeat 25px center #f5f5f5; }
.i-thi-wrap .nav-box .left-link .type4 { background: url(../images/ico_71.png) no-repeat 25px center #f5f5f5; }
.i-thi-wrap .nav-box .left-link .type1:hover { background: url(../images/ico_10_h.png) no-repeat 20px center #777; }
.i-thi-wrap .nav-box .left-link .type2:hover { background: url(../images/ico_11_h.png) no-repeat 25px center #777; }
.i-thi-wrap .nav-box .left-link .type3:hover { background: url(../images/ico_12_h.png) no-repeat 25px center #777; }
.i-thi-wrap .nav-box .left-link .type4:hover { background: url(../images/ico_71_h.png) no-repeat 25px center #f5f5f5; }
.i-thi-wrap .nav-box .more { display: inline-block; font-size: 14px; line-height: 42px; color: #777; background: url(../images/ico_09.png) no-repeat left center; padding-left: 22px; transition: all 0.3s ease 0s; }
.i-thi-wrap .nav-box .more:hover { color: #000; }
.i-thi-wrap .list-wrap { margin-top: 25px; }
.i-thi-wrap .list-wrap ul { width: 101.25%; }
.i-thi-wrap .list-wrap li { width: 24%; margin-right: 1%; transition: box-shadow 0.3s ease 0s; margin-bottom: 20px; float:left }
.i-thi-wrap .list-wrap .img { display: block; width: 100%; position: relative; overflow: hidden; }
.i-thi-wrap .list-wrap .img img.up-pic { transform: translateZ(0px); transition: transform 0.3s ease 0s; }
.i-thi-wrap .list-wrap .up-graybox { z-index: 3; }
.i-thi-wrap .list-wrap .img:hover img.up-pic { transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s; }
.i-thi-wrap .list-wrap .img:hover .up-graybox { opacity: 1; filter: alpha(opacity=1); }
.i-thi-wrap .list-wrap .cont-wrap { width: 90%; padding: 10px 5%; border: 1px solid #f2f2f2; margin-top: -1px; }
.i-thi-wrap .list-wrap .tit { line-height: 20px;  border-left:solid 4px #d63b3f; padding-left:8px; margin-bottom:8px; }
.i-thi-wrap .list-wrap .tit a { display: inline-block; color: #333;font-size: 18px; }
.i-thi-wrap .list-wrap .intr { display: block; line-height: 22px;height: 44px; font-size: 12px; overflow:hidden; margin-bottom:5px; }
.i-thi-wrap .list-wrap .intr a { display: inline-block; }
.i-thi-wrap .list-wrap .bot-link { display: block; width: 100%; border-top: 1px solid #e5e5e5; line-height: 40px; position: relative; }
.i-thi-wrap .list-wrap .bot-link .stt { font-size: 14px; }
.i-thi-wrap .list-wrap .bot-link .point { display: inline-block; width: 24px; height: 8px; background: url(../images/ico_08.png) no-repeat right center; margin-top: 14px; }
.i-thi-wrap .list-wrap .bot-link:hover a { color: #333; }
.i-thi-wrap .list-wrap .bot-link:hover .point { background: url(../images/ico_08_h.png) no-repeat right center; }
.i-thi-wrap .mobile-scroll { display: none; position: relative; overflow: hidden; padding-bottom: 48px; }
.i-thi-wrap .mobile-scroll ul { width: 100%; }
.i-thi-wrap .mobile-scroll li { margin-right: 0; }
.i-thi-wrap .mobile-scroll .cont-wrap { padding-bottom: 10px; }
img.up-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    *height: auto;
}
.i-fiv-wrap { position: relative; overflow: hidden; }
.i-fiv-wrap ul { width: 101%; }
.i-fiv-wrap li { width: 49%; margin-right: 1%; float:left; }
.i-fiv-wrap .img { display: block; position: relative; overflow: hidden; }
.i-fiv-wrap .img img { width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s; }
.i-fiv-wrap .up-graybox { z-index: 3; }
.i-fiv-wrap .img:hover img { transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s; }
.i-fiv-wrap .img:hover .up-graybox { opacity: 1; filter: alpha(opacity=1); }
.i-fiv-wrap .video-lab { position: absolute; left: 0; top: 0; z-index: 1; }
.i-fiv-wrap .cont-wrap { padding-top: 40px; padding-bottom: 8px; background-color: #fff; width: 100%; }
.i-fiv-wrap .cont-wrap .cont { width: 87.7%; margin: 0 auto; }
.i-fiv-wrap .cont-wrap .tit { line-height: 40px; font-size: 24px; }
.i-fiv-wrap .cont-wrap .tit a { display: block; color: #333; }
.i-fiv-wrap .cont-wrap .intr { display: block; line-height: 30px; font-size: 16px; height: 64px; }
.i-fiv-wrap .cont-wrap .intr a { display: inline-block; color: #666; }
.i-fiv-wrap .cont-wrap .bot-link { line-height: 60px; border-top: 1px solid #e5e5e5; }
.i-fiv-wrap .cont-wrap .bot-link .link { font-size: 14px; }
.i-fiv-wrap .cont-wrap .bot-link .link a { display: inline-block; float: left; }
.i-fiv-wrap .cont-wrap .bot-link .li { float: left; }
.i-fiv-wrap .cont-wrap .bot-link .li i { display: inline-block; width: 1px; height: 8px; background-color: #f4f4f4; margin: 26px 18px 0; float: left; }
.i-fiv-wrap .cont-wrap .bot-link .li:first-child i { display: none; }
.i-fiv-wrap .cont-wrap .bot-link .point { display: inline-block; width: 24px; height: 35px; background: url(../images/ico_08.png) no-repeat center; margin-top: 13px; }
.news-span1{width: 20%;}
.news-span2{width: 80%;}
.news-item2{position: relative;  overflow: hidden;  padding: 10px 0px;  margin: 10px 0; background-color:#f5f5f5}
.news-item2 .news-time{ padding: 0px 0;  border-right: 1px solid #ddd;  text-align: center;  color: #666666;  -webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
.news-action{ padding: 0px 12px 0px 20px; box-sizing: border-box; }
.news-item2 .news-time .news-time-date,.news-item2 .news-time .news-time-date span{ font-size: 22px;}
.news-item2 .news-title{position: relative;  font-size: 18px;  color: #666666;  line-height: 24px;  padding-bottom: 0px;   -webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.news-item2 .news-desc{ font-size: 12px; color: #999999;line-height: 24px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;-webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
.news-item2 .news-tit{position: relative;z-index: 10;}
.news-item2:after { content: ""; background-color:#2c7fe7; position: absolute;top: 0;  left: 0;  width:0;height:100%;  z-index: 0;  display:block ;  -webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;  }
.news-item2:hover:after { width: 100%; }
.news-item2:hover .news-title,.news-item2:hover .news-desc,.news-item2:hover .news-time{ color: #fff;}
.news-item2:hover .news-time .news-time-date span{ color: #fff;}

.p-wrap{width:950px; height:360px; overflow:hidden; background:#eb3719;}
.p-wrap .img-box{width:360px}
.p-wrap .img-box img{width:100%}
.p-wrap .right-con{
	width:540px;
    color: #fff;
    padding: 25px;
}
.p-wrap .right-con .stit{
    font-size: 26px;
    line-height: 60px;
	color: #fff;
}
.p-wrap .right-con .line {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #fff;
    margin-top: 10px;
}
.p-wrap .right-con .mtit {
    display: block;
    margin-top: 18px;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
}
.p-menu{ margin:16px 0px; width:950px; line-height:55px; background-color:#fff;}
.p-menu ul{}
.p-menu ul li{width:12.5%; float:left}
.p-menu ul li a{ font-size:16px; color:#333; display:block;width:100%; text-align:center;}
.p-menu ul li a:hover,.p-menu ul li a.on{ background-color:#d63b3f; color:#fff}
.survey-article{width:900px; padding:25px;}
.p-con{ margin-top:20px;}
.pro-info,dl.pro-info{margin:0; padding:0; height:35px; line-height:35px; margin-bottom:10px; clear:both; font-size:15px;}
.pro-info dt{width:200px; background:#eee; color:#000; text-align:center; float:left;}
.pro-info dd{width:680px; margin-left:10px; float:left;background:#f5f5f5; padding-left:10px}
.survey-article h3{ margin-top:20px;margin-bottom:10px; font-size:16px; color:#333; font-weight:bold; line-height:20px; border-left:solid 5px #d63b3f; padding-left:5px;}
.p-gcimg{ max-width:100%;}
.p-gcimg img{width:650px; float:left;}
.p-zs{ width:200px; float:right; background-color:#fcf2e5;border:dashed 1px #facc95; padding:20px; margin-top:60px;}
.p-zs b{color:#333; font-weight:bold;}
.p-zs span{color:#333; font-weight:400; padding:0px 5px; display:block; line-height:30px;}
.pitch{width:900px;margin:0 auto;padding:20px 20px 0px 20px; color:#fff; margin-left:-16px;}
.pitch .pitch-inner{margin:0;padding:0;clear:both;text-align:center;border:none; width:100%;}
.pitch-inner .good{float:left;width:288px;height:320px;border:1px solid #999;margin-right:15px;transition:all .3s;background-color:#fff}
.pitch-inner .good .hd{display:block;height:59px;padding-top:36px;background-color:#f6f7f9;margin-bottom:12px;position:relative;text-align:center;text-decoration:none}
.pitch-inner .good .hd .tip {width: 126px;height: 20px;font-size: 12px;color: #fff;line-height: 20px;background-color: #ff8a00;position: absolute;left: 50%;top: -1px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.pitch-inner .good .hd .h2{font-size:18px;color:#373d41;line-height:24px}
.pitch-inner .good .col{width:212.5px;height:212.5px;overflow:hidden;margin:0 auto;padding:0 12px;margin-bottom:12px;}
.pitch-inner .good .col img{margin:0 auto; padding:0; width:100%; height:auto; border:none; display:block;}
.pitch-inner .good .button{display:none}
.pitch-inner .good .button p{text-decoration:none;display:block;width:100%;height:28px;line-height:28px;text-align:center;font-size:16px;color:#fff;background:#00c1de;}
.pitch-inner .good .button img,.pitch-lcd{margin:0; padding:0; margin-top:5px; width:100%; height:auto; border:0; display:block;}
.pitch-inner .good{height:580px;border:1px solid #00c1de;box-shadow:0 0 10px 5px rgba(0,193,222,.2)}
.pitch-inner .good .hd{background-color:#00c1de}
.pitch-inner .good .hd .h2,.pitch-inner .good .hd .more,.pitch-inner .good .hd .t1{color:#fff}
.pitch-inner .good .button{display:block}
.pitch-inner .good .button a{background:#33cde5;transition:all .3s}
.pitch-inner .last{margin-right:0;}
.zebra-material{margin:0; padding:0; margin-top:20px; width:100%;list-style:none;}
.zebra-material li{margin:0; padding:0; width:440px; border:none; display:inline;}
.zebra-material li span{margin:0; padding:2px; width:434px;height:294px;border:1px solid #ddd; text-align:center;transition:all .3s;background-color:#fff; display:block;}
.zebra-material li span img{margin:0 auto; width:430px; height:290px; display:block;}
.zebra-material li p{padding:5px 0 10px 0; text-align:center; font-size:16px; line-height:28px; height:28px; clear:both; display:block;}
.zebra-material li:hover{background:#33cde5;}
.zebra-material li:hover span{border:1px solid #00c1de;box-shadow:0 0 10px 5px rgba(0,193,222,.2)}
.zebra-material li:hover p{color:#fff; font-weight:bold;}
.zebra-temperature{margin:0; padding:0; margin-top:20px; width:100%; list-style:none; float:left;}
.zebra-temperature li{margin:0; padding:0; width:440px; border:none; display:inline;}
.zebra-temperature li span{margin:0; padding:2px; width:434px;height:354px;border:1px solid #ddd; text-align:center;transition:all .3s;background-color:#fff; display:block;}
.zebra-temperature li span img{margin:0 auto; width:410px; height:333px; padding:10px 10px; display:block;}
.zebra-temperature li p{padding:5px 0; text-align:center; font-size:16px; line-height:28px; height:28px; clear:both; display:block;}
.zebra-temperature li p.t-en,.zebra-temperature li .t-en{margin:0; padding:0; margin-top:-12px; font-size:12px; display:block;}
.zebra-temperature li:hover{background:#33cde5;}
.zebra-temperature li:hover span{border:1px solid #00c1de;box-shadow:0 0 10px 5px rgba(0,193,222,.2)}
.zebra-temperature li:hover p{color:#fff; font-weight:bold;}
.item-table{border-collapse: collapse;font-size: 14px;margin: 20px 0px;width: 100%;}
.item-table th, .item-table td{border: 1px solid #999;padding:8px;vertical-align: middle;line-height: 18px;white-space: nowrap;word-break: break-all;word-wrap: break-word;color: #666;color:#666 !important}
.item-table th{background: #eee;font-weight: bold; text-align:center;color: #333;color:#333 !important}
.item-table td{text-align:center;}
.item-table .table-space,th.table-space,td.table-space{background: #eee;}
.item-table .table-title{background: #eee;line-height: 18px;text-align: center;vertical-align: middle;}
.iqc{width:100px;margin:0 auto;padding:0; color:#fff; float:right}
.iqc .iqc-good{width:100px;height:100px;border:1px solid #999;margin-bottom:12px; transition:all .3s;background-color:#fff}
.iqc .iqc-good img{margin:0 auto; padding:0; width:100%; height:auto; border:none; display:block;}
.iqc .iqc-good:hover{height:100px;border:1px solid #00c1de;box-shadow:0 0 10px 5px rgba(0,193,222,.2)}
.zebra-packing{margin:0; padding:0; margin-top:18px; width:100%; list-style:none; float:left;}
.zebra-packing li{margin:0; padding:0; width:440px; border:none; display:inline;}
.zebra-packing li span{margin:0; padding:0px; width:438px;height:438px;border:1px solid #ccc; text-align:center;transition:all .3s;background-color:#fff; display:block;}
.zebra-packing li span img{margin:0 auto; width:100%; height:100%; display:block;}
.zebra-packing li p{padding:5px 0 10px 0; text-align:center; font-size:16px; line-height:28px; height:28px; clear:both; display:block;}
.zebra-packing li{background:#33cde5;}
.zebra-packing li span{border:1px solid #00c1de;box-shadow:0 0 10px 5px rgba(0,193,222,.2)}
.zebra-packing li p{color:#fff; font-weight:bold;}
.ul-list li {
    margin-bottom: 12px;
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 12px;
}
.tips {
    padding-left: 7px;
    padding-top: 29px;
    padding-bottom: 29px;
    border: #e8e8e8 1px dashed;
    border-left: 3px solid #ffb800;
    background-color: #fdf9e1;
}
a.down{ margin:20px auto; width:120px; background-color:#d63b3f; line-height:40px; text-align:center; font-size:16px;color:#fff; display:block; border-radius:5px;}
.feedback{background-color:#fff; padding:50px 20px; box-sizing:border-box}
.feedback .form-group{ margin-bottom:10px; clear:both; font-size:16px; color:#333;}
.feedback .form-group .label{width:200px; float:left; text-align:right; line-height:40px;}
.feedback .form-group .field{width:500px; float:left; text-align:left; margin-left:10px;}
.feedback .form-group .field .input{ border:solid 1px #ddd; background-color:#fff; width:400px; padding:10px; line-height:18px; color:#333;font-size:16px;}
.feedback .form-group .field .form-select{ border:solid 1px #ddd; background-color:#fff; width:422px; padding:9px; line-height:20px; color:#333;font-size:16px;}
.vercode-left{width:280px; float:left;}
.feedback .form-group .field .vercode-left .input{width:250px;font-size:16px;}
.vercode-right{width:120px; float:left; margin-left:10px;}
.feedback .form-group .submit{width:120px; background-color:#d63b3f; line-height:40px; text-align:center; font-size:16px;color:#fff; display:block; border-radius:5px; border:0px;}

.you_weixin{position: fixed;top: 70%;right:0;z-index: 100;height:120px;width: 100px;}
.you_weixin img{display:block; width:100%;}
.totop{border:none;display:none}

.i-thi-wrap .list-wrap li.kh { width:15.6%; margin-bottom:0; margin-right: 1%; transition: box-shadow 0.3s ease 0s; float:left }
.i-thi-wrap .list-wrap li.kh2 { width:15.6%; margin-bottom:0; margin-right: 0; transition: box-shadow 0.3s ease 0s; float:left }
.i-thi-wrap .list-wrap li.kh img,.i-thi-wrap .list-wrap li.kh2 img{width:100%;}
.i-sec-wrap.hscc{background-color:#0068b7}
.i-sec-wrap.active .right-cont.hsc{width:31%;margin-left:3.2%; margin-right:0px;}
.i-sec-wrap.active .right-cont.hb{background-color:#0068b7;width:100%;padding-top:25px; text-align:center}
.i-column-wrap.hb .line{margin:0 auto; float:none}
.i-column-wrap.hb .mtit{margin-bottom:25px; margin-top:5px;}

.newstip{ margin-top:30px; background-color:#f5f5f5; padding:10px; color:#434343;}


@media (max-width: 1200px){
.index-banner .slideBox {
    min-width: 980px;
}
.index-main,.index-campus{width:980px;}
.i-sec-wrap .right-cont{padding-top:50px;}
.i-sec-wrap .right-cont .mtit{font-size:14px;line-height: 25px}
.i-sec-wrap .right-cont .link-box a {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    font-size: 12px;
    margin-bottom: 14px;
    border: 1px solid #fff;
    padding: 0 8px;
    border-radius: 18px;
    margin-right: 8px;
    color: #fff;
    transition: all 0.3s ease 0s;
    float: left;
}
.i-thi-wrap .tit-box .intr{font-size:12px;}
.index-message {width: 480px;}
.i-fiv-wrap .cont-wrap .intr {
    display: block;
    line-height: 20px;
    font-size: 14px;
    height: 40px;
	overflow:hidden;
}
.index-campus .picScroll-left{width:980px;}
.index-campus .tempWrap{width:980px!important;}
.index-campus .picScroll-left .hd{width:980px;}
.index-campus .picScroll-left .hd .next{right:0px;}
.index-campus .picScroll-left .bd ul li .pic img{width:230px;height:172.5px;}
.survey-title{padding-left:15px;width:765px;}
.survey-article {
    width: 725px;
    padding: 20px;
}
.pitch{width:740px;margin:0 auto;padding:15px 15px 0px 15px; color:#fff; margin-left:-16px;}
.pitch .pitch-inner{margin:0;padding:0;clear:both;text-align:center;border:none; width:100%;}
.pitch-inner .good{float:left;width:230px;border:1px solid #999;margin-right:10px;transition:all .3s;background-color:#fff}
.zebra-material li,.zebra-temperature li,.zebra-packing li{width: 350px;}
.zebra-material li span,.zebra-temperature li span,.zebra-packing li span{width: 350px;height:auto;}
.zebra-material li span img,.zebra-temperature li span img,.zebra-packing li span img{width: 350px;height: auto;}
.wrapper-page-img img{width:550px;}
.iqc .iqc-good{width:80px;height:80px;}
.glimpse-list{width:740px;}
.glimpse-list .photo-swipe{width:740px;}
.glimpse-list .photo-swipe li{width: 232px;height: 232px;margin-right: 10px;margin-bottom: 15px;}
.glimpse-list .photo-swipe li img{width: 232px;height: 232px;}
.p-menu{width:765px;}
.pro-info dd{width:500px;}
.p-gcimg img{width:450px;}
.p-zs{margin-top:20px;}
}
/*768-720-640-480-414-411*/
@media (max-width: 769px){
.nav .nli.home{display:none;}
.index-banner .slideBox {
    min-width: 100%;
}
.index-main,.index-campus{width:100%; padding:0px;}
.i-sec-wrap .img-box{width:100%;}
.i-sec-wrap .right-cont{padding-top:50px;width:100%; margin-right:0px; padding-left:50px; box-sizing:border-box; padding-bottom:30px;}
.i-thi-wrap .list-wrap .tit a{ font-size:16px;}
.i-sec-wrap .right-cont .mtit{font-size:14px;line-height: 25px}
.i-sec-wrap .right-cont .link-box a {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    font-size: 12px;
    margin-bottom: 14px;
    border: 1px solid #fff;
    padding: 0 8px;
    border-radius: 18px;
    margin-right: 8px;
    color: #fff;
    transition: all 0.3s ease 0s;
    float: left;
}
.i-thi-wrap .tit-box .intr{font-size:12px;}
.index-message {width: 48%;}
.i-fiv-wrap .cont-wrap .intr {
    display: block;
    line-height: 20px;
    font-size: 14px;
    height: 40px;
	overflow:hidden;
}
.index-campus .picScroll-left{width:100%;}
.index-campus .tempWrap{width:100%!important;}
.index-campus .picScroll-left .hd{width:100%;}
.index-campus .picScroll-left .hd .next{right:0px;}
.index-campus .picScroll-left .bd ul li .pic img{width:230px;height:172.5px;}
.survey-title{width:98%; margin:0px 1%; padding:0px;}
.survey-article {
    width: 725px;
    padding: 20px;
}
.pitch{width:740px;margin:0 auto;padding:15px 15px 0px 15px; color:#fff; margin-left:-16px;}
.pitch .pitch-inner{margin:0;padding:0;clear:both;text-align:center;border:none; width:100%;}
.pitch-inner .good{float:left;width:230px;border:1px solid #999;margin-right:10px;transition:all .3s;background-color:#fff}
.zebra-material li,.zebra-temperature li,.zebra-packing li{width: 350px;}
.zebra-material li span,.zebra-temperature li span,.zebra-packing li span{width: 350px;height:auto;}
.zebra-material li span img,.zebra-temperature li span img,.zebra-packing li span img{width: 350px;height: auto;}
.wrapper-page-img img{width:550px;}
.iqc .iqc-good{width:80px;height:80px;}
.glimpse-list{width:740px;}
.glimpse-list .photo-swipe{width:740px;}
.glimpse-list .photo-swipe li{width: 232px;height: 232px;margin-right: 10px;margin-bottom: 15px;}
.glimpse-list .photo-swipe li img{width: 232px;height: 232px;}
.p-menu{width:765px;}
.pro-info dd{width:500px;}
.p-gcimg img{width:450px;}
.p-zs{margin-top:20px;}
.i-sec-wrap.active .right-cont.hsc{width:100%; margin-left:0px; padding-left:20px; box-sizing:border-box;}
.page{width:100%; padding-bottom:20px;}
.page ul{padding:0px; margin:0px;}
.page ul li{ margin:2px; padding:0px 6px;}
.survey-notice .news-list ul li a{width:600px;}
}
/*640*/
@media (max-width: 640px){
.top{display:none;}
.i-fiv-wrap li{width:100%;}
.i-sec-wrap .right-cont{ padding-top:30px;padding-left:20px;}
.i-thi-wrap .list-wrap li{width:48%; margin-right:2%;}
.i-thi-wrap .list-wrap .tit{height:20px; overflow:hidden;}
.i-thi-wrap .list-wrap .tit a{font-size:14px;}
.index-message{width:100%;}
.i-thi-wrap .list-wrap li.kh,.i-thi-wrap .list-wrap li.kh2{width:32%; margin-right:1.333%;}
.survey-article{width:100%; padding:10px; box-sizing:border-box}
.pitch{width:100%;}
.pitch-inner .good{width:100%; height:auto;}
.zebra-material li, .zebra-temperature li, .zebra-packing li{width:100%;}
.item-table{
	display: -webkit-box;
    white-space: nowrap;
    overflow: hidden;
	text-align: justify;
    overflow-x: initial;
}
.wrapper-page-img img{width:100%;}
.p-zs{width:96%; margin-left:2%; }
.zebra-material li span, .zebra-temperature li span, .zebra-packing li span{width:100%;}
.zebra-material li span img, .zebra-temperature li span img, .zebra-packing li span img{width:100%;}
.glimpse-list,.glimpse-list .photo-swipe{width:100%;}
.glimpse-list .photo-swipe li{width:48%; margin:1%; box-sizing:border-box}
.glimpse-list .photo-swipe li img{width:100%; height:auto;}
.p-menu{width:100%;}
.p-menu ul li{width:25%;}
.pro-info dt{width:100%; text-align:left; padding-left:10px; box-sizing:border-box}
.pro-info dd{width:100%; text-align:left; padding-left:10px; box-sizing:border-box; margin-left:0px;}
.p-gcimg img{width:100%;}
.survey-notice .news-list ul li a{width:200px; display:block; float:left; height:50px; overflow:hidden; box-sizing:border-box;}
.survey-notice .news-list ul li i{display:block;width:18px; float:left; margin-right:0px; margin-top:16px;}
.feedback{ padding:20px;}
.feedback .form-group .label{width:20%;}
.feedback .form-group .field{width:78%; margin-left:2%;}
.feedback .form-group .field .form-select{width:100%; box-sizing:border-box}
.feedback .form-group .field .input{width:100%; box-sizing:border-box}
.vercode-left{width:50%;}
.feedback .form-group .field .vercode-left .input{width:100%;}
}
/*375-360-320*/
@media (max-width: 380px){
	.vercode-left{width:40%;}
	.feedback .form-group .submit{width:100%;}
}
@media (max-width: 320px){
}