@charset "utf-8";*{margin:0;padding:0}
body{font-family:Microsoft YaHei,Arial,Helvetica,'\534E\6587\9ED1\4F53',sans-serif;font-size:14px;color:#333}
.mc{margin:0 auto}
img{border:none}
li{list-style-type:none}
a{color:#666;text-decoration:none}
a:hover{color:#f60}
address,caption,cite,code,dfn,em,th,var{font-style: normal;font-weight: normal;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.mb30{ margin-bottom:30px;}
.container{margin-left: auto;margin-right: auto;width: 1200px;overflow: hidden;}
.m{margin:0 auto;width: 1200px;overflow: hidden;}
.ml10{margin-left:10px}
.mr10{margin-right:10px}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.ml15{margin-left:15px}
.mr15{margin-right:15px}
.mt15{margin-top:15px}
.mb15{margin-bottom:15px}
.ml20{margin-left:20px}
.mr20{margin-right:20px}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.ml30{margin-left:30px}
.mr30{margin-right:30px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mb30{margin-bottom:30px}
.f_l{float:left}
.f_r{float:right}
.more{float:right;margin-right:5px;font-size:14px}
.mtitle .more{font-size:12px}
.pos{float:right}
.bold{font-weight:700}
.topbar{height:25px;padding:5px 0;width:100%;line-height:25px;background:RGB(4,88,156);color:#fff}
.header{width:1200px;height:135px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto}
.headerbg{background-color:#FFF;width:100%;overflow:hidden}
.logo{float:left;height:70px;padding-right:20px;margin-top:35px;border-right:1px solid #888;background:url(../images/logo.png) no-repeat left center;}
.logo h2{font-size:36px;color:#003e92;}
.logo p{font-size:10px;color:#333;text-transform:uppercase;}
.logor{float:left;margin-top:40px;padding-left:20px;}
.logor h3{font-size:23px;color:#000;height:35px;}
.logor p{color:#333;font-size:14px;text-transform:uppercase;}
.toptel{float:right;height:100px;margin-top:35px;padding-left:60px;}
.toptel h3{font-size:33px;color:#c50501;}
.toptel p{font-size:14px;height:25px;color:#333;}

.menubg{width:100%;background-color:#003e92}
.menu{width:1200px;height:60px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;}
.menu ul li{float:left;width:125px;height:60px;text-align:center;line-height:60px;font-size:16px;margin-right:10px;}
.menu ul li a{transition:all .3s ease;display:block;color:#fff}
.menu ul li a:hover{background-color:#d20a05;color:#FFF;}
.menu ul li ul{display:none;position:relative;z-index:9999;background-color:#ffd200}
.menu ul li:hover ul{display:block}
.menu ul li ul li{line-height:40px;font-size:13px;height:40px;overflow:hidden;background-color:#333}
.menu ul li ul li:hover{background:#d20a05}
.menu ul li ul li:hover a{color:#FFF}
.menu ul .on{background-color:#d20a05}
.menu ul .on a{color:#FFF}
.menu ul li .cs{width:500px;background-color:#fdc300;overflow:hidden}
.menu ul li .cs li{margin-right:0}
.banner{height:500px;width:100%;background-color:#ccc}
.flexslider{width:100%;height:100%;overflow:hidden}
.flexslider .slides>li{display:none}
.flexslider .slides img{max-width:100%;display:block}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.flexslider{position:relative;zoom:1}
.flexslider .slides{zoom:1}
.flexslider .slides>li{position:relative}
.flex-caption{background:0 0;zoom:1}
.flex-caption{width:96%;padding:2%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px}
.flex-direction-nav{height:0;overflow:hidden}
.flex-direction-nav li a{display:none;width:47px;height:80px;position:absolute;top:50%;margin-top:-40px;cursor:pointer;text-indent:-9999px}
.flex-direction-nav li a.next{right:0;background:url(img/bg_direction_nav.png) no-repeat scroll -47px 0 transparent}
.flex-direction-nav li a.next:active{background:url(img/bg_direction_nav.png) no-repeat scroll -47px -80px transparent}
.flex-direction-nav li a.prev{left:0;background:url(img/bg_direction_nav.png) no-repeat scroll 0 0 transparent}
.flex-direction-nav li a.prev:active{background:url(img/bg_direction_nav.png) no-repeat scroll 0 -80px transparent}
.flex-direction-nav li a.disabled{opacity:.3;cursor:default}
.flex-control-nav{position:absolute;bottom:-50px;right:40%}
.flex-control-nav li{display:inline-block;zoom:1;margin-right:10px;margin-bottom:6px}
.flex-control-nav li a{display:block;width:10px;height:10px;background:url(img/bg_control_nav.png) no-repeat scroll 0 0 transparent;cursor:pointer;text-indent:-9999px}
.flex-control-nav li a:hover{background-position:0 -10px}
.flex-control-nav li a.active{background-position:0 -20px;cursor:default}
/* ==========banner=========== */

.com-title{width: 100%;text-align: center;padding-top: 40px;}
.com-title h2{color: #333333;font-size: 34px;}
.com-title h2 a{color: #333333;text-decoration: none;}
.com-title em{color: #fdc300;font-weight: bold;}
.com-title p{font-size: 20px;color: #666666;margin-top: 2px;}
.com-title i{display: block;width: 398px;height: 3px;margin: 20px auto 0;}
.com-title i img{display: block;width: 398px;height: 3px;}
.com-title p{font-size: 14px;margin-top: 13px;color: #666;}
.com-title h2 a{cursor:default;}
/* ===================== */
.icase{padding-bottom: 45px;}
.icase .title{padding: 45px 0 45px;text-align: center;font-weight: bold;color: #000;font-size: 36px;}
.icase .title span{color: #003e92;}
.icase .tab{text-align: center;padding-bottom: 50px;}
.icase .tab a{padding: 0 16px;height: 40px;line-height: 40px;background: #333333;font-size: 18px;display: inline-block;margin: 0 20px;color: #fff;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.icase .tab a:hover{background: #003e92;}
.icase .icaseCon{width: 100%;overflow: hidden;}
.icase .icaseCon .gridlist{width: 110%;}
.icase .icaseCon .gridlist .item .plus{height: 82%;background-image: url(../images/ipro_case_hover.png);}
.icase .icaseCon .gridlist .item h3{width: 100%;position: absolute;left: -100%;bottom: 55px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;font-size: 16px;color: #fff;text-align: center;height: 40px;line-height: 40px;overflow: hidden;transition: all ease .4s;}
.icase .icaseCon .gridlist .item:hover h3{left: 0;}

.gridlist{width: 100%;}
.gridlist .item{width: 280px;margin: 30px 26px 0 0;float: left;position: relative;overflow: hidden;}
.gridlist .item img{width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.gridlist .item .bg{width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: url(../images/black70.png) repeat 0 0;position: absolute;left: -100%;top: 0;}
.gridlist .item .plus{width: 280px;height: 210px;display: block;transition: all ease .4s;background: url(../images/ipro_hover.png) no-repeat center center;position: absolute;left: -100%;top: 0;}
.gridlist .item h3{color: #000;line-height: 28px;text-align: center;padding-top: 8px;height: 28px;overflow: hidden;}
.gridlist .item:hover .bg{left: 0;}
.gridlist .item:hover .plus{left: 0;}
.gridlist .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.gridlist .item:hover h3{color: #003e92;}

.ixbanner{width: 100%;height: 180px;position: relative;overflow: hidden;background: url(../images/ixbanner.jpg) no-repeat center top;}
.ixbanner .tel{float: right;width: 220px;line-height: 16px;padding-top: 65px;color: #fff;}
.ixbanner .tel span{font-size: 14px;display: block;}
.ixbanner .tel strong{font-size: 27px;line-height: 28px;}
.ixbanner .btn{float: right;width: 140px;height: 36px;line-height: 36px;border: 2px solid #fff;margin: 67px 20px 0 0;text-align: center;color: #003e92;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: #fff;}
.ixbanner .btn:hover{background: none;color: #fff;}

.iproduct{width: 100%;padding: 74px 0;background: #F5F5F5;}
.iproduct .iproList{width: 892px;float: right;overflow: hidden;}
.iproduct .iproList .gridlist{width: 120%;}
.iproduct .iproList .title{width: 100%;background: url(../images/ipro-titbg.png) no-repeat 98px center;}
.iproduct .iproList .title h3{color: #000;font-size: 18px;font-weight: bold;}
.iproduct .iproList .title a{color: #003e92;}
.iproduct .iproList .title a:hover{text-decoration: underline;}
.iproduct .iproNav{width: 278px;height: 475px;float: left;position: relative;padding-top: 90px;background: #fff;border: 1px solid #dcdcdc;border-bottom: 4px solid #003e92;}
.iproduct .iproNav .title{width: 100%;height: 80px;line-height: 80px;position: absolute;left: 0;top: 0;text-align: center;background: #003e92;color: #fff;font-size: 30px;font-weight: bold;}
.iproduct .iproNav .proitem{margin: 0 5%;padding: 12px 0;}
.iproduct .iproNav .proitem a{display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.iproduct .iproNav .proitem h3{font-size: 18px;font-weight: bold;color: #003e92;}
.iproduct .iproNav .proitem h3 a{color: #003e92;padding-left: 15px;}
.iproduct .iproNav .proitem h3 s{display: inline-block;vertical-align: middle;margin-right: 10px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #003e92;border-width: 4px;width: 0;height: 0;overflow: hidden;}
.iproduct .iproNav .proitem .list{border-bottom: 1px dashed #eeeeee;padding: 10px 0;display: none;}
.iproduct .iproNav .proitem .list li{line-height: 35px;}
.iproduct .iproNav .proitem .list li a{padding-left: 33px;}
.iproduct .iproNav .proitem.a3 .list{border-bottom: 0px;}
.iproduct .iproNav .proitem:hover h3{color: #313131;}
.iproduct .iproNav .proitem.hover .list{display: block;}
.iproduct .iproNav .proContact{position: absolute; *//* bottom: 0; */margin: 20px 5% 0;bottom: 19px;padding: 25px 0 10px 30px;border-top: 1px dashed #eeeeee;}
.iproduct .iproNav .proContact .tit{font-size: 24px;color: #003e92;font-weight: bold;margin-bottom: 12px;}
.iproduct .iproNav .proContact .tit2{font-weight: bold;color: #333333;}
.iproduct .iproNav .proContact .txt{line-height: 24px;color: #333333;font-size: 14px;padding: 5px 0 15px;}

.iservice2{text-align: center;height: 430px;padding: 40px 0 70px;background: #fff;background: url(../images/iservice2bg.jpg) no-repeat center top;}
.iservice2 .title{font-weight: bold;font-size: 36px;line-height: 36px;display: block;margin-bottom: 25px;color: #000000;}
.iservice2 .title span{color: #003e92;}
.iservice2 img{width: 1200px;display: block;margin: 0 auto;}
.iservice2 .btn{width: 208px;height: 55px;line-height: 55px;padding: 0;margin: 0 auto;font-size: 24px;display: block;color: #fff;text-align: center;background: #003e92;}
.iservice2 .btn:hover{background: #333;}

.iabout{padding: 60px 0 70px;background: #003e92;margin-bottom: 50px;}
.iabout .img{width: 400px;height: 300px;overflow: hidden;display: block;float: left;margin-right: 55px;}
.iabout .img img{width: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.iabout .img:hover img{transform: scale(1.03);}
.iabout .txtcon{width: 740px;float: right;}
.iabout .txtcon .title h3{color: #FFF;font-size: 24px;line-height: 24px;font-weight: bold;margin-bottom: 22px;}
.iabout .txtcon .title .line{width: 46px;height: 2px;display: block;background: #FFF;}
.iabout .txtcon .txt{margin: 30px 0 30px;line-height: 25px;height: 154px;overflow: hidden;color: #FFF;}
.iabout .txtcon .btn{width: 130px;line-height: 36px;height: 24px;padding-top: 12px;display: block;text-align: center;border:1px solid #FFF;}
.iabout .txtcon .btn s{width: 40px;height: 14px;display: inline-block;vertical-align: top;background: url(../images/ico.png) no-repeat center left;}
.iabout .txtcon .btn:hover{width: 140px;}

.inews{padding-bottom: 60px;margin-top:60px;}
.inews .title{width: 100%;height: 22px;line-height: 22px;margin-bottom: 28px;}
.inews .title h3{font-size: 22px;font-weight: bold;color: #003e92;}
.inews .title h3 s{width: 4px;height: 22px;display: inline-block;vertical-align: top;margin-right: 10px;background: #003e92;}
.inews .title a{color: #333;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.inews .title a:hover{text-decoration: underline;}
.inews .newslist{line-height: 55px;}
.inews .newslist li{width: 100%;height: 55px;line-height: 55px;overflow: hidden;border-bottom: 1px dashed #d4d4d4;}
.inews .newslist li a{width: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.inews .newslist li .time{color: #999999;float: right;font-weight: normal;}
.inews1{width: 580px;float: left;}
.inews .item{width: 100%;text-align:left;display: block;padding-bottom: 20px;border-bottom: 1px dashed #d4d4d4;}
.inews .item img{width: 100px;height: 75px;float: left;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;margin-right: 20px;}
.inews .item h3{color: #333;line-height: 24px;height: 24px;overflow: hidden;margin-bottom: 10px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.inews .item .txt{line-height: 20px;height: 40px;overflow: hidden;color: #999999;}
.inews .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.inews .item:hover h3{color: #003e92;}
.inews2{width: 575px;float: right;}

.link{width:1200px;overflow:hidden;margin:0 auto;line-height:35px;}
.link-con{width:100%;float:left;line-height:35px}
.link a{margin-right:10px}

.footer_city{width:100%;background:#F5F5F5;padding:30px 0;overflow:hidden;}
.city-title{border-bottom: 1px solid #CCC;margin: 0;font-size: 18px;color: #333;padding-bottom: 15px;}
.city-title span{text-transform: uppercase;font-weight:bold;font-size: 16px;color: #000;}
.city_list ul {margin-left: -20px;}
.city_list li {float: left;margin-left: 20px;margin-top: 20px;}
.footer_city a{color: #000;}
#footer{width:100%;padding:20px 0;background:#003e92;margin:0 auto}
.footer{width:1200px;color:#ffffff;line-height:30px;text-align:center;margin:0 auto;}
.ewm{right:30px;}
.ewm img{padding:11px;border:1px solid #ffffff;}
.footer a{color:#ffffff;margin:0 10px;}
.footer a:hover{text-decoration:underline;color:#FF0}

.nbanner{background-color:#f5f5f5;border-bottom:1px solid #CCC;height:50px;width:100%}
.nleft{float:left;width:230px;overflow:hidden}
.llm{float:left;width:230px;margin-bottom:15px;overflow:hidden}
.llmtitle{height:40px;width:100%;line-height:40px;font-size:16px;background-color:#003e92}
.llmtitle span{color:#fff;margin-left:15px}
.llmcon,.llmlist{width:228px;overflow:hidden;border:1px solid #ddd;line-height:40px}
.llmcon ul li{line-height:40px;height:40px;overflow:hidden;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ddd}
.llmcon ul li a{padding-left:25px;transition:all .3s ease;display:block}
.llmcon ul li a:hover{background-color:#f5f5f5;color:#666}
.llmlist ul li{line-height:40px;height:40px;overflow:hidden;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#ddd}
.llmlist ul li a{padding-left:25px;transition:all .3s ease;display:block}
.llmlist ul li a:hover{color:red}
.lxcon{width:198px;border:1px solid #ddd;padding:15px;line-height:35px;font-size:12px}
.nright{width:930px;float:right;overflow:hidden}
.rtitle{height:39px;width:100%;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ddd;line-height:39px}
.rtitle h2{float:left;font-weight:400}
.text{width:930px;overflow:hidden;padding-top:15px;padding-bottom:15px}
.text dl{float:left;width:100%;height:150px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#ccc;padding-top:18px}
.text dl dt{width:150px;float:left;margin-right:20px;padding:5px;border:1px solid #ddd;height:120px}
.text dl dd h3{height:35px;font-size:18px}
.text dl dd p{line-height:25px;color:#999}
.text dl dd span{height:25px;width:80px;background-color:#d20a05;float:left;text-align:center;margin-right:10px;margin-top:10px;padding-right:5px;padding-left:5px;line-height:25px;font-size:12px}
.text dl dd span a{color:#FFF;display:block}
.pic{width:930px;overflow:hidden;padding-top:15px;padding-bottom:15px}
.pic ul{width:1000px}
.pic ul li{float:left;text-align:center;margin-right:20px;width:298px;overflow:hidden;margin-bottom:20px}
.pic ul li p{line-height:35px}
.pic ul li img{width:100%;height:235px}
.list_page{text-align:center;margin:10px;display:block}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s;background:#fff}

.item{width:100%;text-align:center;margin-top:30px;}
.item h1{font-weight:400;font-size:22px}
.item p{font-size:12px;color:#999}
.desc{background-color:#f5f5f5;padding:10px;line-height:25px;color:#999;margin-top:15px;margin-bottom:15px}
.info{padding-top:20px;line-height:30px}
.info img{margin:0 auto;display:block}
.xgzx{border-top-width:1px;border-top-style:solid;border-top-color:#ccc;margin-top:15px;padding-top:10px}
.xgzx ul li{float:left;width:300px}
.pageing{width:100%;float:left;margin-top:30px;margin-bottom:30px}