@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff; min-width: 1024px; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color:#fd9108;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
table{ width: 100%; border-collapse:collapse;}
table tr,table td{ width: 100%; border: solid 1px #eee; }
.fl{ float:left;}
.fr{ float:right;}
input,textarea,select{  font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}
@font-face {font-family:'BebasNeue-Regular'; src: url('../fonts/BebasNeue-Regular-3.ttf'); }
.scrollbar::-webkit-scrollbar{ width:6px; background:#f4f4f4; }/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#fd9108; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

.c1200{ width: 1200px; margin:0 auto;position: relative;}
.wrap{ width: 84%; margin:0 auto;}

@media (max-width: 1440px){
    .wrap{ width: 1200px;}
}
@media (max-width: 1200px){
    .c1200{ width: 1024px; }
    .wrap{ width: 1024px;}
}

/*header*/
.headerBox{width: 100%;min-width: 1024px; height: 100px; position: fixed;top: 0;left: 0;z-index: 99; border-bottom: 1px solid #fff; background-color: #00315f;}
.headerBox .header{width: 88%;margin: 0 auto;min-width: 1024px;padding: 0 0; position: relative;}
.headerLogo{ position: absolute; left: 0; top: 15px;}
.headerLogo a{display: block; width: 205px;height:70px;background: url(../images/logo.png) center center no-repeat;}
.headerBox .headerIcon{position: absolute; top: 30px; right: 0; height: 40px;}
.headerIcon .sideSearch{font-size: 16px;line-height: 40px;color: #ffffff; padding-left: 24px;box-sizing: border-box;float: left;cursor: pointer;  background: url("../images/searchIcon.png") left center no-repeat; background-size:18px 18px;}
.headerIcon .sideSearch:hover{ color:#fd9108; background: url("../images/searchIcon1.png") left center no-repeat; background-size:18px 18px;}
.headerIcon .tel{ float: left; font-size: 24px; font-weight: bold; line-height: 40px;color: #ffffff; margin-left: 20px; padding-left: 24px;box-sizing: border-box;float: left;cursor: pointer;  background: url("../images/tel.png") left center no-repeat; background-size:18px 18px;}
.headerIcon .tel:hover{ color:#fd9108; background: url("../images/tel1.png") left center no-repeat; background-size:18px 18px;}
.headerNav{width: 100%;min-width: 1024px;}
.headerNav .nav{display: table;margin: auto; }
.headerNav .nav .nLi{display: inline-block;padding: 30px 0 ; margin:0 40px; box-sizing: border-box;position: relative;}
.headerNav .nav .nLi h3 a{display:block;font-size:16px;line-height:40px;color:#fff;text-align: center;font-weight: bold;transition: all 0.6s ease;}
.headerNav .nav .sub{display:none;position:absolute;top:81px;transform: translateX(-50%);left: 50%;z-index: 999;width: 150px;background-color:#d0d0ce;padding: 10px 0;box-shadow: 0 0 18px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 18px rgba(0,0,0,0.1);}
.headerNav .nav .sub1{position:absolute;top:101px; left: 50%; left: 300px; z-index: 999;width: 1200px;padding: 20px 0;}
.headerNav .nav .sub .item{width: 33.33%;float: left;border-right: 1px solid #eee;box-sizing: border-box;padding: 10px 50px; }
.headerNav .nav .sub .item:last-child{border-right: none;}
.headerNav .nav .sub .item .first{ width: 100%;margin-bottom: 10px;}
.headerNav .nav .sub .item .first a{font-size: 16px;color: #333;display: inline-block;box-sizing: border-box;}
.headerNav .nav .sub .item .list{ width: 100%; text-align: left; display: table; font-size: 0;}
.headerNav .nav .sub .item .list ul{ display: inline-block; vertical-align: top; width: 50%;}
.headerNav .nav .sub .item .list a{font-size: 14px;color: #333;display: block;box-sizing: border-box;margin-top: 10px;}
.headerNav .nav .sub .item a:hover{color: #fd9108;font-weight: bold;}
.headerNav .nav .nLi h3 a:hover,.headerNav .nav .nLi#on h3 a{color: #fd9108;}
@media (max-width: 1600px){
.headerNav .nav .sub1{ left: 235px;}
.headerNav .nav .nLi{ margin:0 30px; }
}
@media (max-width: 1440px){
.headerNav .nav .sub1{ left: 205px;}
.headerNav .nav .nLi{ margin:0 20px; }
}

@media (max-width: 1200px){
.headerNav .nav .sub1{width: 1024px; left: 190px;}
.headerNav .nav .nLi{ margin:0 15px; }
.headerIcon .tel{ margin-left: 10px; font-size: 20px;}
}

/*headerSearch*/
.headerSearch{width: 100%;background-color: #fff;position: fixed;top: -100%;left: 0;z-index: 98;padding: 30px 0;transition:all 0.6s ease;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.headerSearch .search{width: 800px;height: 50px;background-color: #fff;padding-left: 20px;border: 1px solid #ddd;box-sizing: border-box;margin: 0 auto;}
.headerSearch .search form{width: 100%;height: 50px;}
.headerSearch .search form .inputBox{width: 680px;height: 48px;float: left;font-size: 16px;border: none;}
.headerSearch .search form .search{border: none;width: 64px;height: 48px;background:#00315f url("../images/searchIcon.png") center center no-repeat;float: right;cursor: pointer;background-size: 24px 24px;}
.headerSearch .search form .search:hover{ background-color: #fd9108;}
.headerSearch .close{width: 20px;height: 20px;background: url("../images/closeIcon.png") center center no-repeat;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;cursor: pointer;transition: all 0.6s ease;}
.headerSearch .close:hover{background: url("../images/closeIcon1.png") center center no-repeat;}
.aTop{top: 101px !important;}

/*indexBanner*/
.indexBanner{ overflow:hidden; position:relative; width: 100%;  margin-top: 101px;  }
.indexBanner .hd{position:absolute;z-index:4;right:5%;bottom: 40px;}
.indexBanner .hd ul li{display:inline-block;width:14px;height:14px;margin:0 10px;border-radius: 50%;background-color: #fd9108;transition: all 0.6s ease;font-size: 0; cursor: pointer;opacity: 0.45;filter:alpha(opacity=45);}
.indexBanner .hd ul li.on{opacity: 1;filter:alpha(opacity=100);}
.indexBanner .bd{ padding:0; width: 100% ;  }
.indexBanner .bd ul{ overflow:hidden; zoom:1; }
.indexBanner .bd ul li{ margin:0 0; width: 100% ; float:left;  overflow:hidden; text-align:center;  }
.indexBanner .bd ul li img{ display: inline-block; width: 100% ;}
.indexBanner .prev,.indexBanner .next{display:block; width:50px; height:50px;position:absolute;top: 0;bottom: 0;margin: auto; z-index:22;overflow:hidden; cursor:pointer; opacity:1; -moz-opacity:1;filter:alpha(opacity=100); transition: all 0.8s ease;}
.indexBanner .prev{left:-50px; background:rgba(255,255,255,0.4) url(../images/arrowLeft.png) center center no-repeat;}
.indexBanner .next{right:-50px; background:rgba(255,255,255,0.4) url(../images/arrowRight.png) center center no-repeat;}
.indexBanner .prev:hover,.indexBanner .next:hover{ background-color: #fd9108; }
.indexBanner:hover .prev{ left: 3%;}
.indexBanner:hover .next{ right: 3%;}



/*indexProduct*/
.indexProduct{width: 100%; padding: 40px 0 ; background-color: rgba(0,49,95,0.1);}
.indexProduct h2{font-size: 48px;color: #00315f;text-align: center;font-weight: normal;}
.indexProduct .tit{font-size: 18px;color: #333333;text-align: center;margin: 10px 0 30px;}
.searchBox{width: 630px;height: 50px;background-color: #fff;padding-left: 20px;border: 1px solid #ddd;box-sizing: border-box;margin: 0 auto;}
.searchBox form{width: 100%;height: 50px;}
.searchBox form .inputBox{width: 540px;height: 48px;float: left;font-size: 16px;border: none;}
.searchBox form .search{border: none;width: 64px;height: 48px;background:#00315f url("../images/searchIcon.png") center center no-repeat;float: right;cursor: pointer;background-size: 24px 24px;}
.searchBox form .search:hover{ background-color: #fd9108;}
.indexProduct ul{width: 100%;display: table;text-align: left;font-size: 0;margin-top: 60px;}
.indexProduct ul li{display: inline-block;vertical-align: top;width: 32%;height: 370px;margin-right: 2%;margin-bottom: 2.2%;background-color: #fff; transition: all 0.6s ease; position: relative;}
.indexProduct ul li:nth-of-type(3n){margin-right: 0;}
.indexProduct ul li a{display: inline-block; width: 100%; height: 100%; padding: 30px;box-sizing: border-box; }
.indexProduct ul li h4{font-size: 40px;color: #00315f;font-weight: normal;transition: all 0.6s ease;}
.indexProduct ul li .txt{font-size: 18px;line-height: 28px;color: #333;margin: 24px 0 0 0; transition: all 0.6s ease;}
.indexProduct ul li .a{width: 136px;height: 56px;background-color: #fd9108;text-align: center;line-height: 56px;color: #FFFFFF;font-size: 16px;transition: all 0.6s ease; position: absolute; left: 30px; bottom: 30px;}
.indexProduct ul li .a:hover{background-color: #FFFFFF;color: #fd9108;}
.indexProduct ul li:hover h4{color: #fd9108;}
.indexProduct ul li:hover{ background-color: #00315f;}
.indexProduct ul li:hover .txt{ color: #fff;}

/*indexMain*/
.indexMain{width: 100%; padding: 80px 0;}
.indexMain h2{font-size: 48px;color: #00315f;font-weight: normal;margin-bottom: 28px;}
.indexNews {float: left;width: 59%;}
.indexNews ul{width: 100%;display: table;text-align: left;font-size: 0;}
.indexNews ul li{display: inline-block;vertical-align: top;width: 49%;margin-right: 2%;margin-bottom: 20px;transition: all 0.6s ease;}
.indexNews ul li:nth-of-type(2n){margin-right: 0;}
.indexNews ul li .time{float: left;width: 24%;height: 110px;background-color: #fd9108;font-size: 24px;color: #ffffff;text-align: center;line-height: 30px;padding-top: 25px;box-sizing: border-box;}
.indexNews ul li .cont{float: left;width: 70%;margin-left: 4%;}
.indexNews ul li .cont h5{font-size: 18px;font-weight: normal;color: #00315f;margin: 12px 0;transition: all 0.6s ease;}
.indexNews ul li .cont .txt{font-size: 16px;line-height: 24px;color: #666666;}
.indexNews ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.indexNews ul li:hover .cont h5{color: #fd9108; }

/*indexAbout*/
.indexAbout{float: right;width: 40%;}
.indexAbout .contBox{width: 100%;height: 370px;background: url("../images/indexAboutPic.jpg") center center no-repeat;position: relative;}
.indexAbout .cont{width: 94%;position: absolute;left: 0;right: 0;bottom:6%;margin: auto;}
.indexAbout .cont .text{font-size: 16px;line-height: 28px;color: #ffffff;}
.indexAbout .cont a{width: 76px;font-size: 16px;font-weight: bold;color: #fd9108;margin-top: 10px;padding: 14px 0;display: block;transition: all 0.6s ease;}
.indexAbout .cont a:hover{padding: 14px 20px;background-color: #fd9108;color: #fff;}

/*footer*/
.footer{width: 100%;background-color: #d0d0ce;padding-top: 40px;}
.footer .footerNav{ width: 100%; text-align: center; display: table; font-size: 0;} 
.footer .footerNav .item{ display: inline-block; vertical-align: top; margin:0 7%; text-align: left;}
.footer .footerNav .item:first-child{ margin: 0 7% 0 0;}
.footer .footerNav .item:last-child{ margin: 0 0 7% 0;}
.footer .footerNav .item .first { width: 100%; margin-bottom: 14px;}
.footer .footerNav .item .first a{font-size: 16px;font-weight: bold;color: #00315f;display: inline-block;}
.footer .footerNav .item .first a:hover{color: #fd9108;}
.footer .footerNav .item .list{ width: 100%; text-align: left; display: table;  font-size: 0;}
.footer .footerNav .item .list ul{ display: inline-block; vertical-align: top; }
.footer .footerNav .item .list ul:first-child{ margin-right: 60px;}
.footer .footerNav .item .list ul li a{font-size: 14px;color: #00315f;margin-top: 10px;display: inline-block;}
.footer .footerNav .item .list ul li a:hover{color: #fd9108;}
.copyRight{width: 88%;margin: 50px auto 0;min-width: 1024px;border-top: 1px solid rgba(0,0,0,0.1);text-align: center;padding: 24px 0;font-size: 14px;color: #00315f;}
.copyRight a{font-size: 14px;color: #00315f;}
.copyRight a:hover{color: #fd9108;}
@media (max-width: 1600px){
    .footer .footerNav .item{  margin:0 6%; }
    .footer .footerNav .item:first-child{ margin: 0 6% 0 0;}
    .footer .footerNav .item:last-child{ margin: 0 0 6% 0;}
}

@media (max-width: 1600px){
    .footer .footerNav .item{  margin:0 4%; }
    .footer .footerNav .item:first-child{ margin: 0 4% 0 0;}
    .footer .footerNav .item:last-child{ margin: 0 0 4% 0;}
}



/*pageBanner*/
.pageBanner{width: 100%;height: 430px;min-width: 1024px;margin-top: 101px;padding-top: 160px;box-sizing: border-box;}
.pageBanner h1{font-size: 48px;color: #fff;text-align: center;}
.pageBanner .tit{font-size: 30px;color: #fff;text-align: center;margin-top: 10px;}

/*pageProduct*/
.pageProduct{width: 100%;padding: 100px 0;}
.pageProduct .productLeft{float: left;width: 16%;}
.pageProduct .productLeft dl{width: 100%;}
.pageProduct .productLeft dl dt a{width: 100%;height: 42px;line-height:42px;display: block;font-size: 18px;font-weight: bold;color: #fff;padding-left: 4%;box-sizing: border-box;background-color: #00315f;}
.pageProduct .productLeft dl dt a span{font-size: 18px;font-weight: bold;color: #fff;text-transform: uppercase;margin-left: 3%;}
.pageProduct .productLeft dl dd{ border: solid 1px #eee; box-sizing: border-box;}
.pageProduct .productLeft dl dd a{ display: inline-block; width: 100%;height: 38px;line-height:38px;display: block;	font-size: 14px;color: #333333;padding:0 6% 0 4%;box-sizing: border-box;border-bottom: 1px solid #eee;position: relative;transition: all 0.6s ease;}
.pageProduct .productLeft dl dd a:last-child{border-bottom: none;}
.pageProduct .productLeft dl dd a::after{content: '';transition: all 0.6s ease;width: 0;height: 0;border-left: 6px solid #fd9108;border-top: 5px solid transparent;border-bottom: 5px solid transparent;position: absolute;top: 0;right: 5%;bottom: 0;margin: auto;opacity: 0;}
.pageProduct .productLeft dl dd a:hover,.pageProduct .productLeft dl dd a.on{color: #fd9108;font-weight: bold;}
.pageProduct .productLeft dl dd a:hover::after,.pageProduct .productLeft dl dd a.on::after{opacity: 1;}
.pageProduct .list{float: right;width: 81%;}
.pageProduct .list ul{ width: 100%; display: table;text-align: left;font-size: 0;}
.pageProduct .list ul li{display: inline-block;vertical-align: top;border: 1px solid #eee;box-sizing: border-box;width: 23.5%;margin-right: 2%;margin-bottom: 2%;transition: all 0.6s ease; overflow: hidden;}
.pageProduct .list ul li:nth-of-type(4n){margin-right: 0;}
.pageProduct .list ul li .img{width: 100%;}
.pageProduct .list ul li .img img{width: 100%;}
.pageProduct .list ul li .tit{margin: 0 auto 15px;width: 92%;font-size: 16px;color: #333333;transition: all 0.6s ease;}
.pageProduct .list ul li .txt{margin: 0 auto;width: 92%; line-height:14px; min-height: 34px; font-size: 14px;color: #999;padding: 10px 0 10px 50%;box-sizing: border-box;position: relative;transition: all 0.6s ease;}
.pageProduct .list ul li .txt:nth-of-type(2n-1){border-bottom: 1px solid #eee;}
.pageProduct .list ul li .txt span{display: block;width: 48%;position: absolute;top: 10px;left: 0;}
.pageProduct .list ul li:hover{border-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.06);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.06);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.06);}
.pageProduct .list ul li:hover .tit,.pageProduct ul li:hover .txt{color: #fd9108;}

.SearchHint{ width: 100%; text-align: center; font-size: 24px; color: #333;}

.proDetails{float: right;width: 81%;}
.proDetails .proBox{ width: 100%; margin-bottom: 50px;}
.proImg{position: relative;overflow: hidden;width: 35%;}
.proImg .bigImg{position: relative; width: 100%;}
.proImg .bigImg li img{width: 100%; box-sizing: border-box; border: solid 1px #eee;}
.proImg .smallScroll{ width: 90%; margin: 15px auto 0; padding: 0 5%; position: relative;}
.proImg .sPrev,.proImg .sNext{position: absolute; top: 0; height: 100%; display: block; width: 4%; }
.proImg .sPrev{ left: 0;  background:rgba(0,49,95,0.1) url(../images/prev.png) center center no-repeat;}
.proImg .sNext{ right: 0;  background:rgba(0,49,95,0.1) url(../images/next.png) center center no-repeat;}
.proImg .sPrev:hover,.proImg .sNext:hover{ background-color: #fd9108;}
.proImg .smallImg{margin: 0 0;display: inline-block;width: 100%; padding: 0 ; overflow: hidden;}
.proImg .smallImg ul{width: 100% ;overflow: hidden;}
.proImg .smallImg li{float: left; width: 20%;  cursor: pointer;display: inline; position: relative;}
.proImg .smallImg img{width: 90%; margin:0 5%; border: 1px solid #eee; box-sizing: border-box; }
.proImg .smallImg .on img{border-color: #fd9108;}

.proDetails .proInfo{ width: 60%;}
.proDetails .proInfo h3{ font-size: 24px; color: #333; font-weight: normal; margin: 20px 0;}
.proDetails .proInfo table{ float: left; width: 100%; text-align: center; margin: 40px 0;}
.proDetails .proInfo table tr{ width: 100%; background-color: #fff;}
.proDetails .proInfo table tr:nth-child(odd){ background-color: rgba(0,49,95,0.03);}
.proDetails .proInfo table tr td{  line-height: 20px; width: 33.33%; padding: 15px 15px; font-size: 14px; color: #999;}
.proDetails .proInfo tbody tr:first-child td{ font-size: 16px; color: #333;}
.proDetails .proInfo .more a{ display: inline-block; width: 30%; text-align: center; font-size: 16px; color: #fff; background-color: #fd9108; padding: 15px 0; }

.proDetails .top{ width: 100%; padding: 15px 20px; box-sizing: border-box; font-size: 20px; font-weight: bold; background-color: rgba(0,49,95,0.1); color: #333;}
.proDetails .cont{ width: 100%; margin-top: 20px; font-size: 14px; color: #333; line-height: 32px;}
.proDetails .cont img{ max-width: 100%;}


/* pageTitle */
.pageTitle { text-align: center; width: 100%;}
.pageTitle h2{font-size: 40px;color: #00315f; font-weight: normal;}
.pageTitle .tit{font-size: 18px;color: #666; margin: 10px 0 30px; text-transform: uppercase;}

/* pageAbout */
.pageAbout{ width: 100%; padding: 80px 0;}
.pageAbout .pageTitle{ text-align: left;}
.pageAbout .img{ width: 45%; position: relative;}
.pageAbout .img img{ width: 100%;}
.pageAbout .cont{ width: 50%;  padding-top: 2%;}
.pageAbout .con{ width: 100%; font-size: 16px; color: #333; margin-top: 4%; line-height: 36px;}
.pageAbout .con img{ max-width: 100%;}

/* pageBrand */
.pageBrand{ width: 100%;  padding: 80px 0; margin: auto; background-color: rgba(0,49,95,0.1);}
.pageBrand .list{ width: 100%;margin-top: 4%; text-align: left; display: table; font-size: 0; }
.pageBrand .list li{ display: inline-block; width: 24.25%; background-color: #fff; vertical-align: top; margin-right: 1%; margin-bottom: 30px; transition: all 0.8s ease;}
.pageBrand .list li:nth-child(4n){ margin-right: 0;}
.pageBrand .list li a {display: inline-block; box-sizing: border-box; padding: 4%;}
.pageBrand .list li .img{ width: 100%; height: 280px;}
.pageBrand .list li img{ width: 100%; height: 280px; }
.pageBrand .list li .name{ font-size: 16px; color: #333; margin-top: 15px; transition: all 0.8s ease; text-align: center;}
.pageBrand .list li:hover .name{ color: #fd9108;}

/* pageAdvantage */
.pageAdvantage{ width: 100%;  padding: 80px 0; margin: auto; background-color: rgba(0,49,95,0.1);}
.pageAdvantage .list{ width: 100%; padding-top: 30px; text-align: left; display: table; font-size: 0; }
.pageAdvantage .list dl{ display: inline-block; width: 24.25%; background-color: #fff; vertical-align: top; margin-left: 1%; transition: all 0.8s ease;}
.pageAdvantage .list dl:first-child{ margin-left: 0;}
.pageAdvantage .list dl dt{ position: relative; width: 100%; overflow: hidden;}
.pageAdvantage .list dl dt img{ width: 100%; position: relative; z-index: 1;}
.pageAdvantage .list dl dt p{ font-size: 18px; position: absolute; bottom: 0; left: 0; z-index: 2; color: #fff; padding: 10px 0; width: 100%; text-align: center; background-color: rgba(0,49,95,0.6);}
.pageAdvantage .list dl dd{ padding: 15px 20px; box-sizing: border-box; width: 100%; font-size: 16px; color: #333; line-height: 30px;}


/* pageContact */
.pageContact{ width: 100%; padding:80px 0 ; margin: auto;}
.pageContact .pageTitle{ text-align: left;}
.pageContact .cont{ width: 100%;}
.pageContact .item{ width: 45%; margin-top: 10px;}
.pageContact .item dl{ display: block; opacity: 1; padding:15px 0 15px 45px; position: relative;}
.pageContact .item dl dt{ position: absolute; top: 15px; left: 0; width: 30px; height: 30px; background-size: 35px 35px !important; border: solid 1px #fd9108; border-radius: 50%;}
.pageContact .item dl:nth-child(1) dt{ background: url(../images/icon_c01.png) center center no-repeat;}
.pageContact .item dl:nth-child(2) dt{ background: url(../images/icon_c02.png) center center no-repeat;}
.pageContact .item dl:nth-child(3) dt{ background: url(../images/icon_c03.png) center center no-repeat;}
.pageContact .item dl:nth-child(4) dt{ background: url(../images/icon_c04.png) center center no-repeat;}
.pageContact .item dl dd{ width: 100%; font-size: 16px; color: #333; line-height: 30px;}

.pageContact .form{ width: 50%;}
.pageContact .form .top{ font-size: 24px; color: #333;}
.pageContact .form form{ width: 100%; margin-top: 30px;}
.pageContact .form .row{ display: inline-block; width: 100%; margin-bottom:10px;}
.pageContact .form .row p{ float:left; display:block; margin-right: 4%; width: 48%;  }
.pageContact .form .row p:nth-child(2n){ margin-right: 0;}
.pageContact .form label{ position:relative; display:block; }
.pageContact .form label span{ position:absolute; left:0; top:0; line-height: 40px; font-size:14px; color: #999;}
.pageContact .form .txt{ border:0; border-bottom: solid 1px #eee; padding:11px 0; height: 18px; overflow: hidden; font-size: 14px; line-height: 18px;  color: #333;}
.pageContact .form .txt:focus{ border-bottom-color: #fd9108;}
.pageContact .form .txt.w1{ width:100%;  }
.pageContact .form .txt.w2{ width:100%; height: 70px; }
.pageContact .form .btn{ width:180px; height: 44px; margin-top: 10px; font-size: 14px; line-height: 44px; color: #fff; border: 0; overflow: hidden; background-color: #fd9108; cursor: pointer; transition: all 0.6s ease;}
.pageContact .form .btn:hover{ background-color: #00315f;}

.allmap{ width: 100%; text-align: center; padding: 80px 0; }
.allmap img{ max-width: 100%;}

/* FocusNews */
.FocusNews{ width: 100%; padding-top: 80px; position: relative;}
.FocusNews ul{width: 100%;display: table;text-align: left;font-size: 0;}
.FocusNews ul li{display: inline-block;vertical-align: top;width: 32.66%;transition: all 0.6s ease; position: relative; overflow: hidden;  box-sizing: border-box; height: auto; margin-left:1%;}
.FocusNews ul li:first-child{ margin-left: 0;}
.FocusNews ul li .img{ width: 100%; overflow: hidden; position: relative; z-index: 2; transition: all 0.8s ease;}
.FocusNews ul li .img img{ width: 100%; transition: all 0.8s ease;}
.FocusNews ul li .cont{ display: inline-block; width: 100%; padding:10px 0 0 0; box-sizing: border-box; z-index: 3; transition: all 0.8s ease;   overflow: hidden;}
.FocusNews ul li .cont h5{ font-size: 18px; color: #333; margin-top: 10px; transition: all 0.8s ease;}
.FocusNews ul li .cont .txt{ font-size: 14px; color: #999; line-height: 24px; margin: 10px 0 0; border-bottom: solid 1px #eee; padding-bottom: 10px;}
.FocusNews ul li:hover img{ transform: scale(1.05);}
.FocusNews ul li:hover h5{ color: #fd9108; }


/* pageNews */
.pageNews{ width: 100%; padding:80px 0 ; margin: auto; position: relative;}
.pageNews ul{width: 100%;display: table;text-align: left;font-size: 0;}
.pageNews ul li{display: inline-block;vertical-align: top;width: 100%;margin-bottom: 3%;transition: all 0.6s ease; position: relative; overflow: hidden; border: solid 1px #eee; box-sizing: border-box;}
.pageNews ul li a{ display: block;}
.pageNews ul li .img{width: 18%;overflow: hidden; height: 100%;  background-color: #fd9108;text-align: center;}
.pageNews ul li .img img{  width: 100%;  transition: all 0.8s ease;}
.pageNews ul li .cont{width: 77%; padding:30px 2.5% ;   position: relative;}
.pageNews ul li .cont h5{font-size: 18px;font-weight: normal;color: #00315f;margin-bottom: 12px ;transition: all 0.6s ease;}
.pageNews ul li .cont .time{ font-size: 14px; color: #999; margin: 5px 0 20px;}
.pageNews ul li .cont .txt{font-size: 16px;line-height: 30px;color: #666666;}
.pageNews ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.pageNews ul li:hover .cont h5{color: #fd9108; }
.pageNews ul li:hover img{transform: scale(1.05);}

@media (max-width: 1600px){
    .pageNews ul li .img{width: 25%;}
    .pageNews ul li .cont{width: 70%; }
}



.pageNewsD{ width: 100%; padding: 80px 0;}
.pageNewsD .name{ font-size: 30px; text-align: center; color: #333;}
.pageNewsD .time{ font-size: 14px; color: #999; padding: 10px 0; border-bottom: dashed 1px #ddd; text-align: center;}
.pageNewsD .time span{ margin: 0 10px;}
.pageNewsD .summary{ margin: 20px 0; padding: 20px; background-color: #fafafa; font-size: 14px; color: #999; line-height: 24px;}
.pageNewsD .summary span{ color: #666;}
.pageNewsD .cont{ width: 100%; margin: 30px auto; font-size: 14px; color: #333; line-height: 34px;}
.pageNewsD .cont img{ max-width: 100%;}
.pageNewsD .link{ width: 100%; padding: 20px 0; border-top: dashed 1px #ddd; border-bottom: dashed 1px #ddd;}
.pageNewsD .link .left{  line-height: 40px; margin: 20px 0; height: 40px;}
.pageNewsD .link .left a{ color: #000; font-size: 18px; color: #666;}
.pageNewsD .link .right{ height: 80px; max-width: 600px;}
.pageNewsD .link .right p{ margin: 5px 0; width: 100%;}
.pageNewsD .link .right a{ font-size: 14px; color: #999; line-height: 30px;}
.pageNewsD .link a:hover{ color: #fd9108; text-decoration: underline;}


/* fenye */
.pages{ margin:40px 0 0;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#fd9108;  border:1px solid #fd9108; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#fd9108; color:#fff; text-align:center; padding:0 14px; margin:0 2px;}