@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;}
body{font: 12px/1.5  '΢ÈíÑźÚ','Microsoft YaHei',Arial,sans-serif; color:#6a6a6a; -webkit-text-size-adjust:none; background:#f5f5f5;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal; font-family:"Microsoft YaHei";}
fieldset, img{border:0}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
ol, ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
label{cursor:default}
input,textarea{ outline:none}
a{text-decoration:none; cursor:pointer;}
a{color:inherit;}
a:link{text-decoration:none;}
.fleft, .uleft li{float:left; display:inline}
.fright{float:right; display:inline}
.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
.layout{max-width: 1200px;margin:0 auto;padding: 0 10px;}
@media screen and (max-width:1199px){
.layout{ width: 94%;padding: 0 0;}
}
.fl { float: left}
.fr { float: right}
img{-ms-interpolation-mode:bicubic}
/*reset*/



/*header*/
#warpper{width:100%;position:relative;overflow-x:hidden;}
.header{width:100%;height:auto;position:relative; background:#fff;}
.header .tou{ height:100px;}
.header .tou .layout{ position:relative; height:auto;text-align:left;}
/*nav*/
.header .nav{width:100%;position:relative;font-size:0;text-align: center;}
.header .nav li{ display:inline-block;*display:inline;zoom:1;position:relative;z-index:5;text-align:center;top: -5px;}
.header .nav li>a{display:block;line-height:30px;font-size:14px;color:#1e2831;margin:0 22px;padding:35px 5px;position:relative;}
.header .nav li>a:after {content:'';bottom:0;position:absolute;display:block;width:0;left:0;height:3px;background:url(/images/line.png) no-repeat center bottom;transition:all .4s;}
.header .nav li.cur>a:after,
.header .nav li>a:hover:after {width:100%;}
.menubg_cur{position: absolute;top:0;left:0;z-index:2;width:150px;height:42px;background-color:#b39a71;}
.nav li .nav-body{ width:180px !important; height:auto !important; position:absolute;left:50%; margin-left:-90px; z-index:100; opacity:0; filter:alpha(opacity=0); background-color:#fff;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);display: none; top: 110px;}
.nav-body p{min-width:150px;}
.nav-body p a{color:#545454;display:block;font-size:14px;line-height:30px;padding:5px 20px;text-decoration:none;text-transform:uppercase;position:relative;}
.nav-body p:hover a{color:#1f7ba7;}
.header .nav li{}
.header .logo{margin:0 auto; width:365px;padding:40px 0;display:inline-block; /*position:absolute; left:0;right:0; top:0;*/text-align:center; z-index:2;}




.head{ display:none;}
@media screen and (max-width:1150px){
.header .nav li>a{margin-left:30px;}	
}
@media screen and (max-width:1024px){
.header{ display:none;}
.head .head_content,header.head {top: 0;width: 100%;background-color: #fff;left: 0;z-index: 999; display:block;}
.bd,.ft,.hd {display: inline-block;vertical-align: middle}header.head {position: fixed;height: 86px;}
.head .head_content {position: absolute;border-bottom: 1px solid #fff}
.f_menu .f_menu_box>li>a,.footer .f_menu,.head .nav_box .sub_menu>li {border-bottom: 2px solid #b6b2b2;}
.head .hd img {height: 44px;margin: 18px 0 18px 25px;}
.head .menu a {display: inline-block;width: 30px;height: 30px;margin: 0;position: relative;margin: 25px 25px 25px 0;}
.head .menu span {display: block;width: 30px;height: 2px;background:#2878a4;background-size: cover;transition: -webkit-transform .5s ease;transition: transform .5s ease;}
.head .nav_box .menu_box>li,.head nav {width: 100%}
.head .menu .menu_top {position: absolute;top: 2px;right: 0}
.head .menu .menu_mid {position: absolute;top: 9px;right: 0;opacity: 1}
.head .menu .menu_bot {position: absolute;top: 16px;right: 0}
.head .menu span.menu_top_r {-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);-webkit-transform-origin: center;transform-origin: center}
.head .menu .menu_mid_r {opacity: 0}
.head .menu .menu_bot_r {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);-webkit-transform-origin: center;transform-origin: center}
.head nav {position: absolute;top: 0;left: 0;background-color: #a9a9a9;display: none;height: 100vh;overflow: auto;}
.head .nav_box .menu_box {padding: 100px 3%;}
.head .nav_box .menu_box>li>a {display: block;width: 100%;height: 50px;line-height: 50px;border-bottom: 2px solid #b6b2b2;color: #fff;font-size: 18px;position: relative;}
.head .nav_box .menu_box>li>a>i {display: inline-block;width: .16rem;height: .16rem;margin: .36rem .18rem 0 .1rem;background: url(/images/dot_gray-139f9433af.png) no-repeat;background-size: cover}
.head .nav_box .menu_box>li>a>i.menu_active {background: url(/images/dot_blue-321121688a.png) no-repeat;background-size: cover}
.head .nav_box .menu_box>li>a>span.sub_menu_active {background: url(/images/reduce-9e56e00c74.png) center no-repeat;background-size: contain}
.head .nav_box .menu_box>li>a>span {display: inline-block;width: 30px;height: 30px;margin-top: 10px;margin-right: 10px;background: url(/images/plus-7e66698af2.png) no-repeat;background-size: contain;}
.menu_show,.menu_show body {overflow: hidden}
.menu_show body {position: relative;height: 100%}
.head .nav_box .sub_menu {margin: 0;display: none}
.head .nav_box .sub_menu>li {height: 50px;line-height: 50px;}
.head .nav_box .sub_menu>li span {display: inline-block;width: 10px;height: 15px;margin-top: 0px;margin-right: 10px;margin-left: 10px;background: url(/images/arrow_gray-8dd497e41b.png) no-repeat;background-size: cover;}
.f_menu .f_menu_box>li,.footer {width: 100%}
.head .nav_box .sub_menu>li a {display: block;height: 100%;color: #f9f9f9;font-size: 16px;}

}











/*banner*/
.banner1{position: relative;}
#indexbanner1{ height:auto;overflow: hidden;}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto}
.banner1 .slick-dots{width:26px; position:absolute; left:3%; top:50%; z-index:10; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.banner1 .slick-dots li{width:100%; height:1px; background-color:#bcd9fc; font-size:0; margin:10px 0px; position:relative; cursor:pointer;}
.banner1 .slick-dots li button{width:0; height:1px; position:absolute; right:0; top:0; border:none; background-color:#fff; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.banner1 .slick-dots li.slick-active button{width:45px;}
.TouchSlide{ display:none}
@media screen and (max-width:1024px){
.banner1{ display:none;}	
/*m_Banner*/
.TouchSlide{width:100%;position: relative; height:auto;  margin:0 auto; overflow:hidden; display:block;padding-top:86px;}
.TouchSlide .bd{position:relative; z-index:0;text-align:center;width:100%;}
.TouchSlide .bd li{width:100%;margin-bottom:1em;}
.TouchSlide .bd li img{width:100%;}
.TouchSlide .bd li a{ display:block;}
.TouchSlide .hd {width:100%;position:absolute;z-index:1;bottom:3.125vw;text-align:center;}
.TouchSlide .hd ul li{border:1px solid #fff;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:5px;height:5px;margin:0 0.5em;overflow:hidden;line-height:999px;border-radius:50%;}
.TouchSlide .hd ul li.on{background: #fff;}
}





/****************footer start******************/
.footer { background:#ffffff; position:relative;}
.footer .footer_nav{min-height:44px;font-size:12px;overflow:hidden;width:100%;height:auto;padding: 78px 0 65px 0;}
.footer .footer_nav .left{overflow:hidden;float:left;font-size:12px;line-height:26px;color:#5d6371; width:600px;}
.footer .footer_nav .left ul{height:auto;width:170px;float:left;}
.footer .footer_nav .left ul li{list-style-type:none;display:block;line-height:0;padding:0;margin:0;}
.footer .footer_nav .left ul.ul2{ font-size:0; width:360px; text-align:left;}
.footer .footer_nav .left ul.ul2 .ulB{ display:inline-block;*display:inline;zoom:1;width:120px; text-align:center; float:left;}
.footer .footer_nav .left ul.ul2 .t1{width:120px;}
.footer .footer_nav .t1{font-size:16px;margin-bottom: 14px;color:#000000; text-align:center;}
.footer .footer_nav .t1 a{display:inline-block;color:#000000;padding-left:10px;background:url(/images/line2.png) no-repeat left center;}
.footer .footer_nav .t2{font-size:12px; text-align:center;}
.footer .footer_nav .t2 a{font-size:12px;display: inline-block;overflow:hidden;height:30px;line-height:30px;color:#000000; position:relative; overflow:hidden;}
.footer .footer_nav .t2 a:hover,.footer .footer_nav .t1 a:hover{color:#2878a4;}
.footer .footer_nav .center{overflow:hidden;float:left;font-size:13px;line-height:30px;color:#000000; width:450px;}
.footer .footer_nav .center .bottom-logo{margin-bottom:10px;}
.footer .footer_nav .center .t1{margin-bottom:8px;}
.footer .footer_nav .right{overflow:hidden;float:right;width:115px;color:#000000;}
.footer .bq .beian{margin-left:10px;}
.footer .bq{overflow:hidden;width:100%;font-size:12px;line-height:30px;color:#000000;position:relative; background:#fafafa;padding:15px 0 15px 0; text-align:center;}
.footer .bq a{color:#000;}
.footer .bq a:hover{color:#2878a4}

@media screen and (max-width:1210px) {
.footer .footer_nav .left{width:55%;}
.footer .footer_nav .left ul{width:25%;}
.footer .footer_nav .right{width:230px;}
.footer .footer_nav .center{width:calc(45% - 230px);}
}
@media screen and (max-width:1024px) {
.footer .footer_nav .t2 a:after{margin-left:5px;}
.footer .footer_nav .t1 a{ display:block;}
.footer .footer_nav .left{width:100%; display:none;}
.footer .footer_nav .left ul{width:100%; text-align:center;}
.footer .footer_nav .left ul .ulB{display: none;}
.footer .footer_nav .share{ text-align:center;}
.footer .footer_nav .share ul{display:inline-block;margin-bottom: 30px;margin:0 auto;}
.footer .footer_nav .right{width:100%; text-align:center;}
.footer .bq .bqname,.footer .bq .beian{width:100%;text-align: center;}
.footer .footer_nav{padding:50px 0 30px 0;}
.footer .footer_nav .center{ float:none; width:100%;margin-bottom:30px;}
.footer .footer_nav .center .centerBox{padding-left:0px;border-left:none; text-align:center;}
}







/*Service*/
.Service-box {-ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-top:-105px; position:relative; z-index:2;}
.Servicelist {margin: 0 auto; padding: 0; font-size:0; background:#fcfdfe;}
.Service-item {display: block;width:25%;padding:0;text-align: center;float: left;margin:0;box-sizing: border-box;text-align:left;-webkit-transition: all 160ms;transition: all 160ms;}
.Service-content .Service-item {-webkit-transition: all 160ms;transition: all 160ms;}
.Service-item  a{ display:block;padding:23px 30px 23px 50px;border-top:0;border-bottom:0;font-size:0; position:relative;text-align: center;}
.Service-item .item-image {display: inline-block;*display: inline;zoom:1;height: 60px;width: 74px;line-height: 60px;text-align:left;margin: 0; }
.Service-item .item-image img {display: inline-block;max-width:100%; vertical-align:middle; }
.Service-item .item-info{display: inline-block;height: 52px;padding:4px 0; vertical-align:middle;text-align:left;}
.Service-item .item-title { font-size: 16px;line-height: 26px;color: #545454; padding: 0;overflow: hidden;}
.Service-item .item-text {  font-size: 12px;line-height: 26px;color: #b5b5b6; overflow: hidden; text-transform:uppercase;}
.Service-item:hover {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
@media screen and (max-width:1200px){
	.Service-item  a{padding:23px 30px 23px 30px;}
}
@media screen and (max-width:1024px){
     .Service-box { margin-top:0; background:#fff;}
	.Service-item {width:25%;text-align:center;}	
	.Service-item .item-info{width:148px;  width:100%;text-align:center;}
	.Service-item .item-image { text-align:center;margin: 0 auto; }
}
@media screen and (max-width:790px){
	.Service-item {width:25%;text-align:center;}	
	.Service-item .item-info{width:148px;text-align:left; width:100%;text-align:center; }
	.Service-item:hover {  box-shadow: none; border-bottom:1px solid #e8e8e8;}
	.Service-item a{padding:30px 15px;}
	.Service-item .item-image { text-align:center;margin: 0 auto; }
    .Service-item .item-image img {max-width:45px;}

}
@media screen and (max-width:640px){
	.Service-item a{padding:15px 1.5%;}
	.Service-item .item-title { font-size: 14px;line-height: 24px;}
   .Service-item .item-text {  font-size: 12px;line-height: 24px;}
}
@media screen and (max-width:550px){
	.Service-item .item-info{text-align:center; width:100%;}
}
@media screen and (max-width:350px){
	.Service-box .layout{ width:100%!important;}
	.Service-item a{padding:15px 0;}
	.Service-item .item-title { font-size: 12px;}
   .Service-item .item-text {  font-size: 1.875vw;}
}


@media screen and (min-width:1025px){
.Service-box {
	z-index:2;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0,0,0);
    -webkit-transform: rotateX(0deg) translate3d(0,0,0);
    -moz-transform: rotateX(0deg) translate3d(0,0,0);
    transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
}
.Service-box.active {
    transform: rotateX(90deg) translate3d(0,0,0);
    -webkit-transform: rotateX(90deg) translate3d(0,0,0);
    -moz-transform: rotateX(90deg) translate3d(0,0,0);
}

}




/*titleBox*/
.titleNr{position:relative;}
.titleBig a{display:inline-block;line-height:30px;}
.titleBig .en{color: #000000;font-size:14px;margin:0 auto;display:inline-block;font-style:300;font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","΢ÈíÑźÚ",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; text-transform:uppercase; line-height:30px;}
.titleBig .cn{color: #000000;font-size:20px;margin:0 auto;display:inline-block;font-style: normal;line-height:30px;margin-right:13px;}
.titlewz{color: #545454;font-size:14px; line-height:26px;margin:0 auto;display:block;font-style: normal; text-align:center;margin-top:15px;}
.titleNr .more{ position:absolute; top:0;right:0;}
.more a{display:block; width:30px;margin: 0 auto;padding: 0 10px;line-height:24px;border-right: none;text-align:left;color:#1274a3;font-size:12px; position:relative;border-radius:24px;border:1px solid #1274a3; text-align:center;}
.more a span{ display:inline-block;float:right;}
.more a:hover{ background:#1274a3; color:#fff;}
@media screen and (max-width:790px) {	
.more a{ background:#1274a3; color:#fff;}
}

.cover {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 400ms;-webkit-transition: 400ms;}

/*.index-newsBox*/
.index-news{padding-top:50px;padding-bottom:54px;}
.index-newsBox{ width:760px;margin-right:20px; float:left;}
.index-newsBox .index-newsCon{padding:0;background:#fff;margin-top:23px;max-height:390px; }
.index-newsBox .newsList{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;}
.index-newsBox .newsList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;position: relative;}
.index-newsBox .newsList li a{display:block;}
.index-newsBox .newsList li .ImgBox{width:50%;height:390px;overflow:hidden; float:left;}
.index-newsBox .newsList li .ImgBox img{max-width:100%;max-height:100%; width:100%;}
.index-newsBox .newsList li .ImgBox img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.index-newsBox .newsList li:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.index-newsBox .newsList li .listTitle{overflow:hidden;display:block;padding:0;line-height:34px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;}
.index-newsBox .newsList li .listTitle .listTitleBox{padding:46px 40px;}
.index-newsBox .newsList li .listTitle .t{font-size: 18px;color:#000000;height:68px;line-height:34px; overflow:hidden;}
.index-newsBox .newsList li .listTitle .t2{font-size: 13px;color:#000000;height:72px;line-height:24px; overflow:hidden;margin-bottom:38px;margin-top:53px;}
.index-newsBox .newsList li .listTitle .listDate{font-size:13px; color:#000000;margin-bottom:17px;}
.index-newsBox .newsList li .listTitle .more2{ width:100%;text-align:right; float:right; font-size:12px; color:#000000;}
.index-newsBox .newsList li .cover {opacity:0; visibility:hidden;}
.index-newsBox .newsList li a:hover{box-shadow: 0 15px 15px rgba(0,0,0,.1);}
.index-newsBox .newsList li a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.1); }
/*.index-newsBox .newsList li a:hover .listTitle .t,
.index-newsBox .newsList li a:hover .listTitle .listDate,
.index-newsBox .newsList li a:hover .listTitle .more2{ color:#2878a4;}*/

@media screen and (max-width:1220px) {	
.index-newsBox{ width:63%;margin-right:2%;}
.index-newsBox .newsList li .ImgBox img{height:100%; width:100%;}
}
@media screen and (max-width:1024px) {	
.index-news{padding-top:30px;padding-bottom:30px;}
.index-newsBox{ width:100%;margin-right:0px; float:none;}
.index-newsBox .index-newsCon{max-height:100%; }
}
@media screen and (max-width:790px) {
.index-newsBox .newsList li a{margin-right:0;}
.index-newsBox .newsList li .ImgBox{width:100%;height:auto; display:block; float:none;}
.index-newsBox .newsList li .ImgBox img{max-width: 100%;max-height:100%;width: 100%;}
.index-newsBox .newsList li .listTitle .listTitleBox{padding:30px 3%;}
.index-newsBox .newsList li .listTitle .t{font-size: 16px;height:auto;max-height:68px;line-height:34px;}
.index-newsBox .newsList li .listTitle .t2{font-size: 13px;height:auto;max-height:72px;line-height:24px;margin-bottom:15px;margin-top:15px;}
.index-newsBox .newsList li .listTitle .more2{float:none;}
}
@media screen and (max-width:350px) {	
.index-newsBox .newsList{width:100%;}
.index-newsBox .newsList li{width:100%;margin-right:0;}
.index-newsBox .newsList li .listTitle{padding:10px;}
.index-newsBox .newsList li .listTitle{padding-top:60px;}
}









/*index-newsBox2*/
.index-newsBox2{ width:420px;float:left;overflow:hidden;}
.index-newsBox2 .index-newsCon2{padding:50px 34px;background:#fff;margin-top:23px;max-height:290px; }
.qaList{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;}
.qaList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;position: relative;padding:0px 0 0px 0;border-bottom:1px solid #e3e1e1;margin-bottom:23px;}
.qaList li a{display:block; background:#fff;}
.qaList li .listTitle{overflow:hidden;display:block;padding:0;line-height:34px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;margin-bottom:23px;}
.qaList li .listTitle .t2{ display:block;font-size: 16px;color:#000000;height:30px;line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left:20px; position:relative;}
.qaList li .listTitle .t2:before{ content:"";display:inline-block; width:5px;height:5px;border-radius:50%; background:#1f7ba7; position:absolute; top:50%; left:0;margin-top:-2.5px;}
.qaList li .listTitle .t3{ display:block;font-size: 13px;color:#000000;height:26px;line-height:26px; overflow:hidden;}
.qaList li a:hover .listTitle .t2{ color:#1f7ba7;}
.qaList li a:hover .listTitle .t3{ color:#555;}
@media screen and (max-width:1220px) {	
.index-newsBox2{ width:35%;}
}
@media screen and (max-width:1024px) {	
.index-newsBox2{ width:100%;float:none;}
.index-newsBox2 .index-newsCon2{max-height:100%; }
}
@media screen and (max-width:790px) {
.index-newsBox2 .index-newsCon2{padding:30px 3% 20px 3%;}
.qaList li{margin-bottom:15px;}
.qaList li .listTitle{margin-bottom:15px;}
.qaList li .listTitle .t2{font-size: 14px;}
.qaList li .listTitle .t3{font-size: 12px;}
}











/*.indexXitongBox*/
.indexXitongBox{padding-top:32px;padding-bottom:20px;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul{margin:0 -11.25px;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li{width: 33.333333%;display:block; float:left;margin-bottom:20px;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a{display:block; line-height:normal;margin:0 11.25px;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a .ImgBox{ width:100%; height:auto; overflow: hidden;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a .ImgBox img{display:block; max-width:100%;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a .ImgBox img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a{ position:relative;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li .cover {opacity:0; visibility:hidden;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a:hover{box-shadow: 0 15px 15px rgba(0,0,0,.1);}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.0); }
@media screen and (max-width:1024px){
.indexXitongBox .indexXitongBoxCon .indexXitongList ul{margin:0 -11.25px;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li{margin-bottom:20px;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a{margin:0 11.25px;}
.indexXitongBox .indexXitongBoxCon .indexXitongList.proList1{ display:none;}
}
@media screen and (max-width:767px){
.indexXitongBox{padding-top:30px;padding-bottom:20px;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul{margin:0 0;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li{margin-bottom:10px;width:100%;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a{margin:0 0;}
.indexXitongBox .indexXitongBoxCon .indexXitongList ul li a .ImgBox img{width:100%;}
}






/*.indexproBox*/
.indexproBox{padding-top:45px;padding-bottom:10px;}
.indexproBox .indexproBoxCon{margin:0 -11.25px;}
.indexproBox .indexproBoxCon .proList{width: 33.333333%; float:left;}
.indexproBox .indexproBoxCon .proList ul{margin:0 11.25px;}
.indexproBox .indexproBoxCon .proList ul li{margin-bottom:22px;}
.indexproBox .indexproBoxCon .proList ul li a{display:block; line-height:normal;}
.indexproBox .indexproBoxCon .proList ul li a .ImgBox{ width:100%; height:auto; overflow: hidden;}
.indexproBox .indexproBoxCon .proList ul li a .ImgBox img{display:block; max-width:100%;-ms-interpolation-mode:bicubic}
.indexproBox .indexproBoxCon .proList ul li a .ImgBox img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexproBox .indexproBoxCon .proList ul li a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.indexproBox .indexproBoxCon .proList ul li a{ position:relative;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexproBox .indexproBoxCon .proList ul li .cover {opacity:0; visibility:hidden;}
.indexproBox .indexproBoxCon .proList ul li a:hover{box-shadow: 0 15px 15px rgba(0,0,0,.1);}
.indexproBox .indexproBoxCon .proList ul li a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.0); }
@media screen and (max-width:1024px){
.indexproBox .indexproBoxCon{/*margin:0 -11.25px;*/margin:0 auto;}
.indexproBox .indexproBoxCon .proList{/*width:50%;*/ float:left;width:100%;}
.indexproBox .indexproBoxCon .proList ul{/*margin:0 11.25px;*/margin:0 auto;}
.indexproBox .indexproBoxCon .proList ul li{margin-bottom:22px;}
.indexproBox .indexproBoxCon .proList.proList1{ display:none;}
}
@media screen and (max-width:767px){
.indexproBox{padding-top:30px;padding-bottom:20px;}
/*.indexproBox .indexproBoxCon{margin:0 -4px;}
.indexproBox .indexproBoxCon .proList ul{margin:0 4px;}*/
.indexproBox .indexproBoxCon .proList ul li{margin-bottom:8px;}
}




/*proAdBox*/
.indexproAdBox img{ display:block;max-width:100%;}









/*pagebanner*/
.pagebannerBox {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative; }
.pagebannerBox img{width:100%;}
@media screen and (max-width:750px) {
.pagebannerBox {margin-top:85px;}
.pagebannerBox img{width:160%;margin-left:-30%;}
}




/*pageInfo*/
.pageInfo{ color:#464646; font-size:14px; line-height:30px; min-height:100px;padding-top:40px;padding-bottom:40px;}
.pageInfo img{ max-width:100%;}
.page-tit{font-size: 24px;color:#1e2831;line-height:50px; overflow:hidden;margin-bottom:20px; text-align:center;}
.pageline{ width:100%;height:1px;background:#dddddd;}
@media screen and (max-width:750px) {
.pageInfo{padding-top:30px;padding-bottom:30px;}
}





/*PageNav*/
.PageNav {margin:0 auto;padding: 0;text-align: center;display:block;margin-bottom:20px;}
.PageNav .layout{ position:relative;}
.PageNav ul{margin:0 auto; font-size:0;}
.PageNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align: center;}
.PageNav li a {display:inline-block;line-height:40px;font-size:12px;color:#464646;padding:0 27px;margin-right:10px;position:relative;margin-bottom:10px; background:#eeeeee;border-radius:40px; text-align:center;}
.PageNav li a:hover,.PageNav li.on a{color:#fff; background:#1274a3;}




/*tedianList*/
.tedianList{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;margin:0 0;}
.tedianList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:33.33333%;position: relative; text-align:center;position:relative; vertical-align:top;margin:11px 0 11px 0;}
.tedianList li .tedianBox{display:block;padding:40px 75px;}
.tedianList li .title{margin-bottom:50px; background:url(/images/titbg.png) center center no-repeat;}
.tedianList li .en{color: #b2b4b6;font-size:14px;margin:0 auto;display:block;line-height:20px;font-style: normal; font-family:Arial,sans-serif;}
.tedianList li .cn{color: #1274a3;font-size:24px;margin:0 auto;display:block; line-height:30px;font-style: normal;}
.tedianList li .wz{ color:#464646;font-size: 12px;line-height:26px; text-align:left;}
@media screen and (max-width:1200px) {
.tedianList li .tedianBox{padding:40px 30px;}
}
@media screen and (max-width:1024px) {
.tedianList li{margin:5px 0 5px 0;}
.tedianList li .tedianBox{padding:8% 5%;}
}

@media screen and (max-width:790px) {
.tedianList li{ width:100%;margin:5px 0 5px 0;}
.tedianList li .tedianBox{padding:8% 5%;}
}



/*pageList*/
.pageList{width:100%; overflow:hidden;padding-top:45px;border-top:1px solid #dddddd;}
.pageList ul{margin:0 -7.5px; font-size:0;padding-top:20px;}
.pageList li{list-style:none;overflow:hidden;margin:auto ;padding:0;display:inline-block;*display:inline;zoom:1;font-size:14px;width:33.33333%;height:auto;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; position:relative; cursor:pointer;}
.pageList li a{ display:block;margin:0 7.5px; background:#ffffff;}
.pageList li .ImgBox{display:block;width:390px;height:230px; overflow:hidden;}
.pageList li .ImgBox img{overflow: hidden;max-width:390px;max-height:230px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.pageList li .ImgBox:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.pageList li .tit{height:auto;color:#464646;overflow:hidden;font-size:14px;padding:31.5px 24px;}
.pageList li .tit .titnr{line-height:26px;height:52px;overflow:hidden;}
@media screen and (max-width:1200px) {
.pageList li .ImgBox{width:100%;height:auto;}
.pageList li .ImgBox img{max-width:100%;max-height:100%; display:block;}
}
@media screen and (max-width:750px) {
.pageList li{width:50%;}
.pageList li .ImgBox{width: 100%}
.pageList li .ImgBox img{width:100%}
.pageList li .tit{font-size:12px;padding:15px 3%;}
.pageList li .tit .titnr{line-height:24px;height:48px;overflow:hidden;}
}




/*caseList*/
.caseList{width:100%; overflow:hidden;}
.caseList ul{margin:0 -5px; font-size:0;}
.caseList li{list-style:none;overflow:hidden;margin:auto ;padding:0;display:inline-block;*display:inline;zoom:1;width:50%;height:auto;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; position:relative; cursor:pointer;margin-bottom:20px;}
.caseList li a{ display:block;margin:0 5px; background:#ffffff;}
.caseList li .ImgBox{display:block;width:590px;height:345px; overflow:hidden;}
.caseList li .ImgBox img{display:block;overflow: hidden;max-width:590px;max-height:345px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.caseList li .ImgBox:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); width:100%;}
.caseList li .tit{height:auto;color:#464646;overflow:hidden;font-size:14px;padding:30px 24px; text-align:center;}
.caseList li .tit .titnr{line-height:30px;height:30px;overflow:hidden;}
@media screen and (max-width:1200px) {
.caseList li .ImgBox{width:100%;height:auto;}
.caseList li .ImgBox img{max-width:100%;max-height:100%; display:block;}
}
@media screen and (max-width:750px) {
.caseList li{width:50%;}
.caseList li .ImgBox{width: 100%}
.caseList li .ImgBox img{width:100%}
.caseList li .tit{font-size:12px;padding:15px 3%;}
.caseList li .tit .titnr{line-height:24px;height:24px;overflow:hidden;}
}



/*pro keysearch*/
.keysearch_box{ width:100%; margin:0px auto; background:#fff;margin-bottom:30px;}
.keyleft{ width:78.33333333333333%;float:left;font-size:14px; line-height:40px; color:#333333;}
.keyleft .keyleftBox{padding:30px 40px;border-right:20px solid #f5f5f5;}
.keyleft a{ font-size:14px; margin:0 8px 0 8px;color:#3b4048; display:inline-block;}
.keyleft a:hover,.keyleft a.on{color:#2878a4;}
.keyright{ float:right; width:21.66666666666667%; padding:30px 0; text-align:right; background:#fff;}
.search2{height:40px;position:relative;margin:0 15px 0 30px;}
.search2 .keywords {width:100%;display:block; line-height:40px;height:40px; color:#a0a0a0;border:none;background: #fff;font-family:"΢ÈíÑźÚ", Arial; outline:none;border:none; border-right:none; }
.search2 .submit {position:absolute;right:0px;top: 0;height:40px;width:40px;border:none;float:right;background:url(/images/search.png) center center no-repeat ;cursor:pointer;border-radius:5px; background-size:100%;}
@media screen and (max-width:1024px){
.keyleft{ width:100%;}
.keyleft .keyleftBox{padding:30px 40px;border-right:0;border-bottom:10px solid #f5f5f5;}
.keyright{width:100%;}
}
@media screen and (max-width:767px){
.keyleft .keyleftBox{padding:3% 3%;}
.keyright{padding:3% 0;}
.search2{margin:0 3% 0 3%;}
}





/*proList*/
.page .proList ul{margin:0 -11.25px; font-size:0;}
.page .proList ul li{width: 33.333333%;display:inline-block;*display:inline;margin-bottom:20px;zoom:1; vertical-align:top;}
.page .proList ul li a{display:block; line-height:normal;margin:0 11.25px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.page .proList ul li a .ImgBox{ width:100%; height:auto; overflow: hidden;}
.page .proList ul li a .ImgBox img{display:block; max-width:100%;}
.page .proList ul li a .ImgBox img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;-webkit-filter:blur(0px);-ms-filter:blur(0px);filter:blur(0px);-ms-interpolation-mode:bicubic}
.page .proList ul li a:hover .ImgBox,.page .proList ul li a{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.page .proList ul li a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);-webkit-filter:blur(0px);-ms-filter:blur(0px);filter:blur(0px);-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.page .proList ul li a{ position:relative;}
.page .proList ul li .cover {opacity:0; visibility:hidden;}
.page .proList ul li a:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.page .proList ul li a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.0); }
@media screen and (max-width:1024px){
.page .proList ul{margin:0 -11.25px;}
.page .proList ul li{margin-bottom:20px;}
.page .proList ul li a{margin:0 11.25px;}
}
@media screen and (max-width:767px){
.page .proList ul{margin:0 -5px;}
.page .proList ul li{margin-bottom:10px;width:50%;}
.page .proList ul li a{margin:0 5px;}
.page .proList ul li a .ImgBox img{width:100%;}
}





/*pageNewsBox*/
.pageNewsBox .index-newsCon{padding:0;background:#fff;margin-top:23px;max-height:390px; }
.pageNewsList{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;}
.pageNewsList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;position: relative;margin-bottom:25px;}
.pageNewsList li a{display:block; background:#fff;}
.pageNewsList li .ImgBox{width:380px;height:390px;overflow:hidden; float:left;}
.pageNewsList li:nth-child(2n) .ImgBox{float:right;}
.pageNewsList li .ImgBox img{max-width:380px;max-height:390px; width:100%;}
.pageNewsList li .ImgBox img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pageNewsList li:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.pageNewsList li .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;}
.pageNewsList li .listTitle .listTitleBox{padding:46px 40px;}
.pageNewsList li .listTitle .t{font-size: 18px;color:#3b4048;height:auto;max-height:68px;line-height:34px; overflow:hidden;}
.pageNewsList li .listTitle .t2{font-size: 14px;color:#5d6371;height:72px;line-height:26px; overflow:hidden;margin-bottom:108px;margin-top:23px;}
.pageNewsList li .listTitle .listDate{font-size:13px; color:#3b4048;line-height:30px;}
.pageNewsList li .listTitle .more2{text-align:right; float:right; font-size:12px; color:#3b4048;}
.pageNewsList li .cover {opacity:0; visibility:hidden;}
.pageNewsList li a:hover{box-shadow: 0 15px 15px rgba(0,0,0,.1);}
.pageNewsList li a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.1); }
/*.pageNewsList li a:hover .listTitle .t,
.pageNewsList li a:hover .listTitle .listDate,
.pageNewsList li a:hover .listTitle .more2{ color:#2878a4;}*/

@media screen and (max-width:1220px) {	
.pageNewsList li .ImgBox img{height:100%; width:100%;}
}
@media screen and (max-width:790px) {
.pageNewsList li a{margin-right:0;}
.pageNewsList li .ImgBox{width:100%;height:auto; display:block; float:none;}
.pageNewsList li:nth-child(2n) .ImgBox{float:none;}
.pageNewsList li .ImgBox img{max-width: 100%;max-height:100%;width: 100%;}
.pageNewsList li .listTitle .listTitleBox{padding:30px 3%;}
.pageNewsList li .listTitle .t{font-size: 16px;height:auto;max-height:68px;line-height:34px;}
.pageNewsList li .listTitle .t2{font-size: 13px;height:auto;max-height:72px;line-height:24px;margin-bottom:15px;margin-top:15px;}
}
@media screen and (max-width:350px) {	
.pageNewsList{width:100%;}
.pageNewsList li{width:100%;margin-right:0;}
.pageNewsList li .listTitle{padding:10px;}
}








/*newsInfo*/
.page-newsInfo{text-align:center;}
.page-newsInfo .newsText{text-align:left;font-size:14px;color:#5d6371;line-height:26px;padding:60px 40px 50px 40px;margin-bottom:22px; background:#fff;}
.page-newsInfo .newsTit{ font-size:20px; color:#3b4048; line-height:34px; text-align:center;margin-bottom:5px;}
.page-newsInfo .newsShuju{ font-size:13px; color:#909090; line-height:28px; text-align:center;margin-bottom:8px;}
.page-newsInfo .newsShuju span{ display:inline-block;margin:0 10px;}
/*newsBtn*/
.page-newsInfo .newsBtn{ background:#FFF;padding:20px 40px;}
.page-newsInfo .newsBtn span.newsBtnA,.page-newsInfo .newsBtn span.newsBtnB{display:block;float:left;width:50%;height:40px; overflow:hidden;}
.page-newsInfo .newsBtn span.newsBtnA{ text-align:right;}
.page-newsInfo .newsBtn span.newsBtnB{ text-align:left;}
.page-newsInfo .newsBtn a{display:inline-block;line-height:40px; height:40px; overflow:hidden;color:#5d6371;font-size:14px;}
.page-newsInfo .newsBtn a:hover{color:#2878a4;}
@media screen and (max-width:767px){
.page-newsInfo .newsText{padding:30px 3% 30px 3%;}
.page-newsInfo .newsTit{ font-size:18px;}
.page-newsInfo .newsBtn span.newsBtnA,.page-newsInfo .newsBtn span.newsBtnB{float:none;width:100%; text-align:center;}	
}


/*contact*/
.contactBigBox{background:#ffffff;overflow: hidden;margin-bottom:20px; position:relative;}
.contactBigBox:after{ content:""; width:20px; height:100%; position:absolute;top:0; left:50%;margin-left:-10px;background:#f5f5f5;}
.contactTableBox{width:50%; float:left;}
.contactTableBox .contactTableCon{color:#5d6371; line-height:34px; font-size:14px;padding:70px 62px 50px 62px; min-height:455px;}
.contactTable2{ display:inline-block;}
.contactBigBox .title2{font-size:20px;color:#464646;line-height: normal;display:block;margin-bottom:25px;}
@media screen and (max-width:1024px){
.contactBigBox:after{ width:10px;margin-left:-5px;}	
}
@media screen and (max-width:850px){
.contactTableBox .contactTableCon{ padding:40px 5%  30px 5%;margin:0; min-height: inherit;}
}
@media screen and (max-width:767px){
.contactBigBox:after{ width:0;}
.contactTableBox{ width:100%; float:none;border-bottom:10px solid #f5f5f5;}	
}



/*formTableB*/
.formTableB{ width:50%; float:left;}
.formTableBox{ padding:70px 59px  50px 59px;margin:0; min-height:455px;}
.formTable{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 auto;text-align:center;}
.formTable table{ width:100%;}
.formTable label{display:block;}
.formTable .text{display:block;width: 94%;padding:4px 3% 4px 3%;height:34px;margin-bottom:10px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"΢ÈíÑźÚ",Sans-Serif;border:none;border-radius:6px;background:#f9f9f9;text-align:left; float:left;}
.formTable .text2{display:block;width: 94%;padding:10px 3% 10px 3%;height:106px;margin-bottom:10px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"΢ÈíÑźÚ",Sans-Serif;border:none;border-radius:6px;background:#f9f9f9;text-align:left; float:left;}
.formTable .getcode{display:block;float:left;width: 74%;padding:4px 3% 4px 3%;height:34px;margin-bottom:0;
outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"΢ÈíÑźÚ",Sans-Serif;border: none;border:none;border-radius:6px;background:#f9f9f9;text-align:left;}
.formTable .kk{font-size:14px;color:#a0a0a0; line-height:normal;margin-left:15px;}
.formTable .inputbtn{display:inline-block;width:100%;height: 42px;line-height: 42px;margin:0;outline:none;font-size:14px;color: #fff;font-family: Arial,"΢ÈíÑźÚ",Sans-Serif;border:none;background-color: #1274a3;color:#fff;cursor:pointer;border-radius:6px;margin-top:24px; text-align:center;}
.formTable .inputbtn.tj{max-width:110px;}
.formTable .text,.formTable .getcode{transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.formTableBox a{color: #5d6371;}
.formTableBox a:hover{color: #cda248;}
@media screen and (max-width:1024px){
.formTable .getcode{ width:60%;}
}
@media screen and (max-width:850px){
.formTableBox{ padding:40px 5%  30px 5%;margin:0; min-height: inherit;}
}
@media screen and (max-width:767px){
.formTableB{ width:100%; float:none;}
.formTable .text{width: 94%;padding:4px 3% 4px 3%;}
.formTable .getcode{width:60%;padding:4px 3% 4px 3%;}
.formTable .inputbtn.tj{width:100%;max-width:100%;}
}



















/*pronav*/
.pronav{ width:100%;font-size:14px; line-height:40px; color:#333333;background:#fff;margin:0px auto;margin-bottom:30px;}
.pronav .pronavBox{padding:30px 40px;}
.pronav a{ font-size:14px; margin:0 8px 0 8px;color:#3b4048; display:inline-block;}
.pronav a:hover,.pronav a.on{color:#2878a4;}
@media screen and (max-width:1024px){
.pronav{ width:100%;margin-top:86px;}
.pronav .pronavBox{padding:30px 40px;border-right:0;border-bottom:10px solid #f5f5f5;}
}
@media screen and (max-width:767px){
.pronav .pronavBox{padding:3% 3%;}
}





/****************product_xq start******************/
.page .detailBox .detailImg{width:590px;height:auto;margin-bottom:10px;float:left;position:relative!important;}
.page .detailBox .detailNr{overflow:hidden;display:block;width:610px;float:left;position:relative;margin-bottom:10px;}
.page .detailBox .detailNr .detailNrBox{padding:50px 35px; background:#fff; min-height:370px;}
.page .detailBox{color:#464646;font-size: 14px;line-height:30px;}
.page .detailBox .proTit{margin-bottom:20px; font-size:16px; color:#464646; line-height:34px;}
.page .detailBox .pro-Text{padding-top:10px;line-height:30px;font-size:14px;color:#5d6371;}
@media (max-width: 1220px) {
.page .detailBox .detailImg{width:590px;}
.page .detailBox .detailNr{width:calc(100% - 590px);}
}
@media (max-width: 1024px) {
.page .detailBox .detailImg{width:590px;}
.page .detailBox .detailNr{width:100%;}
}
@media (max-width: 767px) {
.page .detailBox .detailImg{width:100%}
.page .detailBox .detailNr .detailNrBox{padding:30px 3%;min-height:inherit;}
}




/* preview style */
.preview{width:100%;}
/* smallImg */
.smallImg{position:relative;width:100px;height:430px; overflow:hidden;float:left;padding-top:20px;padding-bottom:20px;margin-right:10px;}
#imageMenu {height:582px;overflow:hidden;}
#imageMenu li {width:100px;height:100px; overflow:hidden;margin-bottom:10px;}
#imageMenu li img{border:1px solid #E8E8E8; width:98px; height:98px;cursor:pointer;}
#imageMenu li#onlickImg img{border:1px solid #2878a4;}
.scrollbutton{width:100px; height:14px; overflow:hidden; position:absolute; left:0px; cursor:pointer;}
.scrollbutton.smallImgUp{background:url(/images/pro-top.jpg) no-repeat; top:0px;}
.scrollbutton.smallImgDown{background:url(/images/pro-bottom.jpg) no-repeat; bottom:0px;}
.hd5{ display: none;}
/* bigImg */
.bigImg{position:relative;float:left;width:470px;height:470px;overflow:hidden;}
.bigImg #midimg{width:470px;height:470px;}
.bigImg #winSelector{width:210px;height:210px;}
#winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border:none;overflow: hidden;width:300px!important;height:300px!important;top:0px!important;left:590px!important;z-index:999; background:#fff;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
#bigView img{position:absolute;max-width: inherit;top:0;left:0px;}
@media screen and (max-width:1024px) {
.bigImg{ display:none;}
#bigView{ display:none;}
.smallImg{position:relative;height:auto; padding:0 0; width:100%; overflow:hidden;float:none;margin-left:0;}
#imageMenu {height:auto;margin-top:0;}
#imageMenu li {height:auto; width:100%;margin-bottom:0;}
#imageMenu li img{border:none; width:100%; height:auto;}
#imageMenu li#onlickImg img{border:none;width:100%;}
.scrollbutton{ display:none;}
.hd5{ display: block;}
.hd5 ul {text-align:left;}
.hd5 ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:5px;height:5px;margin:0 3px;overflow:hidden;line-height:999px; border-radius:8px; background:#a4a4a4;}
.hd5 ul li.on{ background:#2878a4;}
}








.detailBoxBottom .proxgTit{margin-bottom:22px; font-size:18px; color:#464646; line-height:34px;}
.detailBoxBottom .proxgList{ width:340px; float:left;}
.detailBoxBottom .proxgListBox{padding:25px 30px 30px 30px;background:#fff;}
.detailBoxBottom .proInfo{ width:860px; float:left;}
.detailBoxBottom .proInfo .proInfoBox{ padding:25px 30px 30px 30px;margin-right:10px; background:#fff;}
.detailBoxBottom .proInfo .proInfoBox img{ display:block; max-width:100%;}
@media (max-width: 1220px) {
.detailBoxBottom .proxgList{ width:30%;}
.detailBoxBottom .proInfo{ width:70%;}	
}
@media screen and (max-width:1024px) {
.detailBoxBottom .proxgList{ width:100%; float:none;}
.detailBoxBottom .proInfo{ width:100%; float:none;margin-bottom:10px;}	
.detailBoxBottom .proInfo .proInfoBox{margin-right:0;}	
}
@media screen and (max-width:767px) {
.detailBoxBottom .proxgListBox{padding:25px 3% 30px 3%;}	
.detailBoxBottom .proInfo .proInfoBox{ padding:25px 3% 30px 3%;}	
}
	
	
	
/*.proList3*/
.proList3 ul{margin:0 0;}
.proList3 ul li{width:100%;display:block; float:none;border-bottom:1px solid #f9f9f9;}
.proList3 ul li a{display:block; line-height:normal;margin:0 0;}
.proList3 ul li a .ImgBox{ width:100%; height:auto; overflow: hidden;}
.proList3 ul li a .ImgBox img{display:block; max-width:100%;}
.proList3 ul li a .ImgBox img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.proList3 ul li a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.proList3 ul li a{ position:relative;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.proList3 ul li .cover {opacity:0; visibility:hidden;}
/*.proList3 ul li a:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}*/
.proList3 ul li a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.1); }
@media screen and (max-width:1024px){
.proList3 ul{margin:0 -10px;}
.proList3 ul li{width:50%; float:left;}
.proList3 ul li a{margin:0 10px;}
.proList3 ul li a .ImgBox img{width:100%;}
}




/*page-tab*/
.page .page-tab{margin:0 auto;padding:20px 0 50px 0;text-align: center; }
.page .page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height: auto;line-height: normal;font-size: 0; }
.page .page-tab ul li{margin: 0;padding: 0;display: inline-block;*display: inline;zoom:1;vertical-align: middle;}
.page .page-tab ul li a{display: inline-block;text-align: center;font-size: 14px;color: #5e5e5e;line-height: 30px;height:30px;width:30px;background: transparent;border-radius:50%;margin:0 2px;}
.page .page-tab ul li a:hover,.page .page-tab ul li a.focus{ background:#5d6371;color: #fff;}
.page .page-tab ul li.next-page, .page .page-tab ul li.prev-page{height:30px;}
.page .page-tab ul li.next-page a{background:url(/images/page-next.png) no-repeat center center;background-size: 11px;}
.page .page-tab ul li.prev-page a{background:url(/images/page-prev.png) no-repeat center center;background-size: 11px;}
@media screen and (max-width:767px) {
.page .page-tab{padding:20px 0;}
}


            
/*xfInfo*/
.xfInfo{ color:#000000; font-size:20px; line-height:35px; min-height:100px;padding-top:40px;padding-bottom:40px;}
.xfInfo img{ max-width:100%;}
.xf-tit{font-size: 36px; line-height:70px;}
.xf-tit2{font-size: 25px; line-height:60px;}
.xfInfo .xfTablebox{max-width:1200px;margin:0 auto;padding:0 0;border-collapse: inherit;}
@media screen and (max-width:1200px){
.xfInfo .xfTablebox{padding:0 30px;}	
}
@media screen and (max-width:1024px){
.xfInfo{line-height:35px;font-size:15px;}
.xf-tit{font-size: 30px; line-height:60px;}
.xf-tit2{font-size: 20px; line-height:50px;}
}
@media screen and (max-width:767px) {
.xfInfo{padding-top:30px;padding-bottom:30px;line-height:30px;font-size:15px;}
.xf-tit{font-size: 24px; line-height:60px;}
.xf-tit2{font-size: 18px; line-height:50px;}
.xfInfo .xfTablebox{padding:0 3%;}
}