* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}

body{font-family:"微软雅黑",sans-serif; font-size: 15px; color: #666666; background:#ffffff url(../images/bg.jpg) repeat-x top;}



ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ list-style: none; padding: 0; margin: 0; }

input,textarea{ outline:none;}

::-webkit-input-placeholder {

  color: #ccc;

}



::-moz-placeholder {

  color: #ccc;

}



:-ms-input-placeholder {

  color: #ccc;

} 



a { text-decoration: none; color:#666666;}

a:hover{ color: #0053a9;}





.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}

.clearfix{zoom:1;}

.clear{ clear:both}



.BoxShadow{-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4); box-shadow:0px 0px 8px rgba(0,0,0,0.4);}

.BorderRadius10{border-radius: 10px;overflow:hidden;}



/*图片放大*/

.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}

.imgZoom img:hover{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}

/*图片旋转*/

.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}

.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}

/*按钮鼠标经过变暗*/

.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}

/*鼠标经过有阴影*/

.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}

/*鼠标经过上浮并加阴影*/

.wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;}

.wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -8px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}

/*图片经过遮罩*/

.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}



.img{max-width:100%;height:auto;display:block}



.wrap{ width: 1200px; margin: 0 auto;}



/*header*/

.header{ padding-top: 35px;}

.header .logo{float: left;}

.header .top_right{ float: right; padding-top: 12px;}

.header .top_right .search{float: left; width: 234px; height: 38px; border-radius: 20px; background: #ffffff; overflow: hidden;}

.header .top_right .search input{ width: 180px; height: 38px; text-indent: 20px; border: none;float: left;}

.header .top_right .search button{ width:38px; height: 38px; background:url(../images/icon03.png) no-repeat center; border: none; margin-right: 10px; float: right; cursor: pointer;}

.header .top_right .lang{float: left; margin-left: 20px;}

.header .top_right .lang a{ float: left; margin-left: 13px; font-size: 12px; text-align: center; color: #666666;}

.header .top_right .lang img{ display: block;}

.header .nav{ width: 100%; height: 54px; line-height: 54px; background: #005cbf; border-radius: 5px;  overflow: hidden; margin-top: 25px;}

.header .nav ul{ margin: 0 -4px;}

.header .nav ul li{ float: left; width: 14.25%; text-align: center; border-left: #81bad7 solid 1px; border-right: #1b77ab solid 1px;}

.header .nav ul li a{ font-size: 16px; color:#ffffff; display: block;}

.header .nav ul li a:hover,.header .nav ul li.focus a{ background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#FF6D00), to(#FFCB02));}



.header .wapnav{display: none;}

.header .menu-toggle{display: none;}



/*banner*/

.banner{ margin-top: 20px; margin-bottom: 20px;}

.banner .mainBox{ position: relative;}

.banner .mainBox .arrow-left,.banner .mainBox .arrow-right{ width: 50px; height: 50px; display: block; position: absolute;top: 50%; margin-top: -25px;}

.banner .mainBox .arrow-left{ left: -66px; background:url(../images/pre.png) no-repeat center;}

.banner .mainBox .arrow-right{ right: -66px; background:url(../images/next.png) no-repeat center;}

.banner .swiper-container{ width: 100%; height:450px;}

.banner .swiper-container .swiper-slide{height:450px; width:100%;}

.banner .swiper-container .swiper-slide a{height:450px; width:100%; display: block;}

.banner .pagination {position: absolute;z-index: 20;bottom:25px;width: 100%;text-align: center;}

.banner .swiper-pagination-switch {display: inline-block; width:12px; height: 12px; border-radius: 20px;background:#fff; border: #fff solid 1px; margin: 0 5px; cursor: pointer;}

.banner .swiper-active-switch { background: #ff8701; border: #ff8701 solid 1px;}



/*内页banner*/

.nei_banner{ margin-top: 20px; margin-bottom: 20px;}

.nei_banner .mainBox{ height: 250px;}



/*首页主体内容*/

.indexMain{}

.indexMain .indexLeft{ width: 820px; float: left;}

.indexMain .indexLeft .iabout{ border:#e4e4e4 solid 1px; margin-bottom: 11px;-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.1); box-shadow:0px 0px 6px rgba(0,0,0,0.1);}

.indexMain .indexLeft .iabout .title{ border-bottom: #d7d7d7 solid 1px; background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#CED6FB), to(#FFFFFF)); overflow: hidden; padding: 0 35px;}

.indexMain .indexLeft .iabout .title h3{font-size: 23px; font-weight: normal; color: #0053a9; line-height: 54px; float: left; position:relative;}

.indexMain .indexLeft .iabout .title h3:before{content:"";width: 100%; height: 3px;background: #0053a9;position: absolute; left: 0; bottom:0;}

.indexMain .indexLeft .iabout .title a{float: right;color: #0053a9; margin-top: 22px;}

.indexMain .indexLeft .iabout .title a:hover{ color: #ff8701;}

.indexMain .indexLeft .iabout .mianBox{ padding: 35px; line-height: 2;}

.indexMain .indexLeft .iabout .mianBox img{float: left; margin-right: 30px;}

.indexMain .indexLeft .iabout .box{ padding: 35px; line-height: 2;}

.indexMain .indexLeft .iabout .box ul{ overflow: hidden; margin: 0 -8px;}

.indexMain .indexLeft .iabout .box ul li{ width: 25%; float: left; padding:0 8px; text-align: center;}

.indexMain .indexLeft .iabout .box ul li dl{ overflow: hidden; border: #cecece solid 1px; border-radius:10px;}

.indexMain .indexLeft .iabout .box ul li dl img{ max-width:100%;height:auto;display:block}



.indexMain .indexRight{ width:366px; padding: 0 30px;border:#e4e4e4 solid 1px;-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.1); box-shadow:0px 0px 6px rgba(0,0,0,0.1); float: right;}

.indexMain .indexRight .title{font-size: 23px; font-weight: normal; color: #0053a9; line-height: 54px;}

.indexMain .indexRight .imoju{ margin-bottom:10px; margin-top: 5px; }

.indexMain .indexRight .imoju .box{ border:#dedede solid 1px; border-radius: 10px; overflow: hidden;}
.indexMain .indexRight .imoju .box img{display: block;}

.indexMain .indexRight .icontact dl img{max-width:100%;height:auto;display:block}

.indexMain .indexRight .icontact .text{ line-height: 2; padding: 10px 0 35px;}



/*内页左侧*/

.leftSide{ width: 280px; float: left;border:#e4e4e4 solid 1px;-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.1); box-shadow:0px 0px 6px rgba(0,0,0,0.1); background: url(../images/bg02.jpg) repeat-x top; }

.leftSide .leftNav{ padding-top: 5px;}

.leftSide .leftNav .title{ padding: 0 25px; overflow: hidden; border-bottom: #d7d7d7 solid 1px;}

.leftSide .leftNav .title h3{font-size: 23px; font-weight: normal; color: #0053a9; line-height: 54px;position:relative; float: left;}

.leftSide .leftNav .title h3:before{content:"";width: 100%; height: 3px;background: #0053a9;position: absolute; left: 0; bottom:0;}

.leftSide .leftNav ul li{ padding: 0 25px; border-bottom: #d7d7d7 solid 1px;}

.leftSide .leftNav ul li a{ color: #333333; line-height: 46px; display: block;}

.leftSide .leftNav ul li a:hover ,.leftSide .leftNav ul li.focus a{ font-weight: bold;color: #0053a9; background: url(../images/icon04.png) no-repeat right center;}

.leftSide .leftContact{ padding: 40px 25px;}

.leftSide .leftContact .title{font-size: 23px; font-weight: normal; color: #0053a9; line-height: 54px;}

.leftSide .leftContact dl img{max-width:100%;height:auto;display:block}

.leftSide .leftContact .text{ line-height: 2; padding: 10px 0; font-size: 13px;}



/*内页右侧*/

.rightBox{ width: 905px; float: right;border:#e4e4e4 solid 1px;-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.1); box-shadow:0px 0px 6px rgba(0,0,0,0.1); background: url(../images/bg02.jpg) repeat-x top; padding-top: 5px;}

.rightBox .title{ padding: 0 40px; overflow: hidden; border-bottom: #d7d7d7 solid 1px;}

.rightBox .title h3{font-size: 23px; font-weight: normal; color: #0053a9; line-height: 54px;position:relative; float: left;}

.rightBox .title h3:before{content:"";width: 100%; height: 3px;background: #0053a9;position: absolute; left: 0; bottom:0;}



.rightBox .text{ padding: 30px 40px 50px; line-height: 2;}

.rightBox .text img{max-width:100%;height:auto;}



.rightBox .moju{ padding:40px;}

.rightBox .moju ul{margin: 0 -5px; overflow: hidden;}

.rightBox .moju ul li{ width: 33.33%; padding: 0 5px; float: left;}

.rightBox .moju ul li dl{ border: #cfd7fb solid 1px; overflow: hidden;}

.rightBox .moju ul li p{ text-align: center; line-height: 2; margin-bottom: 10px;}



.rightBox .products{ padding:40px;}

.rightBox .products ul{margin: 0 -24px; overflow: hidden;}

.rightBox .products ul li{ width:50%; padding: 0 24px; float: left;}

.rightBox .products ul li dl{ border: #cfd7fb solid 1px; overflow: hidden;}

.rightBox .products ul li p{ text-align: center; line-height: 2; margin-bottom: 10px;}



.rightBox .news{ padding: 40px;}

.rightBox .news dl{ overflow: hidden; margin-bottom: 30px;}

.rightBox .news dl dt{ float: left; margin-right:30px; overflow: hidden;}

.rightBox .news dl ol{ font-size: 14px; color: #999999;}

.rightBox .news dl ol h3{ font-size: 16px; color: #0762b0;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.rightBox .news dl ol span{ padding: 10px 0; display: block;}

.rightBox .news dl ol p{ line-height: 1.6;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}

.rightBox .news dl img{transition: all .4s;-webkit-transition: all .4s;}

.rightBox .news dl:hover img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}

.rightBox .news dl:hover ol{color: #0762b0;}

.rightBox .news ul li{ margin-bottom: 12px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.rightBox .news ul li a{ font-size: 16px;  background: url(../images/icon04.png) no-repeat left center; padding-left: 20px;}

.rightBox .news ul li span{float: right; font-size: 14px;}



.rightBox .news_view{padding: 40px;}

.rightBox .news_view .news_title{ text-align:center;border-bottom:#ddd solid 1px; padding-bottom:20px; margin-bottom: 30px;}

.rightBox .news_view .news_title h1{ font-size:26px; font-weight:normal; line-height:55px;}

.rightBox .news_view .news_title dl{ color:#999; font-size: 14px;}

.rightBox .news_view .text{ padding: 0;}

.rightBox .news_view .link_back{ padding:50px 0 0;}

.rightBox .news_view .link_back a{ width:155px; height:40px; line-height:40px; background:#b5b5b5; color:#030303; display:block; margin:0 auto; border-radius:5px; text-align:center;}



.rightBox .service{ padding: 40px;}

.rightBox .service img{ float: left; }

.rightBox .service dl{ width: 470px; line-height: 1.8; float: right;}

.rightBox .service dl h3{font-size: 23px; color: #0053a9; font-weight: normal; margin-bottom: 30px;}



.rightBox .contact{ padding: 40px; font-size: 16px; line-height:1.8;}

.rightBox .contact .contactimg{ float: left; margin-right: 50px;}

#map{font-size: 12px; height: 380px; border: #d6d6d6 solid 1px; width: 100%; margin-top: 20px;}







/*无左侧*/

.rightBox2{border:#e4e4e4 solid 1px;-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.1); box-shadow:0px 0px 6px rgba(0,0,0,0.1); background: url(../images/bg02.jpg) repeat-x top; padding-top: 5px; margin-top:20px;}



.rightBox2 .title{ padding: 0 40px; overflow: hidden; border-bottom: #d7d7d7 solid 1px;}

.rightBox2 .title h3{font-size: 23px; font-weight: normal; color: #0053a9; line-height: 54px;position:relative; float: left;}

.rightBox2 .title h3:before{content:"";width: 100%; height: 3px;background: #0053a9;position: absolute; left: 0; bottom:0;}



.rightBox2 .products{ padding:40px;}

.rightBox2 .products ul{margin: 0 -24px; overflow: hidden;}

.rightBox2 .products ul li{ width:33.3%; padding: 0 24px; float: left;}

.rightBox2 .products ul li dl{ border: #cfd7fb solid 1px; overflow: hidden;}

.rightBox2 .products ul li p{ text-align: center; line-height: 2; margin-bottom: 10px;}



.rightBox2 .news_view{padding: 40px;}

.rightBox2 .news_view .news_title{ text-align:center;border-bottom:#ddd solid 1px; padding-bottom:20px; margin-bottom: 30px;}

.rightBox2 .news_view .news_title h1{ font-size:26px; font-weight:normal; line-height:55px;}

.rightBox2 .news_view .news_title dl{ color:#999; font-size: 14px;}

.rightBox2 .news_view .text{ padding: 0;}

.rightBox2 .news_view .link_back{ padding:50px 0 0;}

.rightBox2 .news_view .link_back a{ width:155px; height:40px; line-height:40px; background:#b5b5b5; color:#030303; display:block; margin:0 auto; border-radius:5px; text-align:center;}







.rightBox2 .contact{ padding: 40px; font-size: 16px; line-height:1.8;}

.rightBox2 .contact dl{ text-align: center; font-size: 28px; margin-bottom: 40px;}
.rightBox2 .contact ul{ margin: 0 -14px; overflow: hidden;}
.rightBox2 .contact ul li{ width: 25%; float: left; text-align: center; padding: 0 14px;}
.rightBox2 .contact ul li ol{ border:#a9b3e1 dashed 1px; padding: 20px 10px;}
.rightBox2 .contact ul li ol i{ height: 50px; margin: 0 auto 10px; display: block;}
.rightBox2 .contact ul li ol h3{font-size: 22px; color: #000;}
.rightBox2 .contact ul li ol p{ font-size: 16px; color: #666666;}

#map{font-size: 12px; height: 380px; border: #d6d6d6 solid 1px; width: 100%; margin-top:40px;}





/*footer*/

.footer{ margin-top: 40px;}

.footer .mainBOX{ background: #e8ecfd;  border-top: #0762b0 solid 7px; padding: 25px 0; text-align: center; line-height: 1.8; position:relative;}

.footer .mainBOX:before{ content:"";width: 100%; height: 3px; background: #ffffff;position: absolute; left: 0; top:0px;}

.footer .mainBOX:after{ content:"";width: 100%; height: 1px; background: #fdde01;position: absolute; left: 0; top:1px;}

.footer .mainBOX ol a{ color: #0562a3;}



/*===/分页=============================*/

.fengye{ margin:50px 0 10px; font-size:15px; text-align: center;}

.off{  padding:8px 13px; margin-right:10px; background:#fff; color:#666;  border: #eee solid 1px;}

a.off:hover{ margin-right:10px;background:#0053a9; color:#fff;border: #0053a9 solid 1px;}

.fenkong{padding:0 8px;}

.fenkong a{ line-height:1;color:#666; padding:8px 13px; margin-right:10px;background:#fff; border: #eee solid 1px; }

.fenkong a:hover{color:#fff;background:#0053a9; border: #0053a9 solid 1px;}

.fenkong a.fenyeon{ line-height:1; background:#0053a9; color:#FFF;border: #0053a9 solid 1px;}



@media all and (min-width: 640px) and (max-width:1200px) {

.banner { margin-top: 0;}

.banner .mainBox .arrow-left,.banner .mainBox .arrow-right{ display: none;}

.banner .swiper-container{ height:360px;}

.banner .swiper-container .swiper-slide{height:360px;}

.banner .pagination {position: absolute;z-index: 20;bottom:10px;width:100%; height:30px; background: none;}

.nei_banner{margin: 0;}

.nei_banner .mainBox{ height:160px;margin-top: 0;}



.rightBox2 .contact dl{ text-align: center; font-size: 24px; margin-bottom: 40px;}
.rightBox2 .contact ul{ margin: 0 -5px; overflow: hidden;}
.rightBox2 .contact ul li{ width: 25%; float: left; text-align: center; padding: 0 5px;}
.rightBox2 .contact ul li ol{ border:#a9b3e1 dashed 1px; padding: 20px 10px;}
.rightBox2 .contact ul li ol i{ height: 50px; margin: 0 auto 10px; display: block;}
.rightBox2 .contact ul li ol h3{font-size: 20px; color: #000;}
.rightBox2 .contact ul li ol p{ font-size: 13px; color: #666666;}

}



@media all and (max-width:640px) {

.banner { margin-top: 0;}

.banner .mainBox .arrow-left,.banner .mainBox .arrow-right{ display: none;}

.banner .swiper-container{ height:200px;}

.banner .swiper-container .swiper-slide{height:200px;}

.banner .pagination {position: absolute;z-index: 20;bottom:10px;width:100%; height:30px;}



.nei_banner{margin: 0;}

.nei_banner .mainBox{ height:150px;}

}



@media screen and (max-width:1200px){

body{background:#ffffff; padding-top: 60px;}



.BoxShadow{-moz-box-shadow:0px 0px 8px rgba(0,0,0,0); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0); box-shadow:0px 0px 8px rgba(0,0,0,0);}

.BorderRadius10{border-radius:0;overflow:hidden;}

.wrap{ width:100%;}



.header{ padding-top:15px; height: 60px; position: fixed; top: 0; width: 100%; background: #ffffff; z-index: 99999; border-bottom: #f5f5f5 solid 1px;}

.header .logo{ width:250px; margin-left: 10px;}

.header .logo img{ width: 100%; height: auto;}

.header .top_right{display: none;}

.header .nav{ display: none; width: 100%; height: 54px; line-height: 54px; background: #005cbf; border-radius: 5px;  overflow: hidden; margin-top: 25px;}

.header .nav ul{ margin: 0 -4px;}

.header .nav ul li{ float: left; width: 14.25%; text-align: center; border-left: #81bad7 solid 1px; border-right: #1b77ab solid 1px;}

.header .nav ul li a{ font-size: 16px; color:#ffffff; display: block;}

.header .nav ul li a:hover,.header .nav ul li.focus a{ background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#FF6D00), to(#FFCB02));}



.header .wapnav{ width:100%; height:100vh; background:#fff; position:fixed; left:0; top:60px; z-index:99998; display:none; margin:0; border-top:#ddd solid 1px;}

.header .wapnav ul li{ float:none; border-bottom:#ddd solid 1px; }

.header .wapnav ul li a{ font-weight:normal; font-size:16px;color:#666;line-height:46px; padding:0;min-width:100%; text-align:left; text-indent:25px; display: block;}

.header .wapnav ul li.focus a,.header .wapnav ul li a:hover{ background:#0053a9; color: #fff;}

.header .wapnav ul li .subnav{ display:none; background:#f3f2f2;}

.header .wapnav ul li.focus .subnav{display: block;}

.header .wapnav ul li .subnav a{ display:block; line-height:2.4; white-space:nowrap; width:100%;font-size:15px; background: none; color:#666; font-weight:normal;}

.header .wapnav ul li .subnav a:hover{ background:none;}



.header .wap_search_lang{ padding: 25px;}

.header .wap_search_lang .search{ width: 100%; height: 38px; border-radius: 20px; background: #fff; overflow: hidden; border: #ddd solid 1px;}

.header .wap_search_lang .search input{ width: 200px; height: 38px; text-indent: 20px; border: none;float: left;}

.header .wap_search_lang .search button{ width:38px; height: 38px; background:url(../images/icon03.png) no-repeat center; border: none; margin-right: 10px; float: right; cursor: pointer;}

.header .wap_search_lang .lang{margin:30px auto 0;}

.header .wap_search_lang .lang a{ float: left; margin-left: 13px; font-size: 12px; text-align: center; color: #666666;}

.header .wap_search_lang .lang img{ display: block;}



.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0px;  float:right; z-index:99999; display:block;}

.header .menu-toggle span{ width:35px; height:2px; background:#285fb9;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}

.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#285fb9;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}

.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#285fb9;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

.header .menu-toggle.cur span{background-color:transparent;}

.header .menu-toggle.cur span:before{transform:rotate(45deg); top:2px;}

.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:2px;}



/*首页主体内容*/

.indexMain{}

.indexMain .indexLeft{ width: 100%; float: none;}

.indexMain .indexLeft .iabout{ border:none; margin-bottom: 10px;-moz-box-shadow:0px 0px 6px rgba(0,0,0,0); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0); box-shadow:0px 0px 6px rgba(0,0,0,0);}

.indexMain .indexLeft .iabout .title{ padding: 0 15px;}

.indexMain .indexLeft .iabout .title h3{font-size:18px;  line-height:50px;}

.indexMain .indexLeft .iabout .title h3:before{height: 2px;}

.indexMain .indexLeft .iabout .title a{margin-top: 20px; font-size: 13px;}

.indexMain .indexLeft .iabout .mianBox{ padding:20px; line-height: 1.6; font-size: 14px;}

.indexMain .indexLeft .iabout .mianBox img{float: left; margin-right:20px; width: 50%;}

.indexMain .indexLeft .iabout .box{ padding: 20px; line-height: 2;}

.indexMain .indexLeft .iabout .box ul{ overflow: hidden; margin: 0 -8px;}

.indexMain .indexLeft .iabout .box ul li{ width:50%; float: left; padding:0 8px; text-align: center;}

.indexMain .indexLeft .iabout .box ul li dl{ overflow: hidden; border: #cecece solid 1px; border-radius:10px;}

.indexMain .indexLeft .iabout .box ul li dl img{ width:100%;height:auto;display:block}



.indexMain .indexRight{ width:100%; padding: 0 15px;border:none; border-top:#f5f5f5 solid 10px; -moz-box-shadow:0px 0px 6px rgba(0,0,0,0); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0); box-shadow:0px 0px 6px rgba(0,0,0,0); float: none;}

.indexMain .indexRight .title{font-size: 18px; font-weight: normal; color: #0053a9; line-height: 54px;}

.indexMain .indexRight .imoju{ margin-bottom:10px; margin-top: 5px; }

.indexMain .indexRight .imoju .box{ border:#dedede solid 1px; border-radius: 10px; overflow: hidden;}

.indexMain .indexRight .imoju .box img{ width: 100%; height: auto;}

.indexMain .indexRight .icontact dl img{width:100%;}

.indexMain .indexRight .icontact .text{ line-height:1.6; padding: 10px 0 0px;}



/*内页左侧*/

.leftSide{display: none;}



/*内页右侧*/

.rightBox,.rightBox2{ width: 100%; float: none;border:none;-moz-box-shadow:0px 0px 6px rgba(0,0,0,0); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0); box-shadow:0px 0px 6px rgba(0,0,0,); background: url(../images/bg02.jpg) repeat-x top; padding-top: 5px; margin-top: 0;}

.rightBox .title,.rightBox2 .title{ padding: 0 15px; overflow: hidden; border-bottom: #d7d7d7 solid 1px;}

.rightBox .title h3,.rightBox2 .title h3{font-size: 18px; font-weight: normal; color: #0053a9; line-height: 50px;position:relative; }

.rightBox .title h3:before,.rightBox2 .title h3:before{ height: 2px;}



.rightBox .text{ padding: 20px 15px 0px; line-height:1.8; font-size: 14px;}



.rightBox .moju{ padding:20px 15px;}

.rightBox .moju ul{margin: 0 -5px; }

.rightBox .moju ul li{ width:50%; padding: 0 5px; }



.rightBox .products{ padding:20px 15px;}

.rightBox .products ul{margin: 0 -5px;}

.rightBox .products ul li{ width:50%; padding: 0 5px; float: left;}


.rightBox2 .products{ padding:20px 15px;}
.rightBox2 .products ul{margin: 0 -5px;}
.rightBox2 .products ul li{ width:100%; padding: 0 5px; float: left;}



.rightBox .news{ padding:20px 15px;}

.rightBox .news dl{ overflow: hidden; margin-bottom: 30px;}

.rightBox .news dl dt{ float:none; margin-right:0; margin-bottom:5px}

.rightBox .news dl dt img{ width: 100%; height: auto;}

.rightBox .news dl ol{ font-size: 12px; color: #999999;}

.rightBox .news dl ol h3{ font-size: 15px; }

.rightBox .news dl ol span{ padding: 10px 0; display: block;}

.rightBox .news dl ol p{ line-height: 1.6;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}

.rightBox .news ul li{ margin-bottom: 12px; overflow: hidden;}

.rightBox .news ul li a{ font-size: 14px; padding-left:15px;}

.rightBox .news ul li span{float: right; font-size: 12px; color: #999;}



.rightBox .news_view{ padding:20px 15px;}

.rightBox .news_view .news_title{ padding-bottom:10px; margin-bottom: 20px;}

.rightBox .news_view .news_title h1{ font-size:22px; font-weight:normal; line-height:55px;}

.rightBox .news_view .news_title dl{ color:#999; font-size: 12px;}


.rightBox2 .news_view{ padding:20px 15px;}
.rightBox2 .news_view .news_title{ padding-bottom:10px; margin-bottom: 20px;}
.rightBox2 .news_view .news_title h1{ font-size:22px; font-weight:normal; line-height:55px;}
.rightBox2 .news_view .news_title dl{ color:#999; font-size: 12px;}



.rightBox .service{ padding:20px 15px;}

.rightBox .service img{ float: none; margin-right: 0; width: 100%; margin-top: 20px;}

.rightBox .service dl{ line-height: 1.6; font-size: 14px; width: 100%;}

.rightBox .service dl h3{font-size: 22px; margin-bottom:10px;}



.rightBox2 .contact{ padding: 20px 15px; font-size: 16px; line-height:1.8;}


.rightBox2 .contact dl{ text-align: center; font-size: 24px; margin-bottom: 20px;}
.rightBox2 .contact ul{ margin: 0; overflow: hidden;}
.rightBox2 .contact ul li{ width: 100%; float: none; text-align: left; padding: 0; margin-bottom: 10px;}
.rightBox2 .contact ul li ol{ border:#a9b3e1 dashed 1px; padding:15px 10px;}
.rightBox2 .contact ul li ol i{ height: 50px; margin: 0 10px 0 0; display: block; float: left;}
.rightBox2 .contact ul li ol i img{ width:40px; height: auto;}
.rightBox2 .contact ul li ol h3{font-size: 16px; color: #000; line-height: 1;}
.rightBox2 .contact ul li ol p{ font-size: 15px; color: #666666;}





#map{font-size: 12px; height:250px; margin-top:20px;}





/*footer*/

.footer{ margin-top: 40px;}

.footer .mainBOX{  padding: 20px 0; text-align: center; line-height: 1.6; font-size: 14px;}

.footer .mainBOX ol {display: none;}



/*===/分页=============================*/

.fengye{ margin:30px 0 0; font-size:13px; text-align: center;}

.off{  padding:5px 8px; margin-right:5px; background:#fff; }

a.off:hover{ margin-right:5px;background:#0053a9; color:#fff;border: #0053a9 solid 1px;}

.fenkong{padding:0 8px;}

.fenkong a{ line-height:1;color:#666; padding:5px 8px; margin-right:5px;background:#fff; border: #eee solid 1px; }

}