/* 整行框架 */
.col_a1{width: 1200px; display:table; margin:0 auto;}


/*----------------------- 框架 ----------------------------*/
/* 左右 新闻部分*/
.col_index{width: 1143px; height:300px; display:table; margin:0 auto; margin-top:20px;}
.col_index_left{width: 550px; height:auto; float: left; padding-right:20px; border-right:1px dashed #9f9d9d;}
.col_index_right{width: 550px; float: right; padding-left:20px; vertical-align:top;}

/*-----------------------  服务项目 ----------------------------*/
.fuwu_tit{ width:1200px; height:66px; margin:0 auto; margin-top:90px; text-align:center; display:table;}

.fuwu_left{width:362px; height:484px; float:left; background:#f6f6f6;}
.fuwu_mid{width:362px; height:484px; float:left; margin-left:57px; background:#f6f6f6;}
.fuwu_right{width:362px; height:484px; float:right; background:#f6f6f6;}

.fuwu_a1{ width:308px; height:25px; line-height:25px; margin:0 auto; margin-top:30px; color:#0065b3; font-size:18px; font-family:"微软雅黑"; font-weight:bold;}
.fuwu_a1 a:hover{ color:#FF0000}
.fuwu_a2{ width:308px; height:50px; margin:0 auto; margin-top:15px; line-height:25px; color:#666; font-family:"微软雅黑"; font-size:14px;}

/*-----------------------  关于我们 ----------------------------*/
.about_tit{ width:1200px; height:59px; margin:0 auto; margin-top:90px; text-align:center; display:table;}

.about_left{width:498px; height:414px; float:left; }
.about_right{width:619px; height:414px; float:right; }

.about_a1{ width:100%; height:230px; line-height:30px; margin:0 auto; margin-top:25px; color:#666; font-size:15px; font-family:"微软雅黑";}
.about_a2 a{ width:130px; height:45px; line-height:45px; margin-top:100px; text-align:center; background:#188ce4; color:#fff; font-family:"微软雅黑"; font-size:16px; border-radius:50px; box-shadow:#c7e0f3 5px 5px 20px; display:block;}
.about_a2 a:hover{ color:#fff; display:block; background:#0072cb; text-decoration:none;}

/*-----------------------  案例 ----------------------------*/
.case_tit{ width:1200px; height:54px; margin:0 auto; margin-top:90px; text-align:center; display:table;}

/* 横向目录 */
.menu_heng{ width:1200px; height:100px; line-height:100px; margin:0 auto; text-align:center;}
.menu_heng a {padding:10px 20px; margin-right:10px; color:#666; font-size:15px; text-decoration:none;  background:#fff; font-family:"微软雅黑"; border-radius:50px; border:1px solid #e6e6e6; }
.menu_heng a:hover{background:#188ce4; color:#fff; text-decoration:none; border:1px solid #188ce4; box-shadow:#c7e0f3 1px 1px 20px;}
.menu_heng .on{background:#188ce4; color:#fff; font-family:"微软雅黑"; text-decoration:none; border:1px solid #188ce4; box-shadow:#c7e0f3 2px 2px 20px;}


/* 产品 */
.case_bd{ width:1200px; margin:0px auto; margin-top:15px; overflow:hidden;}
.case_bd ul{margin: 0 -80px 0 0;}

.case_bd ul a li { width:358px; height:350px; margin:0 32px 0 0; background:#efefef; float:left;}
.case_bd ul a:hover li{background:#1570b7; color:#fff}

.case_bd ul a li img{width:358px;height:237px; overflow:hidden; border:0; display:table;}

.case_bd ul a li span{width:310px; height:25px; line-height:25px; margin:0px auto; margin-top:28px; overflow:hidden;color:#0065b3; font-size:26px; font-family:"微软雅黑"; display:table}
.case_bd ul a li span em{font-size:18px;}
.case_bd ul a:hover li span {color:#fff; }

.case_bd ul a li p{width:310px; height:44px; margin:0px auto; margin-top:10px; overflow:hidden; color:#000; font-size:15px; font-family:"微软雅黑";}
.case_bd ul a:hover li p {color:#fff; }

/* 带箭头 滚动代码 */
.Box {position: relative;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top:120px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width:358px;height:290px;margin-left: 60px;overflow: hidden; background:#efefef;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width:358px;height:237px; transition: all 0.5s;}
/*.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}*/
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
 
.Box .Box_con .conbox ul li span{width:358px; height:25px; line-height:25px; margin:0px auto; margin-top:15px; overflow:hidden;color:#0065b3; font-size:16px; font-family:"微软雅黑"; text-align:center; display:table;}


.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}



/* marqueeleft  滚动案例 */
.marqueeleft{width:1200px;overflow:hidden;margin:0 auto;}
.marqueeleft ul{float:left; margin-bottom:30px;}
.marqueeleft li{float:left;margin:0 10px;display:inline;width:240px; height:190px;overflow:hidden;}
.marqueeleft li img{display:block;width:240px; height:160px; overflow:hidden;}
.marqueeleft li span{ width:240px;height:30px;line-height:30px; text-align:center; }
.marqueeleft li span a{font-family:"微软雅黑"; font-size:14px; color:#000; text-decoration:none;display:block;background:#f3f3f3}
.marqueeleft li span a:hover{ color:#FF0000} 


/*-----------------------  合作伙伴 ----------------------------*/
/* 背景 */
.hezuo_bg{ width:100%; height:550px; margin:0px auto; margin-top:100px; overflow:hidden; background:#f5f5f5;}
.hezuo_tit{ width:1200px; height:55px; margin:0 auto; margin-top:80px; text-align:center; display:table;}

.hezuo_bd{ width:1100px; margin:0px auto; margin-top:50px; overflow:hidden;}

.hezuo_bd ul{margin: 0 -80px 0 0;}

.hezuo_bd ul li{ width:245px; height:145px; margin:0 32px 23px 0; background:#fff; float:left; text-align:center;}
.hezuo_bd ul li img{width:auto; height:auto;overflow:hidden; border:0; margin:0 auto; margin-top:22px;}


/*-----------------------  新闻 ----------------------------*/
/* 新闻 */
.infoList{ width:1200px; height:auto; margin:0 auto; margin-top:40px; overflow:hidden;}

.infoList ul{ margin-right:-50px;}
.infoList ul li{width:582px; height:100px; border-bottom: 0px #d2d2d2 dotted; vertical-align:top; margin:10px 36px 30px 0; float:left; }

.infoImgLink{width: 160px; height: 100px; float: left; margin-right:20px;}
.infoImgLink img{width: 160px;height: 100px; border:0px;}

.infoContent{width: 402px; height: 110px; float:left; vertical-align:top;}
.infoContent h2 {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; color:#0198f1;}
.infoContent h2 a{ font-weight:300; font-size: 18px; color:#000; font-family:"微软雅黑"; text-decoration:none; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
.infoContent h2 a:hover{color:#ff0000;}
.infoContent p{ height:50px; line-height: 22px; margin:10px 0 0 0; font-size: 14px; color:#3d3d3d; font-family:"微软雅黑"; overflow: hidden;}
.infoContent span{ line-height: 20px; font-size: 13px; color:#3d3d3d; font-family:"微软雅黑"; overflow: hidden;}