﻿@charset "utf-8";
/* CSS Document */

/* banner */
.banner { position:relative; /*left:50%; width:1920px; margin-left:-960px;*/ background:#fff; text-align:center; z-index:3;height: 608px; }
.banner .bd li {width:100%; height:auto; }
.banner .bd img{width:100%; height:auto;}
.banner .hd { position:absolute; bottom:5%; width:100%; height:14px; z-index:1; }
.banner .hd ul { width:90%; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:0 3px; border-radius:50%; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; }
.banner .hd ul .on { background:#c5231c; }
/*index*/
.content{ width: 100%; overflow: hidden; }
.content .itit{ width: 100%;  padding: 45px 0 40px;}
.content .itit h1,.content .itit h2,.content .itit h3{ font-size: 30px; margin-bottom: 20px;text-align: center;}
.content .itit h5{ font-size: 18px; color: #999; text-align: center;}
.content .itit p{width:60%;margin:auto;}
.content .itit .zyyw{width:80%;margin:auto;height:60px;line-height:60px;}
.content .itit .zyyw p{width:15.5%;float:left;margin:0 1%; font-size:1.2em;font-weight:500;color:#00459E;}
 
.content .solution{ width: 100%;}
.content .solution .icase{ width: 100%; padding-top: 10px; overflow: hidden;}
.content .solution .morebtn{ width: 198px; height: 38px; display: block; line-height: 38px; text-align: center; color: #0043b3; border: 1px solid #0043b3; margin: 25px auto 0;}
.content .solution .icase .item{ width: 25%; *width: 24.98%; float: left; text-align: center;}
.content .solution .icase .item a{ width: 100%; overflow: hidden; display: block; position: relative;}
.content .solution .icase .item .img{ width: 100%; overflow: hidden;}
.content .solution .icase .item img{ width: 100%; display: block;}
.content .solution .icase .item h3,.content .solution .icase .item .more{ width: 100%; position: absolute; left: 0;}
.content .solution .icase .item h3{ width: 100%; top:30%; font-size: 20px; color:#fff;}
.content .solution .icase .item .more{ display: block; top: 50%;color:#fff;}
.content .solution .icase .item *{ transition-duration: .4s;}
.content .solution .icase .item:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); opacity: .8; }
.content .solution .icase .item:hover h3{ text-shadow: 1px 1px 1px #000; }
.content .solution .icase .item:hover .more{ text-shadow: 1px 1px 1px #000; }

.content .solution .icase .item:hover a{ color: #000;}

 
.content .products{ padding-top: 20px;}
.content .products .morebtn{ width: 100%; height: 68px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; display: block; line-height: 68px; text-align: center; color: #0043b3;}
.content .products .morebtn:hover{ line-height: 58px;}
.content .products .iproduct{ width: 100%; border-top: 1px solid #ededed; padding: 25px 0 0; }
.content .products .iproduct .list{ overflow: hidden; padding-bottom: 35px;}
.content .products .iproduct ul{ width: 100%; }
.content .products .iproduct li{ float: left; width: 18%; height: auto; position: relative; text-align: center; margin:5px 1%; }
.content .products .iproduct li h3{ line-height: 22px; margin-top: 6px; font-size: 18px; transition: none;}
.content .products .iproduct li img,.content .products .iproduct li .img{ width: 100%; height: auto; display: block;}
.content .products .iproduct li .img{ display: block;}
.content .products .iproduct li a{ display: block;}
.content .products .iproduct li:hover img{ transform: translateX(-5px); -webkit-transform:translateX(-5px);}
.tab_menu{overflow: hidden;text-align: center;padding: 10px 0 20px;}
.tab_menu li{display: inline-block;margin: 0 0.5%;padding: 4px 1%;width: 9.5%;min-width: 90px;font-size: 14px;background: #005bac;color: #fff;}
.current{background-color: #3e3e3e!important;}
.tab_menu li a{color: #fff;font-size: 1.15em;}

.pro_list{display: none;}

/*.content #floor_2_main .iproduct li:hover h3{ transform: translateX(-5px);-webkit-transform:translateX(-5px);}*/




/*.news*/
.content .news{ padding-bottom: 66px; border-bottom: 1px solid #ededed;}
.content .news .itit{ margin-bottom: 20px;}
.content .news .inews_left{ width: 50%;}
.content .news .inews_left .img,.content .news .inews_left img{ width: 100%; height: 150px; display: block; }
.content .news .inews_left .img{ overflow: hidden;}
/*.content .news .inews_left img:hover{ transform: scale(1.06);}*/
.content .news .inews_left .img{ position: relative;}
.content .news .inews_left .time{ width: 70px; height: 70px; line-height: 12px; background: #0043b3; text-align: center; color: #fff; position: absolute; left: 0; top: 0; }
.content .news .inews_left .time .day{ font-size: 30px; line-height: 48px;  }
.content .news .inews_left .time .ym{ font-size: 16px; }
.content .news .inews_left h3{ margin: 5px 0 3px; height: 30px; overflow: hidden; }
.content .news .inews_left .txt{ color: #666; line-height: 24px;}
.content .news .inews_left .more{ width: 148px; height: 31px; display: block; color: #666666; border: 1px solid #a6a6a6; text-align: center; line-height: 31px; margin-top: 8px; }
.content .news .inews_right{ width: 47.2%;}
.content .news .inews_right .item{ border-top: 1px dotted #f1f1f1;}
.content .news .inews_right .item:first-child{ padding-top: 0; border-top: 0;}
.content .news .inews_right .item a{ height:60px; padding:22px 0px; display: block; }
.content .news .inews_right .item:first-child a{ padding-top: 0px;}
.content .news .inews_right .item h3{ font-size: 18px; height: 26px; overflow: hidden;  margin-bottom: 5px; }
.content .news .inews_right .item .txt{ color: #999999; height: 34px; overflow: hidden; font-size: 12px; line-height: 16px;}
.content .news .inews_right .item .time{ width: 56px; height:60px; margin-right: 18px; text-align: center;  line-height: 14px; color: #999;}
.content .news .inews_right .item .time .day{ font-size: 48px; line-height: 48px; font-weight: 100;}
.content .news .inews_right .item .time .ym{  display: block; font-size: 13px;}
 
.content .map{ padding-top: 20px;}
.content .map .icontact{ width: 100%; height: 400px; padding-top: 50px; background: url(../images/imapimg.jpg) no-repeat center top;}
.content .map .icontactCon{ height: 310px; padding: 20px 0; background: #f6f6f6; }
.content .map .icontactCon .con{ padding: 0 40px;}
.content .map .icontactCon .china{ height: 308px;}
.content .map .icontactCon img{ width: 125px; height: 83px; margin: 0 auto 10px; cursor: pointer; display: block; }
.content .map .icontactCon img:hover{ margin-top: -3px; margin-bottom: 13px;}
.content .map .icontactCon h4{ text-align: center; margin-bottom: 10px;}
.content .map .icontactCon .txt{ line-height: 26px;width: 600px;margin: 0 auto ;}
.content .map .icontactCon .txt .ctiton{ font-weight: bold; }
 
.about{ width: 100%; overflow: hidden; }