﻿@charset "utf-8";

body{min-width: 1200px; width: 100%;}
/*头部开始*/
.gd01{width:100%;height:146px;background: url(../images/gd01.jpg) no-repeat top center;}

em, i { font-style: normal;}
.header{ width: 1200px;  margin: 0 auto; overflow: hidden;}
.t_bg { background:#f7f7f7 url(../images/t_bg.gif) repeat-x center 0;position: relative;}

.h_top { padding-top:10px; font-family:"Microsoft YaHei"; height:25px;font-size: 14px;color: #333;}
.h_top i{ float:left;}
.h_top p { float: right;}
.h_top p a { padding:0 5px; color:#000; background:url(../images/h_xxico.gif) no-repeat right center;  display:inline-block;}
.h_top p q { display:block; float:left;}
.h_top p q a { background:none;}
.h_top p q img { margin-bottom:px;}
.h_top p .nobor { background:none;}

.h_con { height:129px; width:1200px; overflow:hidden}
.h_con h1 { padding-top:20px; float:left;}
.h_bt { font-family:"Microsoft YaHei"; font-size:18px; color:#231815; padding:38px 0 0 15px;}
.h_bt span { display:block; font-weight: bold; font-size:18px; color:#ca0011; padding-top:6px; }
.h_pho q { font-family:"Microsoft YaHei"; font-size:16px; color:#ca0011; display:block; margin:20px 0 12px;    text-align: right;}
.h_pho p { font-family:"Microsoft YaHei"; font-size:20px; color:#000; background:url(../images/h_pho.gif) no-repeat left bottom; padding-left:55px;margin-top: 35px;}
.h_pho span { color:#ca0011; font-size:28px; display:block; font-family:Impact;    margin-top: 8px;}

.h_nav { height:46px; line-height:46px; overflow:hidden}
.h_nav ul li { float:left;}
.h_nav ul .nobor01 { background:none;}
.h_nav ul li a { display:block; padding:0 30px; color:#fff; font-size:15px;font-weight: bold; font-family:"Microsoft YaHei";}
.h_nav ul li a:hover,.h_nav ul .cur a { color:#fff; text-decoration:none; background:url(../images/n_libg.gif) no-repeat center 0;}

.s_inp {  margin-top:17px;}
.inp01 { background:url(../images/s_inp.gif) no-repeat; width:187px; height:24px; line-height:24px; border:none; padding:0 3px; float:left; font-size:12px; color:#333}
.h_ser p { float:left; width:670px; overflow:hidden; padding-top:20px; height:20px;}
.h_ser p a { padding:0 10px; border-right:dotted 1px #b9b9b9; color:#000;}

 .nav ul{
	 list-style: none;
 }
 .nav{ height:50px; margin:0 auto; width:1200px;}
 .nav>li{
	 float: left; 
 }
 .nav .on{ background: url(../images/n_libg.gif) no-repeat center 0;}
 .nav a{
	 display: block;
	 text-decoration: none;
	 width: 150px;
	 height: 50px;
	 text-align: center;
	 line-height: 50px;
	 color: white;
	 background-color: #000;
 }
.nav a:hover{    background: url(../images/n_libg.gif) no-repeat center 0;}
 .drop-down{
	 /*position: relative;*/
 }
 .drop-down-content{
	 padding: 0;
	 display: none;
	 /*position: absolute;*/
 }
 
 h3{
	 font-size: 30px;
	 clear: both;
 }
.drop-down-content li:hover a{
	background-color:red;
 }
 .nav .drop-down:hover .drop-down-content{
	 display: block; z-index:9999;position: absolute;
 }

/*头部结束*/

/**/
.four{ padding:60px 0 0;font-size: 0;}
.four_t{font-size: 28px;color: #333;text-align: center; background:url(../images/four_line.gif) no-repeat center 68px;line-height: 28px;-webkit-transition:transform .3s;transition:transform .3s;height: 75px;}
.four_t em{display: block;width: 42px;height: 42px; margin:0 auto; padding:0 0 10px;}
.four_t span{display: block; font-family:Arial, Helvetica, sans-serif;font-size: 16px;color: #666;font-weight: normal; padding:3px 0 0;}
.four_t:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.four_t em img{width: 42px;height: 42px;display: block; transition: all 0.5s ease-in-out 0s;}
.four_t:hover em img{ transform: rotateY(180deg);}
.ibrand-num{ padding:25px 0 0;}
.ibrand-num li{float:left;width:182px;height:120px;padding-top:62px;margin-left:72px;text-align:center;color:#ca0011;font-size:20px;position: relative;}
.ibrand-num li:first-child{margin-left:0;}
.ibrand-num li span{font-size:42px; font-family:Verdana, Geneva, sans-serif;}
.ibrand-num li b{display:block;font-size: 16px;color: #666;font-weight: normal; padding:10px 0 0;}
/*.four .four_li01{ background:url(../images/four_k01.gif) no-repeat;}
.four .four_li02{ background:url(../images/four_k02.gif) no-repeat;}
.four .four_li03{ background:url(../images/four_k03.gif) no-repeat;}
.four .four_li04{ background:url(../images/four_k04.gif) no-repeat;}*/
.ibrand-num li .spinner{position: absolute;top: 0;right: 0;width:174px;height:174px;border:4px solid #e8e8e8;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
.ibrand-num li:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);border-color:#ca0011;}
.four .four_li01 .spinner{border-right-color:#ca0011;}
.four .four_li02 .spinner{border-top-color:#ca0011;}
.four .four_li03 .spinner{border-left-color:#ca0011;}
.four .four_li04 .spinner{border-bottom-color:#ca0011;}
.four .four_li05 .spinner{border-right-color:#ca0011;}
/**/
.case_bg{background: #e8e8e8;font-size: 0;height: 460px;overflow:hidden;}
.case_t{width: 315px;height: 100px; background:url(../images/case_ico01.gif) no-repeat 0 97px;line-height: 32px;position: absolute;top: 75px;left: 0;}
.case_t a{font-size: 28px;color: #ca0011;}
.case_t b{ padding:0 10px 0 0;}
.case_t span{display: block;font-size: 16px;color: #191f5b; padding:10px 0 0;}

.case_l{width: 880px; padding:75px 0 0;}
.case_l dl{width: 880px; display:inline-block;}
.case_l dl dt{width: 560px;height: 315px;overflow: hidden;float: right;}
.case_l dl dt img,.news dt img{width: 560px;height: 315px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_l dl dt img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.case_l dl dd{width: 260px;float: left; padding:130px 0 0;}
.case_l dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case_l dl dd h5 a{font-size: 20px;color: #333;}
.case_l dl dd h5 a:hover{color: #ca0011;}
.case_l .case_desc{font-size: 16px;color: #666;line-height: 26px;height: 52px;overflow: hidden; padding:10px 0 0;}
.case_l dl dd span,.about dl dd span{display: block;width: 144px; padding:30px 0 0;}
.case_l dl dd span a,.ban01 p em a,.ys dl dd span a,.about dl dd span a{display: block;font-size: 16px;color: #fff;font-weight: bold; background:url(../images/case_btn.png) no-repeat;width: 144px;height: 46px;text-align: center;line-height: 46px;overflow: hidden;}
.case_l dl dd span a:hover,.ban01 p em a:hover,.ys dl dd span a:hover,.about dl dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}

.case_r{width: 250px; background:url(../images/case_line.gif) no-repeat 190px 0;height: 385px; padding:75px 0 0;}
.case_r ul li{width: 250px;line-height: 24px;height: 60px; padding:0 0 30px;}
.case_r ul li b{display: block;float: left;font-size: 20px;color: #333;width: 165px; text-align:right;}
.case_r ul li i{display: block;font-size: 14px;color: #bcbcbc;font-weight: normal; font-family:Arial, Helvetica, sans-serif;}
.case_r ul li em{display: block;float: right;width: 50px; text-align:right;font-size: 16px; font-family:"Times New Roman", Times, serif;color: #666; padding:5px 0 0;}
.case_r ul li a{ background:url(../images/case_ico02.png) no-repeat 184px 10px;display: block;width: 250px;height: 60px;}
.case_r ul li a:hover,.case_r ul li.on a{ background:url(../images/case_ico03.png) no-repeat 184px 10px;}

/*苏通产品中心*/
.chanpin .left_tel {width: 224px;height: 140px;background:#ca0011; border-top-left-radius:5px; border-top-right-radius:5px;}
.chanpin .left_tel .con_tel {padding: 32px 0 32px 0px;height: 46px; color: #fff;}
.chanpin .left_tel .con_tel .p1 {
	font-size: 22px;
	font-family: "微软雅黑";
	line-height: 40px;
	color: #FFFFFF;
	text-align: center;
}
.chanpin .left_tel .con_tel .p2 {
	font-size: 18px;
	font-family: "微软雅黑";
	line-height: 32px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}

.cp_bg{ /*background:#eaeaea url(../images/cp_bg.jpg) no-repeat center top;*/font-size: 0; padding:0px;}
.cp_t{height: 140px;text-align: center;line-height: 115px; padding:0 0 40px;}
.cp_t a{font-size: 32px;color: #fff;-webkit-transition:transform .3s;transition:transform .3s; display:inline-block; background:url(../images/cp_ico01.gif) no-repeat center 95px;height: 140px;}
.cp_t a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.cp_l{width: 224px;  border:#ca0011 3px solid;background: #fff;}
.cp_l h3{ background:#ca0011 url(../images/nylt.jpg) no-repeat top center;width: 224px;height: 81px;font-weight: normal;}
.cp_l h3 a{font-size: 26px;color: #eee;display: block; padding:20px 0 0;    text-align: center;}
.cp_l h3 span{ width:100%; height:30px; line-height:30px; color:#f1f1f1; font-size:14px; text-align:center; display:block;}
.cp_ul01 li a{display: block;font-size: 16px;color: #333;font-weight: bold;width: 160px;height: 46px;line-height: 46px; background:#ca0011 url(../images/cp_libg.gif) no-repeat; margin:17px auto 0; padding:0 0 0 40px;}
.cp_ul01 li a:hover{color: #ca0011;}
.cp_ul02{ padding:10px 0 0;}
.cp_ul01 .cp_ul02 li a{display: block;font-size: 14px;color: #666;font-weight: normal; margin:12.5px auto; border-bottom:#ededed 1px dashed; height: 34px;line-height: 34px;background:url(../images/cp_ico02.gif) no-repeat 25px 14px;padding: 0 0 0 42px;width: 158px;overflow: hidden;}
.cp_ul01 .cp_ul02 li a:hover{font-weight: bold;color: #ca0011;}
.cp_l .cp_ul01 .cp_ul02 .nobor a{ border:none;}

.cp_r{ width:942px; overflow: hidden;border:1px solid #ededed}
.cp_r ul li{ width:292px; float:left; padding:0 11px 0 11px;position: relative;overflow: hidden;    margin: 5px auto;}
.cp_r ul li img{ width:292px; height:219px;    float: left;}
.cp_r ul li em{ width:292px; height:219px;display: none;position: absolute;top: 0;right: 0;}
.cp_r ul li span{ display:block; width:298px; text-align:center; height:50px; line-height:50px; overflow:hidden;    background: #f1f1f1;    float: left;}
.cp_r ul li :hover span{ background:#ca0011; color:#fff;-webkit-transition: all 0.2s linear;}
.cp_r ul li :hover img{-webkit-transform: scale(0.98,0.98); 
    -o-transform: scale(0.98,0.98);
    transition: all 1s;
    -webkit-transition: all 1s;}
	
.cp_r ul li a{font-size: 16px;color: #666;}
.cp_r ul li a:hover{color: #ca0011;font-weight: bold;}
.cp_r ul li a:hover em{display: block;}

/*苏通新闻中心*/
.chanpin .left_tel {width: 224px;height: 140px;background:#ca0011; border-top-left-radius:5px; border-top-right-radius:5px;}
.chanpin .left_tel .con_tel {padding: 32px 0 32px 0px;height: 46px; color: #fff;}
.chanpin .left_tel .con_tel .p1 {
	font-size: 22px;
	font-family: "微软雅黑";
	line-height: 40px;
	color: #FFFFFF;
	text-align: center;
}
.chanpin .left_tel .con_tel .p2 {
	font-size: 18px;
	font-family: "微软雅黑";
	line-height: 32px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}

.cp_bg{ /*background:#eaeaea url(../images/cp_bg.jpg) no-repeat center top;*/font-size: 0; padding:0px;}
.cp_t{height: 140px;text-align: center;line-height: 115px; padding:0 0 40px;}
.cp_t a{font-size: 32px;color: #fff;-webkit-transition:transform .3s;transition:transform .3s; display:inline-block; background:url(../images/cp_ico01.gif) no-repeat center 95px;height: 140px;}
.cp_t a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.cp_l{width: 224px;  border:#ca0011 3px solid;background: #fff;}
.cp_l h3{ background:#ca0011 url(../images/nylt.jpg) no-repeat top center;width: 224px;height: 81px;font-weight: normal;}
.cp_l h3 a{font-size: 26px;color: #eee;display: block; padding:20px 0 0;    text-align: center;}
.cp_l h3 span{ width:100%; height:30px; line-height:30px; color:#f1f1f1; font-size:14px; text-align:center; display:block;}
.cp_ul01 li a{display: block;font-size: 16px;color: #333;font-weight: bold;width: 160px;height: 46px;line-height: 46px; background:#ca0011 url(../images/cp_libg.gif) no-repeat; margin:17px auto 0; padding:0 0 0 40px;}
.cp_ul01 li a:hover{color: #ca0011;}
.cp_ul02{ padding:10px 0 0;}
.cp_ul01 .cp_ul02 li a{display: block;font-size: 14px;color: #666;font-weight: normal; margin:12.5px auto; border-bottom:#ededed 1px dashed; height: 34px;line-height: 34px;background:url(../images/cp_ico02.gif) no-repeat 25px 14px;padding: 0 0 0 42px;width: 158px;overflow: hidden;}
.cp_ul01 .cp_ul02 li a:hover{font-weight: bold;color: #ca0011;}
.cp_l .cp_ul01 .cp_ul02 .nobor a{ border:none;}

.news_r{ width:942px; overflow: hidden;border:1px solid #ededed}
.news_r ul li{ width:292px; float:left; padding:0 11px 0 11px;position: relative;overflow: hidden;    margin: 5px auto;}
.news_r ul li img{ width:292px; height:219px;    float: left;}
.news_r ul li em{ width:292px; height:219px;display: none;position: absolute;top: 0;right: 0;}
.news_r ul li span{
	display:block;
	width:600px;
	text-align:left;
	height:50px;
	line-height:50px;
	overflow:hidden;
	float: left;
	padding-left: 20px;
	background-color: #f1f1f1;
	background-repeat: no-repeat;
}
.news_r ul li :hover span{ background:#ca0011; color:#fff;-webkit-transition: all 0.2s linear;}
.news_r ul li :hover img{-webkit-transform: scale(0.98,0.98); 
    -o-transform: scale(0.98,0.98);
    transition: all 1s;
    -webkit-transition: all 1s;}
	
.news_r ul li a{font-size: 16px;color: #666;}
.news_r ul li a:hover{color: #ca0011;font-weight: bold;}
.news_r ul li a:hover em{display: block;}

/*广告条*/
.ban01{ background:url(../images/ban01.jpg) no-repeat center 0; height:250px; overflow:hidden;}
.ban01 p{position: absolute;top: 170px;right: 0;}
.ban01 p span{ display:block; font-size:14px; color:#666;float: left; text-shadow:1px 2px 1px #fff;width: 450px; background:url(../images/ban_tel.png) no-repeat 0 5px; padding:0 0 10px 60px;height: 46px;line-height: 46px;}
.ban01 p span b{font-size: 22px;color: #ca0011;}
.ban01 p em{ display:block;float: left;width: 144px;}

.ban02{ background:url(../images/ban02.jpg) no-repeat center 0; height:260px; overflow:hidden;}
.ban02 p{position: absolute;top: 195px;left: 0;}
.ban02 p span{color: #fff; text-shadow:1px 2px 1px #ccc;}

/*优势*/
.ys_tbg{ background:url(../images/ys_tbg.jpg) no-repeat center 0; height:180px; padding:38px 0 0; overflow:hidden;}
.ys_tbg .four_t{ background:url(../images/ys_line.gif) no-repeat center 68px;}
.ys_tbg .four_t span,.about .four_t span{font-size: 16px;color: #666; padding:5px 0 0;}
.ys01{ background:url(../images/ys_bg01.jpg) no-repeat center 0; height:411px; overflow:hidden;}
.ys02{ background:url(../images/ys_bg02.jpg) no-repeat center 0; height:410px; overflow:hidden;}
.ys03{ background:url(../images/ys_bg03.jpg) no-repeat center 0; height:448px; overflow:hidden;}
.ys04{ background:url(../images/ys_bg04.jpg) no-repeat center 0; height:400px; overflow:hidden;}
.ys05{ background:url(../images/ys_bg05.jpg) no-repeat center 0; height:387px; overflow:hidden;}
.ys dl{width: 510px; display:inline-block;}
.ys dl dt{width: 80px;height: 80px;text-align: center;line-height: 80px;font-size: 50px;color: #fff;font-weight: bold;background: #ca0011; font-family:"Times New Roman", Times, serif;float: left;}
.ys dl dd{ padding:0 0 0 30px;width: 400px;float: left;}
.ys dl dd h5{font-size: 28px;color: #ca0011;line-height: 32px;height: 100px;}
.ys dl dd h5 em{display: block;font-size: 14px;color: #d9d9d9;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;width: 236px;text-align: center;height: 32px;line-height: 32px;background: #fff; border:#e0e0e0 2px solid; margin:12px 0 0;}
.ys dl dd p{font-size: 18px;color: #333;line-height: 32px; background:url(../images/ys_ico01.png) no-repeat 0 14px; padding:0 0 0 20px;}
.ys dl dd span{display: block;width: 144px; padding:20px 0 0;}
.ys dl dd span a{ background:url(../images/ys_btn.png) no-repeat;color: #f97b47;}
.ys02 .ys dl,.ys04 .ys dl{ padding:0 0 0 690px;}

/**/
.anli_bg{ background:url(../images/anli_bg.jpg) no-repeat center top;font-size: 0; padding:0 0 60px;}
.anli_t{height: 112px;text-align: center; padding:40px 0 0; margin:0 0 40px;line-height: 40px;}
.anli_t a{font-size: 32px;color: #fff;-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.anli_t span{display: block;font-size: 16px;font-weight: normal;}
.anli_t a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.anli_l{width: 284px;}
.anli_l ul li{width: 284px;height: 82px; padding:0 0 10px;}
.anli_l ul li a{font-size: 20px;color: #333;font-weight: bold;display: block;height: 64px;width: 243px; border:#ca0011 3px solid;background: #fff;display: block; padding:12px 0 0 35px;line-height: 26px;}
.anli_l ul li a:hover,.anli_l ul li.cur a{background: #ca0011;color: #fff;}
.anli_l ul li em{display: block;font-size: 14px;color: #b7b7b7;font-weight: normal; font-family:Arial, Helvetica, sans-serif;}
.anli_l ul li a:hover em,.anli_l ul li.cur em{color: #888;}
.anli_c{ position:relative;width: 590px;height: 443px; overflow:hidden; margin:0 0 0 20px;}
.anli_cm{width: 590px;height: 443px;}
.anli_cm ul li{width: 590px;height: 443px;}
.anli_cm ul li img{width: 590px;height: 443px;}
.anli_cb{ width:590px; left:50%; margin-left:-295px; bottom:10px; position:absolute; z-index:1;overflow:hidden;  }
.anli_cb ul{margin-left:250px;  }
.anli_cb ul li{ float:left; margin:0 10px; display:inline; cursor:pointer; }
.anli_cb ul li{width: 12px;height: 12px; background:url(../images/anli_ico01.png) no-repeat;}
.anli_cb ul .on{ background:url(../images/anli_ico02.png) no-repeat;}
.anli_r{width: 236px;height: 443px;background: #f1f1f1; padding:0 21px;}
.anli_r b{display: block;height: 52px;line-height: 52px;overflow: hidden;}
.anli_r b a{font-size: 18px;color: #333;}
.anli_r ul li{width: 236px;height: 177px;position: relative; margin:0 0 14px;}
.anli_r ul li img{width: 236px;height: 177px;}
.anli_r ul li span{width:236px; display:block; text-align:center; height:38px; line-height:38px;font-size: 14px;color: #fff; background:url(../images/anli_picbg.png) repeat-x;position: absolute;bottom: 0;left: 0; overflow:hidden;}

/*新闻中心*/
/*.news_bt{ padding:60px 0 0;text-align: center; background:url(../images/news_line.png) no-repeat center 125px;height: 95px;}
.news_bt a{font-size: 28px;color: #333;-webkit-transition:transform .3s;transition:transform .3s;display: block;}
.news_bt em{display: block;width: 42px;height: 42px; margin:0 auto; padding:0 0 10px;}
.news_bt em img{width: 42px;height: 42px;display: block; transition: all 0.5s ease-in-out 0s;}
.news_bt a:hover em img{ transform: rotateY(180deg);}
.news_bt a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.news,.wd{ width:725px; padding:0 0 45px; font-size:0;}
.news_t{ height:45px; line-height:45px; border-bottom:#c8c8c8 1px solid;}
.news_t a{font-size: 20px;color: #ca0011;font-weight: bold;}
.news_t em{display: block;float: left;width: 22px; padding:13px 10px 0 0;}
.news_t span{ float:right;}
.news_t span a{ font-size:14px; color:#999;font-weight: normal;}
.news dl{ width:725px; padding:25px 0 30px; display:inline-block; overflow:hidden;}
.news dt{ width:300px; height:150px;float: left;overflow: hidden;}
.news dt img{ width:300px; height:150px;}
.news dd{ float:left; overflow:hidden; width:400px; padding:0 0 0 20px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#333;}
.news dd h3 a:hover,.news ul li a:hover,.wd dt a:hover{color: #ca0011;}
.news .news_desc{ font-size:14px; color:#666; height:66px; line-height:22px;overflow: hidden; padding:5px 0 0;}
.news dd span{ display:block;width: 100px; padding:15px 0 0;}
.news dd span a{font-size: 14px;color: #fff;display: block; width:100px; height:30px;background: #ca0011;text-align: center;line-height: 30px;overflow: hidden;}
.news dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.news ul li{ height:50px; overflow:hidden; width:362px; float:left; padding:0 0 16px;}
.news ul li em{display: block;float: left;width: 50px;height: 50px;text-align: center;line-height: 50px;background: #888;font-size: 30px;color: #fff; font-family:"Times New Roman", Times, serif;}
.news ul li a{display: block;height: 48px;line-height: 48px; border:#ddd 1px solid; font-size:14px; color:#555; padding:0 5px 0 10px;width: 280px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd{ width:400px; font-size:0;}
.wd .news_t{ margin:0 0 20px;}
.wd dl{ width:400px; height:85px; border-bottom:#c4c4c4 1px dashed; padding:15px 0 0;}
.wd dt{ background:url(../images/wen.gif) no-repeat; padding-left:35px; height:25px; line-height:20px; overflow:hidden;}
.wd dt a{ font-size:16px; color:#333; font-weight:bold;}
.wd dd{ font-size:14px; color:#555; background:url(../images/da.gif) no-repeat 0 5px; padding-left:35px; line-height:25px; height:50px; overflow:hidden;}*/

/*走进苏通*/
.ab_bg{background: #f3f3f3; padding:60px 0 75px;font-size: 0; overflow:hidden;}
.about .four_t{ background:url(../images/news_line.png) no-repeat center 68px;height: 88px;}
.about .four_t a{font-size: 28px;color: #333;}
.about dl{ width:1200px; display:inline-block; overflow:hidden; padding:0 0 20px;}
.about dl dt{ width:600px; height:339px;float: left;overflow: hidden;}
.about dl dt img{ width:600px; height:339px;}
.about dl dd{ width:530px; height:299px; padding:40px 30px 0 40px;float: left;background: #fff;}
.about dl dd h5{ background:url(../images/case_ico01.gif) no-repeat 0 72px; height:75px;line-height: 30px;}
.about dl dd h5 a{ font-size:24px; color:#333;}
.about dl dd h5 i{ display:block; font-size:16px; color:#7c7c7c;font-weight: normal;text-transform: uppercase;}
.about .ab_desc{ font-size:14px; color:#666; height:78px; line-height:26px; padding:20px 0 0; overflow:hidden;}
.ab_bot{ padding:48px 0 0 175px;width: 1200px; display:inline-block;}
.ab_bot a{display: block;font-size: 20px;color: #ca0011;font-weight: bold;height: 64px;line-height: 62px;width: 264px;text-align: center;float: left; margin:0 30px 0 0;}
.ab_bot .ab_btn01{ background:url(../images/ab_k01.png) no-repeat;}
.ab_bot .ab_btn02{ background:url(../images/ab_k02.png) no-repeat;}
.ab_bot .ab_btn03{ background:url(../images/ab_k03.png) no-repeat;}

/*友情链接*/
.links_bg{ height:60px; background:#a9000e;}
.links_l{width: 150px;text-align: center;height: 60px;line-height: 60px;background:#ca0011;font-size: 18px;color: #fff;font-weight: bold;}
.links_c{ height:60px; line-height:60px; overflow:hidden; width:1050px;}
.links_c a{font-size: 14px;color: #fff; display:inline-block; padding:0 0 0 20px;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}


.container {
    margin-left: auto;
    margin-right: auto;
    width: 1150px;
}
/*partner*/
.partner{width: 100%;background: #f7f7f7;overflow: hidden;padding-bottom:40px;}
.partner .Title h2 a{color: #333333;font-weight: bold;}
.partner .hzCon{position: relative;margin-top: 38px;}
.partner .hzCon i{display: block;width: 30px; height: 60px;position: absolute;top:60px;cursor: pointer;}
.partner .hzCon .btn01{background: url(../images/hz-btn01.png) no-repeat left top; left: -50px;}
.partner .hzCon .btn02{background: url(../images/hz-btn02.png) no-repeat center top;right: -50px;}
.partner .hzLunB{width: 1150px;overflow: hidden;height:240px;position: relative;}
.partner .hzLunB ul{overflow: hidden;position: absolute;top: 0; left: 0;}
.partner .hzLunB li{width: 274px;float: left;text-align: center;margin: 0 7px;}
.partner .hzLunB li img{display: block;border: 1px solid #e6e6e6;margin-bottom: 12px; width:272px; height:181px;}
.partner .hzLunB li a{font-size: 16px;color: #555555;text-decoration: none; width:272px; height:220px; overflow:hidden; display:inline-block;}
.partner .hzLunB li img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}

/*about*/
.about{width: 100%;overflow: hidden;background: url(../images/aboutbg2.png) repeat;}
.about .Title h2{background: url(../images/aboutbg1.png) no-repeat center;}
.about .GJ-intro{width: 100%;overflow: hidden;margin-top: 35px;}
.about .GJ-intro .GjPic{display: block;float: left; width:510px; height:324px;}
.about .GJ{float: right;width:610px;}
.about .Ab a{color: #2454AC;}
.about .GJ h3{font-size: 22px;font-weight: normal;margin-bottom: 12px;}
.about .GJ h3 a{color: #333333;}
.about .GJ p{font-size: 14px;color: #444;line-height: 28px;text-overflow: ellipsis;overflow: hidden;height: 125px;}
.about .GJ span a{font-size: 14px; color: #ca0011;}
.about .ABox{width:610px;position: relative;margin-top: 12px;overflow: hidden;height: 150px;}
.about .ABox ul{overflow: hidden;width: 475px;position: absolute;top: 0;left: 0;height: 150px;}
.about .ABox li{float: left;width: 181px;height: 147px;margin-right: 11px;}
.about .ABox li a{width: 181px;height: 147px; display:inline-block; overflow:hidden;}
.about .ABox li img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}

.about .ABox i{display: block;position: absolute;width: 34px;height: 75px;color: #FFFFFF;cursor: pointer;z-index: 5;}
.about .ABox .btn01{top: 0;right: 0;background: url(../images/aboutbtn02.jpg) no-repeat left top;}
.about .ABox .btn01:hover{background: url(../images/aboutbtn01.jpg) left top;}
.about .ABox .btn02{right: 0;bottom: 0; background: url(../images/aboutbtn02.jpg) no-repeat left bottom;}
.about .ABox .btn02:hover{background: url(../images/aboutbtn01.jpg) left bottom;}

.about .baseBox{position: relative;margin-top: 37px;}
.about .baseBox i{display: block;width: 30px; height: 60px;position: absolute;top: 66px;cursor: pointer;}
.about .baseBox .btn01{background: url(../images/hz-btn01.png) no-repeat left top; left: -50px;}
.about .baseBox .btn02{background: url(../images/hz-btn02.png) no-repeat right top;right: -50px;}
.about .BLb{width: 1150px;overflow: hidden;position: relative;height:255px;}
.about .BLb ul{position: absolute;top: 0; left: 0;}
.about .BLb li{width: 274px;float: left;text-align: center;height: 220px;margin: 0 7px;}
.about .BLb li img{display: block;margin-bottom: 12px;}
.about .BLb li a{font-size: 14px;color: #555555;text-decoration: none;}

/*pingjia*/
.pingjia{width: 100%;overflow: hidden;}
.pingjia .Title h2{color: #333333;background: url(../images/pingjiabg.png) no-repeat center;}
.pingjia .Title h2 em{color: #ca0011;font-weight: bold;}
.pingjia .PjCon{width: 1150px;overflow: hidden;padding-bottom: 39px;margin-top: 36px;}
.pingjia .PjCon li{float: left;width:290px;margin: 11px;background: #f7f7f7;padding: 15px 10px 0 10px;height: 390px;}
.pingjia .PjCon img{display: block;}
.pingjia .PjCon h3{font-size: 14px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;border-bottom: 1px solid #c8c8c8;line-height: 44px;}
.pingjia .PjCon p{font-size: 12px;color: #555555;line-height: 26px;height: 78px;overflow: hidden;text-overflow: ellipsis;margin-top: 7px;}
.pingjia .PjCon .detals{display: block;width: 125px;height: 32px;background: url(../images/detail2.png) no-repeat left top;margin-left: 16px;margin-top: 15px;}
.pingjia .PjCon li:hover{background: #FFFFFF;box-shadow: 0 0 15px #cacaca;}
.pingjia .PjCon li:hover h3{color: #ca0011;}
.pingjia .PjCon li:hover .detals{background: url(../images/detail.png) no-repeat left top;}
.pingjia .fenG{background: url(../images/feng.png) repeat-x;width: 100%;height: 10px;}
.pingjia .flow{width: 100%;overflow: hidden;margin-top: 50px;padding-bottom: 66px;}
.pingjia .flow li{width: 165px;position: relative;float: left;margin-left: 32px;cursor: pointer;}
.pingjia .flow li.first{margin-left: 0;}
.pingjia .flow img{display: block; margin:0 auto 15px;}
.pingjia .flow p{text-align: center;font-size: 16px;color: #555555;}
.pingjia .flow span{font-size: 18px;font-weight: bold;color: #555555;}
.pingjia .flow i{display: block;position: absolute;width: 140px;height: 140px;left:50%; top: 0;z-index: 3;background: url(../images/flow-quan.png) no-repeat left top; margin-left:-70px;}


/*Gj-history*/

.Gj-history{width:100%;background: url(../images/banner2.jpg) no-repeat center;height:200px;} /*background: url(../images/banner2.jpg) no-repeat center;修改*/
.content{position: relative;}
.Gj-history .left{width: 496px;position: absolute;left: -80px;top: 45px;}
.Gj-history .left h3{font-size: 34px;color: #FFFFFF;text-align: center;margin-bottom: 3px;}
.Gj-history .left em{color: #80e131;}

.Gj-history .left .p1{color: #FFFFFF;font-size: 24px;text-align: center;margin-bottom: 20px;}
.Gj-history .left .p2{width: 286px;height: 42px;border: 2px solid #a9bee5;font-size: 14px;color: #FFFFFF;line-height: 42px;margin: 0 auto;text-align: center;}
.Gj-history .left .p3{background: url(../images/phone-icon.png) no-repeat left 30px;height: 45px;font-size: 14px;color: #FFFFFF;line-height: 45px;padding-left: 29px;border-top: 1px solid #537dcb;overflow: hidden;margin-top: 15px;padding-top: 15px;}

.Gj-history .left .p3 span{color: #FFFFFF;font-size: 18px;font-weight: bold;}
.Gj-history .left .p3 a{display: inline-block;width: 170px; height: 45px;background: url(../images/banner2-zx.png) no-repeat left top;float: right;}
.Gj-history .left .p3 a{*display: inline;}
.Gj-history .right{width: 260px;height: 270px;background: #69be23;position: absolute;right: 0;top: -40px;padding: 0 30px;}
.Gj-history .right p{font-size: 16px; font-weight: bold; color: #FFFFFF;margin-top: 26px;margin-bottom: 13px;}
.Gj-history .right .Input{border: 1px solid #c3e5a7;width: 258px;height: 48px;margin-top: 10px;overflow: hidden;/*background-color: #69be23;*/}
.Gj-history .right .Input span{display: block;width: 51px;height: 48px;float: left;border-right: 1px solid #c3e5a7;}
.Gj-history .right input{width: 196px;height: 48px;border: none;font-size: 14px;color: #FFFFFF;outline: none;line-height: 48px;float: right;padding-left: 10px;line-height: 48px;background: none;}
.Gj-history .right .TextArea{width: 258px;height: 88px;margin-top: 10px;overflow: hidden;background-color: #69be23;border: 1px solid #c3e5a7;}
.Gj-history .right .TextArea span{display: block;width: 51px;height: 88px;border-right: 1px solid #c3e5a7;float: left;}
.Gj-history .right textarea{width: 186px;height: 58px;color: #FFFFFF;font-size: 14px;background:none;float: right;outline: none;resize:none;border: none;line-height: 22px;padding: 15px 10px;}
.Gj-history .right a{display: block; margin-top: 10px;width: 161px;height: 46px;} 
.Gj-history .right img{display: block;}

/*.news*/
.news{width: 100%;overflow: hidden;height: 575px;}
.news .leftnews{width: 740px;margin-top: 60px;float: left;}
.news .menu{width: 740px;overflow: hidden;height: 60px;}
.news .menu li{float: left;width: 246px;height: 60px;line-height: 60px;background: #e8e8e8;font-size: 16px;text-align: center;}
.news .menu li a{display: block;line-height: 60px;color: #555555;text-decoration: none;}
.news .menu .cur{background: #ca0011;}
.news .menu .cur a{color: #FFFFFF;}
.news .menu .more{font-size: 12px;color: #999999;background: #f2f2f2;}
.news .menu .more a{color: #999999;text-decoration: none;display: block;line-height: 60px;}
.news .menu li:hover{background: #ca0011;color: #FFFFFF;}
.news .menu li:hover a{color: #FFFFFF;}
.leftnews .newsbox { overflow:hidden; width:100%;margin-top: 21px;height: 390px;}
.leftnews .newslist{ overflow:hidden; width:100%;height: 100%; }
.leftnews .newslist dl{ overflow:hidden; width:100%; height:168px;padding-bottom: 20px;border-bottom: 2px solid #cecece;}
.leftnews .newslist dt{ overflow:hidden; float:left;width: 280px;}
.leftnews .newslist dt img{display: block; width:280px; height:190px;}
.leftnews .newslist dd{ overflow:hidden; float:right;width: 430px;}
.leftnews .newslist dd a{display: block;width: 300px;}
.leftnews .newslist .detail{margin-top: 24px;}
.leftnews .newslist h3{ font-size:14px; color:#333333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;border-bottom: 1px solid #cecece;line-height:40px;}
.leftnews .newslist h3 a{ color:#333333;display: block; font-size:16px;}
.leftnews .newslist p{ font-size:14px; line-height:24px; color:#888888; height:48px; overflow:hidden; text-overflow: ellipsis;margin-top:10px;}
.leftnews .newslist ul{ overflow:hidden; width:100%;margin-top: 5px;}
.leftnews .newslist em{display: block;float: left;width: 18px;height: 18px;color: #FFFFFF;line-height: 18px;text-align: center;margin-top: 15px;}
.leftnews .newslist .em01{background: #ca0011;}
.leftnews .newslist .em02{background: #444444;}
.leftnews .newslist .em03{background: #777777;}
.leftnews .newslist .em04{background: #999999;}
.leftnews .newslist .last{border-bottom: none;}
.leftnews .newslist li{width:740px;overflow:hidden; font-size:14px; line-height:48px;border-bottom: 1px dotted #cecece;}
.leftnews .newslist li a{ color:#555555; display:block; width:450px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;margin-left: 14px;}
.leftnews .newslist li span{ float:right; color:#999999;font-family: arial;}

.rightnews { overflow:hidden; width:380px; float:right;background-color:#fff;margin-top: 60px;height: 471px;}
.rightnews .top{ overflow:hidden; width:100%; height:60px;background: #ca0011;}
.rightnews h3{ float:left; font-size:16px; color:#FFFFFF;line-height: 60px;padding-left: 29px;}
.rightnews .more{ float:right;  font-size:12px; color:#fff;text-decoration: none;display: block;line-height: 60px;padding-right: 20px;}
.rightnews .wenda{ overflow:hidden;width: 350px;position: relative;height: 411px;}
.rightnews .wenda ul{ overflow:hidden; width:100%;position: absolute;height: 411px;}
.rightnews .wenda li{ overflow:hidden; width:100%; border-bottom:1px dotted #cecece;margin-top: 15px;padding-bottom: 25px;height: 83px;}
.rightnews .wenda .A{ font-weight:bold; font-size:16px; padding-left:37px; line-height:26px; background:url(../images/wen.png) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom: 8px;}
.rightnews .wenda .A a{ color:#333333}
.rightnews .wenda .Q{ padding-left:37px; background:url(../images/da.png) no-repeat left top; font-size:16px; line-height:24px; color:#777777; height:48px; overflow:hidden; text-overflow:ellipsis; }

.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:21px; color:#555555; font-size:13px; font-weight:bold; }



/*二维码*/
.izl-rmenu{position:fixed; right:0; margin-right:5px; bottom:180px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#666666;}
.izl-rmenu .btn-qq:hover{background-color:#444;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#ca0011; text-decoration:none; display:block;}


.izl-rmenu .btn-index{background:url(../images/r_index.png) 0px 0px no-repeat; background-color:#666666;}
.izl-rmenu .btn-index:hover{background-color:#444 !important;}
.izl-rmenu a.btn-index,.izl-rmenu a.btn-index:visited{background:url(../images/r_index.png) 0px 0px no-repeat;background-color:#433B3E;text-decoration:none; display:block;}


.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#a9000e;}
.izl-rmenu .btn-wx:hover{background-color:#444;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#ca0011;}
.izl-rmenu .btn-phone:hover{background-color:#444;}
.izl-rmenu .btn-phone .phone{background-color:#666666; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
#position{
  width:1200px;
  display:block;
  margin:auto;
  padding:14px 0;
}
#position a{
	font-weight:bold;
	color:#ca0011;
}

 #page-container{
 width:942px;
 float:right;
 margin:10px auto;
 height:50px;
 clear:both;
 display:block;
 }
 
 
 #page-container ul{
     clear:both;
 }
  #page-container ul li{
  	font-size:14px;
  float:left;
  padding:7px 10px;
  display:block;
  margin:auto 5px;
  border:1px solid #E6E6FA;
  border-radius:5px;
  }
    #page-container ul li a{
	font-size:14px;
	}
  #page-container ul li:hover{
  background-color:#1973c1;
  color:white;
  }
  #page-container ul li:hover a{
  color:white;
  }

  
#h-title {
font-weight: bold;
width: 100%;
text-align: center;
font-size: 20px;
padding: 5px;
}

#one-content{
font-size:14px;
word-wrap: break-word;
font-size: 14px;
width:96%;
padding: 10px 20px;
line-height: 24px;
overflow: hidden;
line-height: 30px;
float: right;
display: block;
}

#pub-time {
width: 100%;
text-align:center;
padding: 0 20px 20px;
}
#newPage,#prevPage{
	margin:auto;
	width:80%;
	vertical-align:middle;
	height:30px;
	line-height:40px;
	font-size:14px;
}
#newPage{
	
}
#news-content{
font-size:14px;
word-wrap: break-word;
font-size: 14px;
width:96%;
padding: 10px 20px;
line-height: 24px;
overflow: hidden;
line-height: 30px;
float: right;
display: block;
	
}

#new-list li{
	width:100%;
}
#new-list li span{
	background:none;
}
#new-list li:hover span{
	color:red;
	
}
.list-time{
	display:block;
	float:right;
	font-size:12px;
	padding-right:100px;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	
}
#new-list li:hover{
	background-color:#F8F8FF;
}