html,body,div,img,a,ul,li,dl,dt,dd,p,span,input,cite,h1,h2,h3,h4,h5,h6,form,table,tr,td,textarea{margin:0;padding:0;border:0;}
html,body { margin:0px; padding:0px; width:100%; font-family:Microsoft YaHei,Arial; font-size:12px; color:#5e5c5c; background:#fff; }
:focus{outline:0;}
cite,em{font-style:normal;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear{clear:both;}
.Fleft{float:left;}
.Fright{float:right;}
.FAlignLeft{text-align:left;}
.FAlignRight{text-align:right;}
.FAlignCenter{ text-align:center;}
.width1152{ width:1152px; margin:0 auto;}
.width1272{ width:1272px; margin:0 auto;}
.width1000{ width:1000px; margin:0 auto;}
.width880{ width:880px; margin:0 auto;}
.width1155{ width:1155px; margin:0 auto;}
table {border-collapse: collapse;/*为表格设置合并边框模型*/border-spacing: 0;}
input,textarea {font: 12px/20px;	font:inherit;resize:none;/*textarea是被固定宽度和高度的*/}
* { _noFocusLine: expression(this.hideFocus=true); } /* Removes dotted lines around links 移除链接周围的虚线*/
a {text-decoration:none;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear; transition:color 0.2s linear; color:#5e5c5c;}
a:focus , a:link, a:active {outline:none;}
a:hover {color:#3964ac;
         /*transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;*/}
	
	
/*首页*/
.headent{ width:100%; height:75px; min-width:1152px; background:#fff; border-bottom:1px solid #d1d1d1; }
.headent_{ width:1152px; margin:0 auto;}
.logo{ width:150px;}
#container{height:75px;position:relative;}
.nav1{ width:620px; height:75px;  margin-left:130px;}
.nav1 li{ float:left; height:73px; line-height:83px;}
.nav1 li a{ display:block; height:73px;position:relative;width:60px; padding:0 20px 0 20px; overflow:hidden; color:#6e6e6e; font-size:14px; text-align:center;}
.nav1 li a:hover{ }
#buoy{position:absolute;width:60px;height:2px;background:#06d3f6;bottom:-1px;left:-60px; z-index:10;}

.link{ width:120px; height:23px; margin-top:25px;}
.link a{ float:left; width:32px; height:23px; margin:0 4px 0 4px;}
.link img{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;}
.link img:hover{transform:translate(0px,-5px);
	-webkit-transform:translate(0px,-5px);
	-moz-transform:translate(0px,-5px);
	-o-transform:translate(0px,-5px);
	-ms-transform:translate(0px,-5px);
		-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%); }

.banner{ width:100%; height:460px; overflow:hidden;}
.banner a{ width:100%; height:460px; display:block; min-width:1152px;}

.icon{ width:40px; position:fixed; height:350px; top:50%; margin-top:-175px; display:none;}
.icon a{ width:40px; height:37px; display:block; margin-bottom:20px;}
.icon img{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); 
filter:gray;}
.icon img:hover{transform:translate(5px,0px);
	-webkit-transform:translate(5px,0px);
	-moz-transform:translate(5px,0px);
	-o-transform:translate(5px,0px);
	-ms-transform:translate(5px,0px);
		-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
   }

.i_service{ width:100%; background:#eeeeee; padding:60px 0 60px 0;}
.iTitle{ width:1152px; height:75px; line-height:75px; color:#303030; font-size:36px; text-align:center; text-transform:uppercase; background:url(../images/i_xian.jpg) no-repeat center bottom; margin-bottom:60px;}
.i_serviceli{ width:192px; float:left; text-align:center;}
.i_serviceliPic{ width:192px; height:65px; text-align:center; margin-bottom:10px;}
.i_serviceliTxt{ line-height:24px; font-size:14px; width:192px;}
.i_serviceliTxt font{ color:#9f9f9f; font-size:12px;}
.i_serviceliTxt span{ color:#464646; font-size:20px; margin-bottom:15px; display:block;}
.p_serviceliTxt font{ color:#9f9f9f; font-size:12px;}
.p_serviceliTxt span{ color:#464646; font-size:20px; margin-bottom:15px; display:block;}
/*.p_serviceliTxt:hover font{ color:#07d0fc; font-size:12px;}
.p_serviceliTxt:hover span{ color:#07d0fc; font-size:20px; margin-bottom:15px; display:block;}*/
.p_serviceliTxt{ line-height:24px; font-size:14px; width:192px;}
.p_serviceliTxt a{ color:#5b5d63; padding:0 6px 0 6px;-moz-border-radius: 2px;      /* Gecko browsers */
    -webkit-border-radius: 2px;   /* Webkit browsers */
    border-radius:2px;            /* W3C syntax */}
.p_serviceliTxt a:hover{ background:#03d1ff; color:#fff;}
.i_serviceliPic img{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;


	}

.serviceli:hover a font{ color:#07d0fc;}
.serviceli:hover a span{ color:#07d0fc;}
.serviceli:hover  img{transform:translate(0,-5px);
	-webkit-transform:translate(0,-5px);
	-moz-transform:translate(0,-5px);
	-o-transform:translate(0,-5px);
	-ms-transform:translate(0,-5px);
-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
	}
.imggray
{
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); 
filter:gray; 
}

.i_product{ width:100%; background:#ffffff; padding:60px 0 60px 0;}
.i_product_{ width:1155px; min-height:290px; overflow:hidden;}
.i_productli{ width:340px; float:left; margin:0 16px 32px 17px; overflow:hidden; background:#ebebeb; padding:6px;}
.i_productliPic{ width:340px; height:220px; overflow:hidden;}
.i_productli .i_productliPic img{transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
	
	 
	}
.i_productli:hover .i_productliPic img{transform: scale(1.1, 1.1);
	
	-ms-transform:scale(1.1, 1.1); 
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 	}
.i_productliPic a{ position:absolute; width:340px; height:220px; overflow:hidden;}
.i_productliPic a span{ position:absolute; background:url(../images/i_proyin.png) repeat; width:349px; height:212px; left:0; top:0; border:8px solid #06d3f6; display:none; text-align:center;}
.i_productliPic a span img{ padding-top:90px;}
.i_productliTxt{ width:335px; height:72px; line-height:36px; color:#3c3c3c; font-size:13px; padding-left:5px;}
.i_productliTxt a{ color:#3c3c3c; width:300px; height:36px; display:block; float:left; overflow:hidden; font-weight:bold;}
.i_productliTxt span{ width:32px; height:23px; padding-top:8px; display:block; float:right;}
.i_productliTxtName{ height:20px; line-height:18px; width:335px; overflow:hidden; font-weight:normal; color:#666;}
.i_productli:hover a{ color:#fff;}
.i_productli:hover{ background:#20aaee;}

.i_client{ width:100%; background:#eeeeee; padding:60px 0 60px 0;}
#client{margin-top:20px; width:1152px;}
#client .scroll{height:135px;width:230px;float:left;overflow:hidden;}
#client .first{margin-left:0;}
#client .child{height:135px;color:#707070;overflow:hidden;cursor:pointer;}
#client .child span{font-size:36px;font-family:Arial, Helvetica, sans-serif;width:238px;height:135px;line-height:36px;float:left;overflow:hidden;text-align:center;}
#client .child span img{}
#client .child h2{font-size:14px;font-weight:normal;height:18px;padding-left:150px;margin-top:15px;}
#client .child h3{font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;font-weight:normal;height:32px;padding-left:150px;}
#client .child p{line-height:130%;}

.i_about{ width:100%; background:#ffffff; padding:60px 0 60px 0; line-height:30px;}
.i_aboutTxt{ width:1152px; font-size:15px; color:#303030;}

.i_marketing{ width:100%; height:416px; background:#eeeeee url(../images/i_marketing.jpg) no-repeat center;padding:60px 0 60px 0;}

.i_news{ padding:60px 0 60px 0; width:100%;}
.i_newsli{ width:552px; height:75px; /*line-height:75px;*/ overflow:hidden; float:left; margin:0 10px 0 10px; display:inline;}
.i_newsliId{ width:97px; height:75px; background:url(../images/i_news.jpg) no-repeat right center; font-size:48px; text-align:center; color:#aaaaaa; font-weight:bold;}
.i_newsliTxt{ padding:0 27px 0 27px; width:401px; height:75px; line-height:75px; overflow:hidden; font-size:14px;}
.i_newsliTxt a{ width:300px; height:75px; overflow:hidden; float:left; color:#444444;}
.i_newsliTxt span{ width:100px; height:75px; overflow:hidden; text-align:right; display:block; float:right; color:#808080; font-weight:bolder; font-family:"微软雅黑"; font-size:16px;}
.i_newsbg{ background:#f3f3f3;}
.i_newsbg .i_newsliId{ color:#3964ac}
.timeshow{ width:45px; height:51px; line-height:23px; overflow:hidden;text-align:center; color:#808080; font-weight:bolder; font-family:"微软雅黑"; float:left; padding:0 24px 0 24px; margin-top:12px; border-right:1px solid #c4c4c4;}
.timeshow .rq{ width:28px; height:28px; overflow:hidden;  line-height:28px; margin-top:2px; margin-left:8px; font-size:18px; background:#039ae3; color:#FFF;}

.footer{ width:100%; padding:60px 0 60px 0; background:#393939; color:#8c8c8c; line-height:24px;}
.footerTxt{ width:625px; float:left;}
.footerli{ width:527px; float:left;}
.footerli li{ width:131px; float:left;}
.footerli li a{ color:#8c8c8c; display:block;}
.footerli li span{ font-size:15px; color:#bebebe; line-height:40px;}




/*关于我们*/
.about{ width:100%; min-width:1152px; height:535px; background:url(../images/aboutPic_1.jpg) no-repeat center top; background-size:100%; padding:60px 0 35px 0;}
.aboutTxt{ line-height:30px;color:#039ae3; font-size:14px; line-height:34px;}

.history{ width:100%; padding:60px 0 60px 0;}
 .iTitle{ font-size:41px;}
/*.historyCon{ width:1152px; height:390px; background:url(../images/history_new.jpg) no-repeat center;}
.historyCon li{ width:210px; line-height:18px; text-align:center; margin-bottom:50px;}
.historyCon li span{ font-size: 24px; font-weight:bold; line-height:40px;}*/
.historyCon{ width:1152px; height:400px; background:url(../images/history_.png) no-repeat center;}
.historyCon li{ width:255px; line-height:18px; margin-bottom:40px;}
.historyCon li span{ font-size: 30px; color:#66c2ee; display:block; font-weight:bold; line-height:45px; width:255px;}

.about_pic{ width:100%; height:410px; padding:60px 0 60px 0; background:url(../images/aboutPic2.jpg) no-repeat center;}
.guandian{background:#fafafa; height:700px;}
.guandianCon{ width:1152px; height:405px; background:url(../images/guandian_.jpg) no-repeat center; padding-top:20px;}
.guandianCon li{ width:126px; height:123px; text-align:center; background:url(../images/guandian1.png) no-repeat; background-size:100%; line-height:20px; color:#fff; padding-top:40px; position:absolute;}
.guandianCon li a{ color:#fff;}

.liyou{ width:100%; padding:60px 0 60px 0; height:400px; background:#eeeeee;}
.liyouli{ width:288px; min-height:334px; float:left; text-align:center; cursor:pointer;}
.liyouli1{ position:absolute; margin-left:432px;}
.liyouli2{ position:absolute; margin-left:432px;}
.liyouli3{ position:absolute; margin-left:432px;}
.liyouli4{ position:absolute; margin-left:432px;}
.liyouliPic{ width:288px; height:194px; text-align:center; overflow:hidden; background:url(../images/liyou1.png) no-repeat center;-moz-border-radius: 50%;      /* Gecko browsers */
    -webkit-border-radius: 50%;   /* Webkit browsers */
    border-radius:50%;  }
.liyouliPic:hover{ background:url(../images/liyou1On.png) no-repeat center;}
.liyouliPic1{ width:288px; height:194px; text-align:center; overflow:hidden; background:url(../images/liyou2.png) no-repeat center;}
.liyouliPic1:hover{ background:url(../images/liyou2On.png) no-repeat center;}
.liyouliPic2{ width:288px; height:194px; text-align:center; overflow:hidden; background:url(../images/liyou3.png) no-repeat center;}
.liyouliPic2:hover{ background:url(../images/liyou3On.png) no-repeat center;}
.liyouliPic3{ width:288px; height:194px; text-align:center; overflow:hidden; background:url(../images/liyou4.png) no-repeat center;}
.liyouliPic3:hover{ background:url(../images/liyou4On.png) no-repeat center;}
.liyouliTxt{ line-height:24px; width:180px; margin:60px auto; line-height:24px; color:#fff; font-size:14px; display:none;}
.liyouliTxt font{ color:#9f9f9f; font-size:16px;}
.liyouli span{ color:#393939; font-size:21px; margin:10px 0 10px 0; display:block;}

.a_contact{ width:100%; padding:60px 0 60px 0; background:url(../images/a_contact.jpg) no-repeat center; color:#676767; line-height:30px;}

.col-xs-3{ width:auto; position: fixed; right:5px; top:40%;}
.col-xs-3 li{ width:auto; height:30px; line-height:28px; cursor:pointer; background:url(../images/a_rightdian.png) no-repeat right center; padding-right:10px; font-size:0;}
.col-xs-3 li a{ width:auto; height:28px; display:block; padding-right:15px; margin-right:10px; padding-left:15px; text-align:right;}
.col-xs-3 li.active span{ background:url(../images/a_rightjt.png) no-repeat right top; width:10px; height:20px; right:10px; position:absolute; display:block;}
.col-xs-3 li.active{ background:url(../images/a_rightdian_.png) no-repeat right center; }
.active a{/* background:url(../images/a_rightbg1.png) no-repeat right;*/ background:#00a5e0; color:#fff; font-size:12px;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;}

.date-block {
	font: bold 14px/15px "Microsoft YaHei" !important; padding: 0px 10px; width: 68px; height: 88px; color:#444; float: left; font-size-adjust: none !important; font-stretch: normal !important; /*background-color:#049ae3;*/background-color: rgb(225, 225, 225);
}
.date-block .day {
	font: bold 36px/36px "Microsoft YaHei" !important; margin: 10px 0px 3px; color:#049ae3; display: block; font-size-adjust: none !important; font-stretch: normal !important;
}
/*.link-block a:hover .date-block{ background-color:#049ae3;}
.link-block a:hover .date-block .day {
	 color:#ffffff;
}
*/

.link-block {
	border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: dotted; width:835px; float:left;
}
.link-block a {
	padding: 24px 24px 24px 0px; transition:background-color 400ms; height: 90px; border-bottom-color: rgb(232, 230, 230); border-bottom-width: 1px; border-bottom-style: solid; display: block; -webkit-transition: background-color 400ms;
}
.link-block a:hover {
	background-color: rgb(225, 225, 225);
}
.link-block a:last-child {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.link-block a .summary {
	width: 705px; height: 100%; color: rgb(116, 105, 105); line-height: 18px; margin-left: 18px; float: left;
}
.newsPic_{ width:254px; overflow:hidden; float:right;}
.newsPic_ img{ width:254px; margin-bottom:15px;}
.link-block a h1 {
	line-height: 26px; margin-bottom: 8px; font-size:20px; color:#303030;
}
.link-block a h3 {
	margin: -4px 0px; color: rgb(116, 105, 105);
}
.link-block a p {
	height: 36px; color: rgb(116, 105, 105); line-height: 18px; overflow: hidden; margin-top: 8px;
}
input.more {
	background: url("../img/btn_more_on.png") no-repeat center 15px rgb(225, 222, 222); transition:background 400ms; width: 100%; height: 54px; display: block; cursor: pointer; -webkit-transition: background 400ms;
}
input.more:hover {
	background-image: url("../img/btn_more.png"); background-color: rgb(230, 43, 30);
}
/* 新闻详情 */
    #left .news-editor {position:relative; padding-left:0px; color:#746969; margin-top:20px;}
    #left .news-editor .date-block {position:absolute; left:0; top:0;}
    /*#left .news-editor h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}*/
    #left .news-editor h3 {margin:14px 0 25px 0;}
    #left .news-editor p {margin-bottom:15px; color:#746969;}
    #left .news-editor img{ max-width:100%;}
    p, span {font-family:'Microsoft Yahei'!important;}
    #left .news-editor .bshare-custom {margin-bottom:5px; height:20px; overflow:hidden;}
    #left .news-editor .bshare-custom a {float:left; padding:0; margin-right:5px; width:20px; height:20px; background:url(../img/news/share.jpg) no-repeat 0 0; overflow:hidden;}
    #left .news-editor .bshare-custom .bshare-weixin {background-position:-54px 0;}
    #left .news-editor .bshare-custom .bshare-sinaminiblog {background-position:-79px 0;}
    #left .news-editor .bshare-custom .bshare-qzone {background-position:-129px 0;}
    #left .news-editor .bshare-custom .bshare-qqim {background-position:-154px 0;}
    #left .relative-news {position:relative; border-top:2px solid #e8e6e6;}
    #left .relative-news .main-news {margin-bottom:-23px; padding:23px 16px 0 106px; width:302px; height:170px; border-right:1px dotted #ccc;}
    #left .relative-news .main-news .date-block {position:absolute; left:0; top:23px;}
    #left .relative-news .main-news h1 {margin-bottom:15px; height:44px; line-height:22px;}
    #left .relative-news .main-news p {line-height:20px; color:#777;}
    #left .relative-news .main-news .detail {display:block; line-height:20px; color:#e62b1e;}
    #left .relative-news .link-list {position:absolute; top:24px; left:443px; width:340px; line-height:20px;}
    #left .relative-news .link-list h1 {margin-bottom:39px;}
    #left .relative-news .link-list a {color:#777;}
.videoli_pic{ text-align:center;}
/*产品*/
.product{ width:100%; padding:60px 0 60px 0;}
.product .iTitle{ margin-bottom:20px;}
.iTitleEn{ text-align:center; margin-bottom:-12px; font-size:16px;font-family:Arial; font-weight:bold;}
.titleP{ font-size:18px; font-family:幼圆; color:#333333; line-height:30px; text-align:center; opacity:0.999999; margin-bottom:40px;}
.productMenu{ line-height:95px; text-align:center; color:#e2e2e2;}
.productMenu a{ padding:2px 20px 2px 20px; color:#252424; font-size:14px;}
.productMenu a:hover{background-color:#039ae3; color:#ffffff;}
.productMenu a.on{ background-color:#039ae3; color:#ffffff;}
.p_product{ width:100%; background:#ffffff; padding:60px 0 60px 0;}
.p_product_{ width:1155px; min-height:290px; margin:0 auto; overflow:hidden;}
.p_productli{ width:365px; float:left; margin:0 30px 62px 0; overflow:hidden;}
.p_productliPic{ width:365px; height:228px; overflow:hidden;}
.p_productliPic img{transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
	
	 
	}
.p_productliPic img:hover{transform: scale(1.1, 1.1);
	
	-ms-transform:scale(1.1, 1.1); 
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 	}
.p_productliTxt{ line-height:40px; width:365px; height:40px; overflow:hidden;}	
	
.productMore{ height:40px; text-align:center; margin:0 auto;  line-height:40px; width:1152px; background:#c2c2c2; font-size:16px; }
.productMore a{ color:#464646;}
.productMore:hover a{ color:#fff;}
.productMore:hover{ background:#039ae3;}

.productli{ width:888px; padding:0px; background:#fff;}
.productliTxt{ width:203px; float:right; background:#fff;}
.caseli{ width:100%; padding:60px 0 60px 0;}
.caseTitle{ width:183px; height:60px; line-height:60px; background:#35aee9; font-size:20px; padding-left:20px; letter-spacing:1px; text-align:left; color:#fff;
  /*-webkit-text-shadow:2px 3px 5px rgba(0, 0, 0, .5);  
  -moz-text-shadow:2px 3px 5px rgba(0, 0, 0, .5);  
  text-shadow:2px 3px 5px rgba(0, 0, 0, .5);  */}
.caseTxt{ padding:30px 20px 30px 20px; line-height:20px;background:#35aee9; color:#fff}
.caseTxt a{ color:#fff;}
.casepage{ background:#35aee9; width:203px; height:35px; text-align:center; font-size:14px; padding-bottom:20px;}
.casepage a{ color:#fff;width:70px; height:20px;  line-height:20px; display:block;}
.casepage a:hover{ background:#ffffff; color:#35aee9;
                   -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;      
                   }



/*新闻*/
.news{ width:100%; padding:60px 0 60px 0;}
.news .iTitle{ margin-bottom:30px;}
.newsCon{ width:1152px; height:187px; overflow:hidden; background:#fff; margin-bottom:30px;}
.newsCon li{ height:187px; float:left;}
.newsTime{ width:81px; height:187px; overflow:hidden; text-align:right; background:url(../images/newsTime.jpg) no-repeat; padding:5px 20px 0 20px; color:#a9a8a8;}
.newsTime span{ font-size:60px; display:block; font-weight:bold;}
.newsPic{ width:294px; height:187px; overflow:hidden;}
.newsTxt{ width:697px; height:167px; overflow:hidden; padding:10px 20px 10px 20px;}
.newsTxt span{ width:697px; height:40px; line-height:40px; overflow:hidden; font-size:18px; color:#2b2b2b;}
.newsTxt p{ width:697px; line-height:30px; height:90px; overflow:hidden; color:#888888;}
.newsTxt a{ color:#888888;}
.newsTxt a:hover{ color:#35aee9;}
.newsTxt span a{ color:#2b2b2b;}
.newsTxt span :hover{ color:#35aee9;}
.newsTxt font{ width:697px; height:25px; display:block; text-align:right;}

/*招聘*/
.zaopingWhy{ width:100%; height:536px; background:#eeeeee url(../images/zaoping1.jpg) no-repeat right; padding:60px 0 60px 0; line-height:48px; color:#888888; font-size:24px;}
.zaopingWhy span{ color:#333333; font-size:48px; display:block; margin-bottom:60px;}
.job{ width:100%; padding:60px 0 60px 0;}
.jobli{ width:552px; height:63px; line-height:63px; overflow:hidden; float:left; margin:0 10px 0 10px; display:inline;}
.jobliTxt{ padding:0 27px 0 27px; width:498px; height:63px; overflow:hidden; font-size:16px;}
.jobliTxt a{ width:300px; height:63px; overflow:hidden; float:left; color:#888888;}
.jobliTxt span{ width:100px; height:63px; overflow:hidden; text-align:right; display:block; float:right; color:#888888;}
.jobbg{ background:#f3f3f3;}
.jobbg .i_newsliId{ color:#3964ac}

/*服务*/
.service{ width:100%;}
.servicePic{ width:100%; height:639px; background:url(../images/service.jpg) no-repeat center;}
.servicemMenu{ width:1152px; margin:0 auto; padding:80px 0 80px 0;}
.serviceli{ width:192px; float:left; text-align:center;}
.serviceliPic{ width:192px; height:65px; text-align:center;}
.serviceliTxt{ line-height:24px; width:192px;}
.serviceliTxt font{ color:#9f9f9f; font-size:16px;}
.serviceliTxt span{ color:#464646; font-size:15px; margin-bottom:30px; display:block;}
.serviceliPic img{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	-webkit-filter: grayscale(100%); 
-webkit-filter: grayscale(1); 
filter: grayscale(100%); 
filter:url('img.svg#grayscale'); 
filter:gray;


	}
.serviceliPic:hover img{transform:translate(0,-5px);
	-webkit-transform:translate(0,-5px);
	-moz-transform:translate(0,-5px);
	-o-transform:translate(0,-5px);
	-ms-transform:translate(0,-5px);
		-webkit-filter: grayscale(0); 
-webkit-filter: grayscale(100); 
filter: grayscale(0); 
	}
	
	
.servicemMenuP{ width:1152px; margin:0 auto; padding:60px 0 80px 0;}
.servicemMenuP .serviceli{ width:192px; float:left; text-align:center; margin:40px 96px 40px 96px;}

.service_ys{ width:100%; height:1071px;padding:60px 0 60px 0; }
.service_hyys{ width:100%; padding:60px 0 60px 0; background:url(../images/service2bg.PNG) no-repeat center; height:756px;}
.service_lc{ width:100%; padding:60px 0 60px 0;}
.jjfa{ display:none;}
.serverMenu{ line-height:95px; text-align:center; color:#e2e2e2;}
.serverMenu a{ padding:2px 20px 2px 20px; color:#fff; font-size:14px;}
.serverMenu a:hover{background-color:#039ae3; color:#ffffff;}
.serverMenu a.on{ background-color:#039ae3; color:#ffffff;}

.design-help-box { float: left; width: 556px; height: 425px; background: #fff; margin-top:420px; }
.design-help-box .inner { padding: 14px 19px 0 }
.design-help-box .content { position: relative; height: 320px; margin: 5px 0 10px }
.lt9 .design-help-box .content { font-family: 'SimSun', 宋体 }
.design-help-box .content a { position: absolute; top: 0; left: 0; max-width: 14em; height: 1.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* -webkit-transition: font-size 1s ease-in-out */ }

.design-help-box .release-ask-btn { display: block; width: 90px; height: 27px; margin: 0 auto; border-radius: 3px; background: #0068b7; color: #ffffff; font-weight: bold; font-size: 14px; text-align: center; line-height: 27px }
.design-help-box .release-ask-btn:hover { background-color: #025b9f }



/*标准建站*/
.serviceliMenu{ width:100%; margin:0 auto; padding:60px 0 60px 0; text-align:center; background:#ffffff;}
.serviceliMenu ul{ font-size:0;}
.serviceliMenu li{ display:inline-block; width:217px;}
.serviceliMenu li a{ text-align:center; line-height:45px; font-size:16px; color:#464646;}
.serviceliMenu li a span{ width:217px; height:88px; text-align:center; overflow:hidden; display:block;}
.Web1{ width:100%; padding:60px 0 60px 0; background:url(../images/webPic1.jpg) no-repeat center; height:431px;}
.Web1Img{ float:left; margin-top:30px; margin-left:40px;}
.Web1Txt{ text-align:left; color:#fff; font-size:14px; line-height:36px;float:left; margin-left:40px}
.Web1Txt span{ color:#fff; font-size:36px; margin:30px 0 30px 0; line-height:110px; display:block;}
.Web2{ width:100%; padding:60px 0 60px 0; height:429px;}
.Web2Txt{ text-align:left; color:#333333; font-size:14px; line-height:36px; float:left; margin-left:40px}
.Web2Img{ float:left; margin-top:30px; margin-left:40px;}
.Web2Txt span{ color:#06d3f6; font-size:36px; margin:30px 0 30px 0; line-height:110px; display:block;}
.Web3{ width:100%;  background:url(../images/Web3bg.jpg); height:551px;}
.Web3Img{ float:left; margin-top:30px; margin-left:40px;}
.Web3Txt{ text-align:left; color:#fff; font-size:14px; line-height:36px;float:left; margin-top:120px;margin-left:40px}
.Web3Txt span{ color:#06d3f6; font-size:36px; margin:10px 0 30px 0; line-height:110px; display:block;}
.Web4{ width:100%; padding:60px 0 60px 0; background:#ffffff; height:429px;}
.Web4Img{ float:left; margin-top:30px; margin-left:40px;}
.Web4Txt{ text-align:left; color:#333333; font-size:14px; line-height:36px; margin-left:40px; width:350px;float:left; }
.Web4Txt span{ color:#585858; font-size:36px; margin:30px 0 30px 0; line-height:110px; display:block;}

/*移动互联*/
.Mobile1{ width:100%; padding:60px 0 60px 0; background:#059ae3; height:500px;}
.Mobile1Txt span{ font-size:36px; color:#ffffff; text-align:center; display:block; margin-top:20px;}
.Mobile1Txt{ line-height:36px; color:#ffffff; text-align:center;}
.Mobile2{ width:100%; background:#ffffff url(../images/Mobile2.png) no-repeat right; }
.Mobile2_{ width:1152px; margin:0 auto;  height:583px;}
.Mobile2Txt{ line-height:36px; color:#06d3f6; margin-left:40px;}
.Mobile2Txt span{ font-size:36px; color:#06d3f6; text-align:left; display:block;}
.Mobile3{ width:100%;  background:url(../images/Mobile3.jpg) no-repeat center; height:544px;}
.Mobile3Txt{ line-height:30px; color:#ffffff; text-align:left; float:right; margin-top:150px; width:400px;}
.Mobile3Txt span{ font-size:30px; color:#ffffff; text-align:left; display:block;}

/*系统应用*/
.System1{ width:100%; background:#059ae3 url(../images/system1.jpg) no-repeat left bottom; height:500px;}
.System1Txt span{ font-size:30px; color:#ffffff; text-align:right; display:block; margin-bottom:50px;}
.System1Txt{ line-height:30px; color:#ffffff; text-align:left; width:500px; float:right; margin-right:200px; margin-top:100px;}
.System2{ width:100%;  background:#ffffff url(../images/system2.jpg) no-repeat center; background-size:100%; height:500px; padding-top:80px; padding-left:200px;}
.System2Txt{ line-height:25px; color:#ffffff; text-align:center; width:250px; background:#059ae3; padding:20px 10px 20px 10px;}
.System2Txt span{ font-size:30px; color:#ffffff; text-align:center; display:block; margin-bottom:20px;}
.System3{ width:100%; padding:60px 0 60px 0; background:#ffffff; height:426px;}
.System3Img{ float:left; margin-top:10px; margin-left:150px;}
.System3Txt{ line-height:20px; color:#333333; text-align:center;float:left; margin-left:100px; margin-top:180px;}
.System3Txt span{ font-size:30px; color:#06d3f6; text-align:center; display:block; }
.System4{ width:100%; background:#059ae3 url(../images/system4.jpg) no-repeat center bottom; height:512px;}
.System4Txt{ line-height:20px; color:#ffffff; text-align:left; width:400px; padding-top:50px; padding-left:100px;}
.System4Txt span{ font-size:30px; color:#ffffff; text-align:left; display:block; margin-bottom:20px;}

/*电子商务*/
.Store1{ width:100%; background:#059ae3; height:429px;}
.Store1Img{ float:right; margin-top:10px; margin-left:150px;}
.Store1Txt span{ font-size:36px; color:#ffffff; text-align:left; display:block; margin-bottom:50px;}
.Store1Txt{ line-height:20px; color:#ffffff; text-align:left;float:left; width:500px; padding-top:40px; padding-left:50px;}
.Store2{ width:100%;background:url(../images/store1.jpg) no-repeat center; background-size:100%; height:500px;}
.Store2Txt span{ font-size:36px; color:#06d3f6; text-align:left; display:block; margin-bottom:20px;}
.Store2Txt{ line-height:20px; color:#666666; text-align:left; width:550px; float:right; padding-top:50px;}
.Store3{ width:100%; background:#f7f7f7; height:620px;}
.Store3Img{ width:100%; text-align:center; padding-top:20px;}
.Store3Txt span{ font-size:36px; color:#000000; text-align:center; display:block; margin-bottom:50px;}
.Store3Txt{ line-height:20px; color:#888888; text-align:center; margin-top:40px;}
.Store4{ width:100%;  background:#ffffff; height:427px;}
.Store4Img{ float:right; margin-right:50px;}
.Store4Txt span{ font-size:36px; color:#06d3f6; text-align:left; display:block; margin-bottom:50px;}
.Store4Txt{ line-height:20px; color:#888888; text-align:left; float:left; width:500px; padding-top:100px; padding-left:100px;}
.Store5{ width:100%; background:#059ae3; height:512px;}
.Store5Img{ float:left; margin-top:10px; margin-left:50px;}
.Store5Txt span{ font-size:36px; color:#ffffff; text-align:left; display:block; margin-bottom:50px;}
.Store5Txt{ line-height:20px; color:#ffffff; text-align:left;float:left;padding-top:100px; padding-left:100px;}



/*整合运营*/
.zhenghe1{ width:100%; background:url(../images/zhenghe1.jpg) no-repeat center; background-size:100%; height:557px;}
.zhenghe1Txt span{ font-size:36px; color:#06d3f6; text-align:left; display:block; margin-bottom:20px;}
.zhenghe1Txt{ line-height:20px; color:#555555; text-align:left; padding-top:300px; float:right; width:50%;}
.zhenghe3{ width:100%;background:url(../images/zhenghe2.jpg) no-repeat center;background-size:100%;  height:513px;}
.zhenghe3Txt span{ font-size:36px; color:#06d3f6; text-align:center; display:block; margin-bottom:20px;}
.zhenghe3Txt{ line-height:36px; color:#ffffff; text-align:center; padding-top:200px}

.zhenghe2{ width:100%;background:url(../images/zhenghe3.jpg) no-repeat center;background-size:100%; height:436px;}
.zhenghe2Txt span{ font-size:36px; color:#ffffff; text-align:left; display:block; margin-bottom:20px;}
.zhenghe2Txt{ line-height:36px; color:#ffffff; text-align:left; padding-top:200px; padding-left:100px;}
.zhenghe4{ width:100%; background:url(../images/zhenghe4.jpg) no-repeat center;background-size:auto 100%; height:510px;}
.zhenghe4Txt span{ font-size:36px; color:#06d3f6; text-align:left; display:block; margin-bottom:20px;}
.zhenghe4Txt{ line-height:20px; color:#ffffff; text-align:left;padding-top:200px; float:right; width:60%;}

/*基础配置*/
.basic1{ width:100%;  background:url(../images/basic1.jpg) no-repeat center;background-size:100%;  height:433px;}
.basic1Txt span{ font-size:36px; color:#FFF; text-align:center; display:block; margin-bottom:10px;}
.basic1Txt{ line-height:36px; color:#FFF; text-align:center; padding-top:100px;}
.basic2{ width:100%;  background:url(../images/basic2.jpg) no-repeat center;background-size:100%;  height:517px;}
.basic2Txt span{ font-size:36px; color:#FFF; text-align:center; display:block; margin-bottom:10px;}
.basic2Txt{ line-height:36px; color:#FFF; text-align:center;padding-top:200px;}
.basic3{ width:100%;  background:url(../images/basic3.jpg) no-repeat center;background-size:100%;  height:554px;}
.basic3Txt span{ font-size:36px; color:#FFF; text-align:left; display:block; margin-bottom:10px;}
.basic3Txt{ line-height:20px; color:#FFF; text-align:left; padding-top:150px; padding-left:200px;}
.basic4{ width:100%;  background:url(../images/basic4.jpg) no-repeat center;background-size:100%;  height:511px;}
.basic4Txt span{ font-size:36px; color:#06d3f6; text-align:right; display:block; margin-bottom:20px;}
.basic4Txt{ line-height:20px; color:#666; text-align:left; padding-top:200px; width:200px; margin-left:550px;}
.basic5{ width:100%;  background:url(../images/basic5.jpg) no-repeat center;background-size:auto 100%;  height:424px;}
.basic5Txt span{ font-size:36px; color:#000000; text-align:left; display:block; margin-bottom:10px;}
.basic5Txt{ line-height:30px; color:#888888; text-align:left; padding-top:200px; padding-left:100px;}

/*联系我们*/
.contact{ width:100%; padding:60px 0 60px 0;}
/*.contactMap{ width:100%; height:480px; background:url(../images/contact.jpg) no-repeat center; line-height:30px;}
.map{ width:576px; height:389px; padding-top:40px; float:left;}*/
.contactMap{ width:100%; height:576px; background:url(../images/contact_.jpg) no-repeat center; line-height:30px;}
.map{ width:738px; height:492px; padding-top:40px; float:left;}
.Fengbu{ width:100%; padding:60px 0 60px 0;}
.fengbuli{ width:512px; height:183px; overflow:hidden; background:#fff; float:left; margin:32px 32px 0 32px;}
.fengbuliPic{ width:181px; height:183px; overflow:hidden; float:left;}
.fengbuliTxt{ width:287px; height:163px; overflow:hidden; float:left; padding:10px 22px 10px 22px; background:#bcbcbc; color:#fff}
.fengbuli:hover .fengbuliTxt{ background:#059ae3;}
.fengbuliTxt span{ width:287px; height:50px; line-height:50px; font-size:18px; color:#fff;}
.fengbuliTxt p{ width:287px; line-height:24px; height:96px; overflow:hidden;}
.fengbuliTxt b{ width:287px; height:25px; display:block; text-align:right; padding-top:7px;}
.message{ width:100%; padding:60px 0 60px 0;}
.gbooklists{ width:100%; -moz-border-radius:8px;      
    -webkit-border-radius: 8px;  
    border-radius: 8px;-moz-box-shadow:3px 3px 3px #444;              
    -webkit-box-shadow:3px 3px 3px #444;              
    box-shadow:3px 3px 3px #444; line-height:25px;}
#gbooklists{ width:100%;  display:block; }
#gbooklists .gbookliststxt{ width:100%; margin-left:40px; float:left; display:inline; margin-top:12px; }
#gbooklists li{ float:left; list-style:none; line-height:30px;}
.gbooklistsinput{ height:40px; background:#ffffff;border:1px solid #c5c5c5;/*-moz-box-shadow:2px 2px 2px #bbaa93 inset;              
    -webkit-box-shadow:2px 2px 2px #bbaa93 inset;              
    box-shadow:2px 2px 2px #bbaa93 inset;*/ width:100%;}
.gbooklistsinputredio{ height:25px;border:1px solid #a1917a; background:#a1917a; }
#gbooklists textarea{ width:100%;  background:#fff;border:1px solid #c5c5c5;/*-moz-box-shadow:2px 2px 2px #bbaa93 inset;              
    -webkit-box-shadow:2px 2px 2px #bbaa93 inset;              
    box-shadow:2px 2px 2px #bbaa93 inset;*/}
#gbooklists .Submit{ width:134px; height:44px; float:left; font-size:24px; margin-left:152px; border:0px;  margin-top:20px;  line-height:44px; outline:none; text-align:center; cursor:pointer; color:#ffffff; background:#3abfff;-moz-box-shadow:none;              
    -webkit-box-shadow:none;              
    box-shadow:none;}
#gbooklists input:focus,#gbooklists textarea:focus{  -moz-box-shadow: 0px 0px 2px rgba(0, 45, 119, 0.5);  -webkit-box-shadow: 0px 0px 2px rgba(0, 45, 119, 0.5); border:1px solid #002d77; box-shadow: 0px 0px 2px rgba(0, 45, 119, 0.5); }
.red{ color:#F00;}
.btncss{ cursor:pointer;} 
#gbooklists li span{ color:#002d77; padding-left:10px;}
.messageTxt{ width:25; padding-right:8px; display:block; text-align:right; font-size:14px; color:#888888;}
.messageInput{ width:70%;}