@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