﻿@charset "utf-8";

*{margin:0px;
 padding:0px;
}
html,body{
      -webkit-text-size-adjust:none;
}
body{
	color:#333333;
	background-color:#fff; font-family:"微软雅黑","Microsoft YaHei";
}
body img{
    border:0px;
}
/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
	COLOR: #333333; TEXT-DECORATION: none;
}
A:link {
	COLOR: #333333; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none;
}
A:hover {
	RIGHT: 0px; COLOR: #0062d0;
	text-decoration:none;
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt35{
	margin-top:35px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.w{
	width:1280px; height:auto; margin:0 auto;
}
.box{
	width:980px;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	display:table;
	
}
.header_top_box{
	width:100%; height:36px; background:url(../images/header_top_boxbg.jpg) center top no-repeat;
}
.header_top_info{
	font-size:12px; color:#fff; line-height:36px;
}
.header_top_info span{
	float:right;
}
.header_top_info span.top_con{
	background:url(../images/contactbg.png) left center no-repeat; padding-left:25px; margin-left:25px;
}
.header_top_info span.top_wechat{
	background:url(../images/wechatbg.png) left center no-repeat; padding-left:25px; position:relative; cursor:pointer;
}
.top_wx{
	width:124px; height:0px; position:absolute; left:-20px; top:36px; overflow:hidden;transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.header_top_info span.top_wechat:hover .top_wx{
	width:124px; height:124px;
}
.header_top_info a{
	color:#fff;
}
.header_box{
	width:100%; height:153px;  border-bottom:1px #d5d5d5 solid;
}
.logo{
	float:left; margin-top:35px;
}
.header_right{
	margin-top:42px; float:right;
}
.tel{
	height:39px; background-color:#18acef; line-height:39px; font-size:24px; color:#fff;
}
.tel span.mobi{
	background:url(../images/mbbg.jpg) left center no-repeat; padding-left:50px; height:39px; display:inline-block;
}
.tel span.phone{
	background:url(../images/telbg.jpg) left center no-repeat; padding-left:50px; height:39px; display:inline-block; margin-left:15px; padding-right:12px;
}
.proys_info{
	font-size:13px; color:#fff; margin-top:6px; text-align:center;
}
.proys_info span{
	background:url(../images/header_txtbg.jpg) center center no-repeat; height:22px; line-height:22px; display:inline-block; padding-left:25px; padding-right:25px; border-radius:22px;-moz-border-radius:22px;-webkit-border-radius:22px;-o-border-radius:22px; 
}
.navigation{
	height:50px; line-height:50px;
}
.navigation li{
	float:left; height:50px; line-height:50px; width:133px; margin-left:1px; display:inline; text-align:center;
}
.navigation li a{
	display:block;
}
.navigation li a:hover{
	background-color:#0062d0; color:#fff;
}
.navigation li.home{
	width:65px; height:50px; background:url(../images/homebg.jpg) center center no-repeat #0062d0; margin-left:0px; margin-right:20px;
}
.navigation li.home a{
	width:65px; height:50px;
}
.navigation li.home a:hover{
	background:url(../images/homebg.jpg) center center no-repeat #0062d0;
}
.navigation li.current a{
	background-color:#0062d0; color:#fff;
}
.search{
	height:25px; float:right; border-left:1px #bfbfbf solid; width:225px; margin-top:10px;
}
.seatxt{
	width:170px; height:25px; line-height:25px; float:left; padding-left:5px; font-size:14px; 
}
.seasub{
	width:40px; height:25px; background:url(../images/seabg.jpg) center center no-repeat; cursor:pointer; border:0px; float:left;
}
.banner{
	width:100%; height:auto; position:relative; padding-bottom:35px;
}
.banner img{
	width:100%; height:auto; display:block;
}
#slideBox { width: 100%; height: auto; overflow: hidden; position: relative; }
#slideBox .hd { width: 100%; position: absolute; z-index: 1; bottom: 80px; left: 0; height: 20px; line-height: 20px; }
#slideBox .hd ul { text-align: center; }
#slideBox .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 30px; height: 5px; margin: 5px; overflow: hidden; background: #0062d0; line-height: 999px; }
#slideBox .hd ul .on { background: #f7930f; }
#slideBox .bd { position: relative; height: 100%; z-index: 0; }
#slideBox .bd li { zoom: 1; vertical-align: middle; }
#slideBox .bd img { width: 100%; height: auto; display: block; }
/*前/后按钮代码*/
#slideBox .prev { position: absolute; left: 8%; top: 45%; margin-top: -25px; display: block; width: 19px; height: 32px; background: url(../images/prevArrow.png) no-repeat; z-index: 1; cursor:pointer;filter: alpha(opacity=70); opacity: 0.7;}
#slideBox .next { position: absolute; right: 8%; top: 45%; margin-top: -25px; display: block; width: 19px; height: 32px; background: url(../images/nextArrow.png) no-repeat; z-index: 1; cursor:pointer;filter: alpha(opacity=70); opacity: 0.7;}
.keybox{
	width:100%; height:auto; position:absolute; bottom:0px;
}
.keywords{
	height:auto; background-color:#f4f4f4; padding-top:25px; padding-bottom:25px; font-size:14px;
}
.keywords span{
	background:url(../images/keybg.jpg) left center no-repeat; padding-left:30px; margin-left:20px;
}
.keywords a{
	font-size:14px; margin-right:15px;
}
.title{
	height:auto; background:url(../images/titlebg.png) center top no-repeat; font-size:38px; letter-spacing:1px; line-height:50px; font-weight:bolder; text-align:center; margin-top:40px;
}
.title span{
	color:#0062d0;
}
.title .en{
	font-size:56px; color:#f4f4f4; text-transform:uppercase; display:inline-block; font-family:Arial, Helvetica, sans-serif;
}
.products_cat{
	border:1px #ebebeb solid; width:1278px; margin:0 auto; height:68px;
}
.products_cat ul{
	list-style-type:none;
}
.products_cat li{
	float:left; height:68px; line-height:65px; background:url(../images/pro_catbg.jpg) left center no-repeat; padding-left:80px; padding-right:80px; font-size:large;
}
.products_cat li:first-child{
	background:none;
}
.products_cat li.pro_more{
	background:#0062d0; text-align:center; font-size:55px; float:right; overflow:hidden; padding-left:15px; padding-right:15px; overflow:hidden;
}
.products_cat li.pro_more a{
	color:#fff; display:block; transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.products_cat li.pro_more:hover a{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); line-height:75px;}
.products_cat_ny{
	border:1px #ebebeb solid; width:1278px; margin:0 auto; height:auto; display:table; padding-top:6px; padding-bottom:6px;
}
.products_cat_ny ul{
	list-style-type:none;
}
.products_cat_ny li{
	float:left; height:48px; line-height:45px; background:url(../images/pro_catbg.jpg) left center no-repeat; padding-left:30px; padding-right:30px;
}
.products_cat_ny li:first-child{
	background:none;
}
.products_cat_ny li.thisclass a{
	font-weight:bolder; color:#0062d0;
}
.products{
	height:auto; background:url(../images/probg.jpg) repeat-x left top; padding-top:47px;
}
.products li{
	float:left; height:auto; margin-right:20px; display:inline; width:305px; position:relative; overflow:hidden; margin-bottom:20px; box-sizing:border-box; border:1px #ddd solid;
}
.products li img{
	width:100%; height:auto; min-width:305px; min-height:385px; display:block; overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.products img:hover{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}

.products li:nth-child(4n){
    margin-right: 0;
}
.products li .pro_title{
	width:100%; height:46px; line-height:46px; background:url(../images/blue_80.png); color:#fff; text-align:center; position:absolute; left:0px; bottom:-46px; z-index:1;
}
.products li:hover .pro_title{
	bottom:0px;transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.products li .pro_title a{
	color:#fff;
}
.youshi_box{
	width:100%; height:auto; background:url(../images/youshibg.png) left top no-repeat; display:table; background-attachment:fixed;
}
.youshi_info{
	padding-top:50px;
}
.youshi_left{
	width:640px; height:auto; float:left;
}
.youshi_txt{
	width:100%;
}
.youshi_title{
	width:130px; height:129px; background:url(../images/youshi_titbg.png) no-repeat; text-align:center; font-size:32px; color:#fff; line-height:129px; font-weight:bolder; float:left;
}
.youshi_infos{
	width:470px; float:right;
}
.youshi_infos h3{
	 color:#0062d0; font-size:30px; font-weight:bolder; display:inline-block;
}
.youshi_infos span{
	color:#bababa; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:24px; font-weight:bolder; 
}
.youshi_infos p{
	font-size:14px; line-height:26px; margin-top:15px;
}
.youshi_pic{
	margin-top:80px; margin-bottom:80px; text-align:center;
}
.youshi_pic2{
	margin-bottom:10px; text-align:center;
}
.youshi_infos ul{
	list-style-type:none; margin-top:15px;
}
.youshi_infos li{
	height:auto; background:url(../images/youshi_icon.png) left 8px no-repeat; line-height:26px; padding-left:25px; font-size:14px; margin-bottom:3px;
}
.youshi_right{
	width:640px; height:auto; float:right;
}
.main_pic{
	height:382px; background:url(../images/main_pic.jpg) center center no-repeat;
}
.aboutus_box{
	width:100%; height:auto; display:table; background:url(../images/aboutus_boxbg.jpg) center bottom no-repeat #f8f8f8; padding-top:1px; padding-bottom:60px;
}
.about_info{
	height:auto; margin-top:25px;
}
.about_left{
	width:600px; float:left; padding-bottom:30px;
}
.about_title{
	border-left:5px #0062d0 solid; padding-left:18px; margin-bottom:40px;
}
.about_title h2{
	letter-spacing:1px; font-size:28px;
}
.about_title span{
	color:#acacac; font-size:14px; text-transform:uppercase;
}
.about_title font{
	color:#0062d0;
}
.about_left p{
	font-size:16px; line-height:30px; color:#666666; text-indent:2em; margin-bottom:20px;
}
.about_content{
}
.about_content p{
	font-size:16px; line-height:30px; color:#666666; text-indent:2em; margin-bottom:20px;
}
.contact_content{
}
.contact_content p{
	font-size:16px; line-height:30px; color:#666666; text-indent:2em; margin-bottom:20px;
}
.contact_content ul.conlist{
	list-style-type:none;
}
.contact_content ul.conlist li{
	height:40px; line-height:40px; padding-left:40px;
}
.contact_content ul.conlist li.zs_tel{
	background:url(../images/con_iconbg.png) left 3px no-repeat;
}
.contact_content ul.conlist li.ser_tel{
	background:url(../images/con_iconbg.png) left -38px no-repeat;
}
.contact_content ul.conlist li.address{
	background:url(../images/con_iconbg.png) left -74px no-repeat;
}
.contact_content ul.conlist li.email{
	background:url(../images/con_iconbg.png) left -116px no-repeat;
}
.contact_content ul.conlist li.website{
	background:url(../images/con_iconbg.png) left -155px no-repeat;
}
.about_more {
	border-bottom:2px #0062d0 solid; padding-bottom:15px; display:inline-block; margin-top:40px;
}
.aboutus_box .en{
	color:#ededed;
}
.about_pics{
	float:right; width:615px; background:url(../images/about_picsbg.png) right center no-repeat; height:408px; padding-top:30px; position:relative; margin-left:30px; margin-bottom:15px;
}
.about_pics .hd { width: 100%; position: absolute; z-index: 1; bottom: 30px; left: 0; height: 20px; line-height: 20px; }
.about_pics .hd ul { text-align: center; }
.about_pics .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 30px; height: 5px; margin: 5px; overflow: hidden; background: #0062d0; line-height: 999px; }
.about_pics .hd ul .on { background: #f7930f; }
.about_pics .bd { position: relative; z-index: 0; max-width:578px; height:auto;  }
.about_pics .bd li { zoom: 1; vertical-align: middle; }
.about_pics .bd img { width: 100%; height: auto; display: block; }
.about_more2{
	width:107px; height:110px; background-color:#0062d0; text-align:center; line-height:100px; font-size:90px; position:absolute; right:0px; bottom:0px; z-index:2;
}
.about_more2 a{
	color:#fff;
}
.customer{
	height:125px; background-color:#fff; margin-top:50px; box-shadow: 0 0 10px #dddddd;
}
.customer li{
	float:left; height:87px; margin-top:18px; margin-left:28px; display:inline;
}
.cases{
	height:auto; margin-top:40px;
}
.cases li{
	width:410px; height:auto; float:left; margin-right:25px; display:inline; text-align:center; margin-bottom:30px;
}
.cases li:nth-child(3n){
    margin-right: 0;
}
.cases img{
	width:100%; height:auto; min-width:410px; min-height:257px; margin-bottom:15px; overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.case_pic{
	overflow:hidden; width:410px; height:257px; margin-bottom:15px;
}
.cases img:hover{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.joinys{
	height:auto; margin-top:40px;
}
.joinys li{
	width:410px; height:auto; min-height:455px; float:left; margin-right:25px; display:inline; margin-bottom:30px; font-size:18px; font-weight:bolder; position:relative; border-bottom:1px #e1e1e1 solid;
}
.joinys li:nth-child(3n){
    margin-right: 0;
}
.joinys img{
	width:410px; height:257px; margin-bottom:20px;
}
.joinys a{
	font-size:18px; font-weight:bolder;
}
.joinys p{
	font-size:14px; font-weight:normal; color:#666666; margin-top:20px; line-height:24px;
}
.joinys_txt{
	width:53px; height:87px; background-color:#0062d0; color:#fff; font-size:20px; position:absolute; top:0px; right:0px; text-align:center; padding-left:10px; padding-right:10px; line-height:32px; padding-top:15px;
}
.greybox{
	width:100%; height:auto; background-color:#f8f8f8; padding-top:10px; display:table; padding-bottom:30px;
}
.greybox .en{
	color:#ededed;
}
.joinus{
	margin-top:30px;
}
.join_map{
	width:720px; height:auto; float:left; position:relative;
}
.contain{
	width:100%; height:auto;
}
.contain span{position:absolute;left:17%;top:28%;display:block;}
.contain span:nth-of-type(2){left:46%;top:62%;}
.contain span:nth-of-type(3){left:49%;top:47%;}
.contain span:nth-of-type(4){left:55%;top:73%;}
.contain span:nth-of-type(5){left:57%;top:54%;}
.contain span:nth-of-type(6){left:59%;top:80%;}
.contain span:nth-of-type(7){left:64%;top:44%;}
.contain span:nth-of-type(8){left:64%;top:70%;}
.contain span:nth-of-type(9){left:66%;top:54%;}
.contain span:nth-of-type(10){left:67%;top:80%;}
.contain span:nth-of-type(11){left:69%;top:42%;}
.contain span:nth-of-type(12){left:74%;top:47%;}
.contain span:nth-of-type(13){left:81%;top:33%;}
.contain span:nth-of-type(14){left:86%;top:27%;}
.contain span:nth-of-type(15){left:89%;top:18%;}
.contain span:nth-of-type(16){left:81%;top:60%;}
.contain span:nth-of-type(17){left:79%;top:65%;}
.contain span:nth-of-type(18){left:82%;top:79%;}
.contain span:nth-of-type(19){left:78%;top:55%;}
.contain span:nth-of-type(20){left:75%;top:74%;}
.contain span:nth-of-type(21){left:73%;top:60%;}
.contain span:nth-of-type(22){left:60%;top:35%;}
.contain span:nth-of-type(23){left:36%;top:47%;}
/* 波动效果 */
.wave {
    position: relative;
    width: 10px;
    height: 10px;
    text-align: center;
}
.wave .circle{
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    background: #ff8c01 ;
}
.wave .province{
    width: 65px;
    height: 28px;line-height:28px;
    position: absolute;
    opacity: 0; left:30px;
    background: #ff8c01 ; color:#fff; z-index:-1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all; font-size:15px;
	-o-transition: 0.5s all; letter-spacing:3px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; 
}
.wave:hover .province{
    opacity: 1; left:15px; z-index:1;
}
.wave .circle:first-child {
    animation: circle-opacity 1.5s infinite;
}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(2);
    }
}
.card{
    width:10px;
    height:10px;
    border-radius: 50%;
    background-color: #ff8c01;
    color:#fff;
    position: absolute;
    z-index: 999;
}
.join_txt{
	width:500px; height:auto; float:right; color:#848484; font-size:22px; padding-top:50px;
}
.join_txt font{
	font-size:70px; color:#0062d0; font-weight:bolder;
}
.join_txt span{
	font-size:34px; color:#0062d0; font-weight:bolder; margin-left:100px;
}
.join_bnt{
	width:355px; height:65px; background-color:#0966d1; color:#fff; font-size:26px; line-height:65px; border-radius:65px;-moz-border-radius:65px;-webkit-border-radius:65px;-o-border-radius:65px; text-align:center; font-weight:bolder; margin-top:25px; margin-left:80px;
}
.join_tel{
	background:url(../images/telbg2.jpg) left 2px no-repeat; padding-left:40px; margin-top:50px;
}
.join_tel span{
	font-size:28px; margin-left:0px;
}
.news{
	margin-top:40px; height:auto; display:table; padding-bottom:25px;
}
.industry{
	width:600px; height:auto; float:left;
}
.industry2{
	width:600px; height:auto; float:right;
}
.news_title{
	font-size:24px;
}
.news_title font{
	color:#b7b7b7; font-size:14px;
}
.news_title span{
	color:#fff; font-size:14px; width:24px; height:24px; background-color:#0966d1; display:inline-block; float:right; text-align:center; margin-top:3px;
}
.news_title span a{
	color:#fff; font-size:18px; line-height:20px;
}
.industry ul{
	margin-top:30px;
}
.industry li{
	height:105px; margin-bottom:10px;
}
.industry .date{
	width:143px; height:90px; padding-top:7px; border:1px #dbdbdb solid; background-color:#f7f7f7; float:left; margin-right:15px; text-align:center;
}
.industry .date span{
	font-size:36px; color:#949494; font-weight:bolder;
}
.industry li a{
	font-size:16px; color:#333333; font-weight:bolder;
}
.industry li p{
	font-size:14px; color:#888888; margin-top:15px; line-height:24px;
}
.industry li:hover .date{
	background-color:#0966d1; color:#ffff;
}
.industry li:hover .date span{
	color:#ffff;
}
.industry li:hover a{
	color:#0966d1;
}

.industry2 ul{
	margin-top:30px;
}
.industry2 li{
	height:105px; margin-bottom:10px;
}
.industry2 .date{
	width:143px; height:90px; padding-top:7px; border:1px #dbdbdb solid; background-color:#f7f7f7; float:left; margin-right:15px; text-align:center;
}
.industry2 .date span{
	font-size:36px; color:#949494; font-weight:bolder;
}
.industry2 li a{
	font-size:16px; color:#333333; font-weight:bolder;
}
.industry2 li p{
	font-size:14px; color:#888888; margin-top:15px; line-height:24px;
}
.industry2 li:hover .date{
	background-color:#0966d1; color:#ffff;
}
.industry2 li:hover .date span{
	color:#ffff;
}
.industry2 li:hover a{
	color:#0966d1;
}

.company{
	width:600px; height:auto; float:right;
}
.picnews{
	height:auto; margin-top:30px;
}
.picnews li{
	height:140px; margin-bottom:10px;
}
.picnews img{
	float:left; width:183px; height:133px; margin-right:15px;
}
.picnews li a{
	font-size:16px; color:#333333; font-weight:bolder;
}
.picnews li p{
	font-size:14px; color:#888888; margin-top:15px; line-height:24px;
}
.listnews li{
	line-height:38px; height:38px; font-size:14px; background:url(../images/news_icon.jpg) left center no-repeat; padding-left:20px;
}
.listnews a{
	line-height:38px; font-size:14px; color:#888888;
}
.listnews span{
	float:right; color:#888888;
}
.listnews a:hover{
	color:#0966d1;
}
.service{
	height:auto; margin-top:30px;
}
.service li{
	width:410px; height:360px; float:left; margin-right:25px; position:relative;
}
.service li:nth-child(3n){
    margin-right: 0;
}
.service img{
	width:410px; height:270px;
}
.service_txt{
	width:280px; height:180px; padding-top:20px; background-color:#0966d1; text-align:center; color:#fff; position:absolute; bottom:0px; left:50%; margin-left:-140px; text-transform:uppercase;transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.service_txt img{
	width:85px; height:84px; margin-bottom:15px;
}
.service_txt a{
	color:#fff; font-size:22px;
}
.service li:hover .service_txt{
	 bottom:20px;
}
.link_box{

	width:100%; height:74px; background-color:#f5f5f5;

}

.links{

	width:1278px; height:74px; margin:0 auto;

}

.links ul{

	list-style-type:none;

}

.links li{

	width:auto; height:74px; float:left; line-height:74px; margin-left:20px; display:inline; white-space:nowrap;

}

.links .links_tit{

	line-height:20px; background-color:#3059c1; padding-left:15px; padding-right:15px; color:#fff; text-align:center; font-size:16px; padding-top:15px; height:59px; margin-left:0px;

}

.links a:link{

	font-size:14px; line-height:74px;

}

.links a:visited{

	font-size:14px; line-height:74px;

}

.links a:hover{

	font-size:14px; line-height:74px;

}
.footer_box{
	width:100%; height:auto; background-color:#434343;display:table;
}
.foot_pro_cat{
	background:url(../images/foot_line.jpg) left top no-repeat; width:387px; height:300px; color:#fff; padding-left:50px; float:right; padding-top:50px;
}
.foot_pro_cat ul{
	margin-top:25px;
}
.foot_pro_cat li{
	width:160px; height:30px; line-height:30px; float:left; margin-right:20px; display:inline;
}
.foot_pro_cat a{
	color:#989898; font-size:14px;
}
.footer_box a:hover{
	color:#fff;
}
.foot_pro_cat li:nth-child(2n){
    margin-right: 0;
}
.foot_jsfw_cat{
	background:url(../images/foot_line.jpg) left top no-repeat; width:160px; height:300px; color:#fff; padding-left:70px; float:left; padding-top:50px;
}
.foot_jsfw_cat ul{
	margin-top:25px;
}
.foot_jsfw_cat li{
	width:160px; height:30px; line-height:30px; 
}
.foot_jsfw_cat a{
	color:#989898; font-size:14px;
}
.foot_fw{
	background:url(../images/foot_line.jpg) left top no-repeat; width:460px; height:260px; float:left; padding-top:50px; text-align:center; color:#989898; font-size:14px;
}
.foot_fw span{
	color:#989898; font-size:14px; line-height:26px; padding-left:20px;  margin-top:20px;
}
.foot_wechat{
	background:url(../images/foot_line.jpg) left top no-repeat; width:300px; height:260px; padding-left:50px; float:left; padding-top:50px; text-align:center; color:#989898; font-size:14px;
}
.footer h4{
	 color:#fff; font-size:18px;
}
.foot_wechat img{
	margin-top:35px; margin-bottom:10px;
}
.foot_contact{
	color:#989898; font-size:14px; line-height:26px; float:left;width:400px; height:260px;
}
.foot_tel{
	background:url(../images/foot_telbg.jpg) left top no-repeat; color:#adadad; font-size:14px; height:auto; margin-top:50px; margin-bottom:20px;
}
.foot_tel span{
	font-size:28px; color:#fff; font-weight:bolder;
}
.foot_tel span:nth-of-type(2){
	letter-spacing:1.5px;
}
.foot_contact a{
	color:#989898;
}
.copyrights{
	height:auto; background-color:#222222; text-align:center; line-height:26px; padding-top:15px; padding-bottom:15px; font-size:14px; color:#7f7f7f;
}
.copyrights a{
	color:#7f7f7f;
}
.copyrights a:hover{
	color:#fff;
}

.join_banner{
	width:100%; height:300px; background:url(../images/sy_banner.jpg) center center no-repeat;
}
.position{
	height:40px; border-bottom:1px #ddd dashed; line-height:40px; margin-top:15px; padding-bottom:5px; background:url(../images/posibg.png) left center no-repeat; -moz-background-size:15px auto;  background-size:15px auto;
}
.position span{
	margin-left:25px;
}
.position font{
	color:#0062d0; font-weight:bolder;
}
.pages{
	margin:0 auto;
	border-top:1px #dddddd dashed; margin-top:20px;
}
.pages ul{
	list-style-type:none;
	padding:22px 16px 12px 0px; display:table; margin:0 auto;
}
.pages ul span{
	float:left;
	font-family:Tahoma;
	height:30px;
	line-height:30px;
	margin-right:5px; margin-bottom:8px;
}
.pages ul span.page-status{
	padding-left:12px; padding-right:12px; border:1px solid #E9E9E9;
}
.pages ul span.page-numbar{
	margin-right:3px; margin-left:-3px;
}
.pages ul span.page-numbar a{
	margin-left:3px; margin-right:3px;	
}
.pages ul span a{
	float:left;
	color:#555;
	height:30px;
	line-height:30px;
	padding-left:12px;
	padding-right:12px;
	display:block;
	border:1px solid #E9E9E9;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#3266cc; height:30px; line-height:30px;
	padding-left:12px;
	padding-right:12px; display:block;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#3266cc;
	padding:0px 4px 0px; padding-left:12px; padding-right:12px;
	font-weight:bold;
	color:#fff;
}
.text-secondary{
       font-size:16px; text-align:center; padding-bottom:30px; height:auto; overflow:hidden; color:#888;
}
.prenext{
	color:#525252;
	height:auto;
	border-top:1px #ddd dashed;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:25px;
}
.prenext ul{
	list-style-type:none;
}
.prenext li{
	line-height:25px;
	color:#525252; font-size:14px;
}
.prenext a:link{
	line-height:25px; font-size:14px;
}
.prenext a:visited{
	line-height:25px; font-size:14px;
}
.prenext a:hover{
	line-height:25px; font-size:14px;
}
@keyframes indexcc
{
from  {top: 8px;}
to  {top: -8px;}
}
 
@-moz-keyframes indexcc /* Firefox */
{
from  {top: 8px;}
to  {top: -8px;}
}
 
@-webkit-keyframes indexcc /* Safari 和 Chrome */
{
from  {top: 8px;}
to  {top: -8px;}
}
 
@-o-keyframes indexcc /* Opera */
{
from  {top: 8px;}
to  {top: -8px;}
}
.indexcc{
    animation: indexcc 0.8s linear 0s infinite alternate;
    /* Firefox: */
    -moz-animation: indexcc 0.8s linear 0s infinite alternate;
    /* Safari 和 Chrome: */
    -webkit-animation: indexcc 0.8s linear 0s infinite alternate;
    /* Opera: */
    -o-animation: indexcc 0.8s linear 0s infinite alternate;position:relative;
}
.news_list{
	padding-bottom:30px; padding-top:10px;
}
.news_list ul{
	list-style-type:none;
}
.news_list li{
	height:auto; border-top:1px #ddd dashed; padding-top:20px; line-height:28px; overflow:hidden; padding-bottom:20px;
}
.news_list a:link{
	font-size:18px; line-height:35px; color:#333; font-weight:bolder;
}
.news_list a:visited{
	font-size:18px; line-height:35px; color:#333; font-weight:bolder;
}
.news_list a:hover{
	font-size:18px; line-height:35px; color:#0062d0; font-weight:bolder;
}
.news_list img{
	width:183px; height:auto; float:left; margin-right:20px;
}
.news_list .list_time{
	color:#999;
}
.news_list p{
	font-size:14px;
}
.news_list span.listmore{
	background-color:#0062d0; float:right; padding-left:15px; padding-right:15px; margin-top:-20px; padding-bottom:5px; padding-top:2px;
}
.news_list span.listmore a:link{
	color:#fff; font-size:14px; height:22px; line-height:22px;
}
.news_list span.listmore a:visited{
	color:#fff; font-size:14px; height:22px; line-height:22px;
}
.news_list span.listmore a:hover{
	color:#fff; font-size:14px; height:22px; line-height:22px;
}
.article{
	margin-top:30px;
}
.pro_left{
	width:280px; height:auto; float:left;
}
.pro_left_title{
	height:auto; line-height:50px; background-color:#0062d0; text-align:center; font-size:24px; line-height:36px; color:#fff; font-weight:bolder; padding-top:25px; padding-bottom:30px;
}
.pro_left_title span{
	font-size:18px; font-weight:normal;
}
.pro_left_cat{
	border-left:2px #0062d0 solid; border-right:2px #0062d0 solid; border-bottom:2px #0062d0 solid; padding-top:20px; padding-bottom:20px;
}
.pro_left_cat ul{
	margin:0 20px;
}
.pro_left_cat li{
	height:40px; line-height:40px; border:1px #cccccc dashed; margin-bottom:10px; text-align:center;
}
.pro_left_cat a{
	display:block;
}
.pro_left_cat a:hover{
	background-color:#0062d0; color:#fff;
}
.pro_left_cat .thisclass a{
	background-color:#0062d0; color:#fff;
}
.hotpro_tit{
	height:50px; background-color:#ececec; line-height:50px; text-align:center; position:relative; margin-top:30px; font-size:18px; font-weight:bolder; 
}
.hot_pic{
	position:absolute; left:-7px; top:-7px;
}
.myscroll{
	border:1px #cccccc solid; height:1440px; overflow: hidden; padding-top:20px; padding-bottom:20px;
}
.myscroll li{
	text-align:center; height:390px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.myscroll img{
	width:235px; height:auto; margin-bottom:5px;
}
.myscroll a{
	font-size:14px;
}
.myscroll .more{
	width:88px; height:30px; margin:0 auto; line-height:30px; border:1px #cccccc solid; margin-top:8px;
}
.myscroll li:hover .more{
	background-color:#166ece; border:1px #166ece solid;
}
.myscroll li:hover .more a{
	color:#fff;
}
.pro_right{
	width:950px; height:auto; float:right;
}
.pro_title_ny{
	text-align:center; background-color:#f7f7f7; padding-top:20px; padding-bottom:20px; margin-bottom:30px; font-size:14px;
}
.pro_title_ny h1{
	font-size:24px; margin-bottom:10px;
}
.content{
	line-height:32px;
}
.content a{
	font-size:16px;
}
.content p{
	text-indent:2em; margin-bottom:20px;
}
.content img{
	display:block; MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 950 ? "950" : this.width)!important;
}
.content table{
	margin:0 auto; margin-bottom:15px; margin-top:15px;
}
.arc_content{
	line-height:32px; padding-left:25px; padding-right:25px; text-align:justify;
}
.arc_content a{
	font-size:16px;
}
.arc_content p{
	text-indent:2em; margin-bottom:20px;
}
.arc_content img{
}
#backtop{
	width:36px; height:36px;position:fixed; _position: absolute; right:20px; _right:20px; bottom:20px; z-index:11111; display:none;
}
#backtop a{
	display:block; width:36px; height:36px; background:url(../images/top-1.jpg) no-repeat; 
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
#backtop a:hover{
	background:url(../images/top-2.jpg) no-repeat;	
}

@media screen and (max-width:1280px) {

.w{
	width:1080px; margin-left:auto; margin-right:auto;
}
.header_box{
	width:100%; height:130px;
}
.logo{
	margin-top:25px;
}
.logo img{
	width:550px; height:auto;
}
.header_right{
	margin-top:30px;
}
.navigation li{
	width:120px;
}
.navigation li.home{
	margin-right:20px;
}
.products_cat{
	width:1078px;
}
.products_cat a{
	font-size:15px;
}
.products_cat li{
	padding-left:20px; padding-right:20px;
}
.products_cat li.pro_more a{
	font-size:50px;
}
.products li{
	width:255px;
}
.products li .pro_title a{
	font-size:14px;
}
.products li img{
	 min-width:255px; min-height:322px;
}
.title{
	font-size:34px; -moz-background-size:300px auto;  background-size:300px auto;
}
.title .en{
	font-size:50px;
}
.youshi_left{
	width:540px;
}
.youshi_right{
	width:540px;
}
.youshi_pic img{
	width:480px; height:auto;
}
.youshi_pic2 img{
	width:500px; height:auto;
}
.main_pic{
	height:300px; -moz-background-size:auto 300px;  background-size:auto 300px;
}
.about_left{
	width:500px;
}
.aboutus_box{
	 -moz-background-size:100% auto;  background-size:100% auto;
}
.about_pics{
	width:550px;
}
.about_pics img{
	width:550px; height:auto;
}
.customer{
	overflow:hidden;
}
.cases li{
	width:343px;
}
.cases img{
	min-width:343px; min-height:215px; 
}
.case_pic{
	width:343px; height:215px;
}
.joinys li{
	width:343px; min-height:455px;
}
.joinys li img{
	width:100%; height:auto;
}
.join_map{
	width:550px;
}
.join_map img{
	width:550px; height:auto;
}
.join_txt font{
	font-size:60px;
}
.join_bnt{
	width:305px; height:55px; background-color:#0966d1; color:#fff; font-size:22px; line-height:55px; border-radius:55px;-moz-border-radius:55px;-webkit-border-radius:55px;-o-border-radius:55px; text-align:center; font-weight:bolder; margin-top:25px; margin-left:80px;
}
.industry{
	width:520px;
}
.company{
	width:520px;
}
.service li{
	width:343px; height:360px;
}
.service img{
	width:100%; height:auto;
}
.service_txt{
	width:240px; height:180px; padding-top:20px; background-color:#0966d1; text-align:center; color:#fff; position:absolute; bottom:0px; left:50%; margin-left:-120px; text-transform:uppercase;transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.service_txt img{
	width:75px; height:75px; margin-bottom:15px;
}
.foot_pro_cat{
	width:207px; height:295px; float:left; overflow:hidden;
}
.foot_jsfw_cat{
	height:295px;
}
.foot_wechat{
	height:295px;
}
.products_cat_ny{
	width:1078px;
}
.products_cat_ny a{
	font-size:15px;
}
.products_cat_ny li{
	padding-left:25px; padding-right:25px;
}
.pro_left{
	width:270px; height:auto; float:left;
}
.pro_right{
	width:760px;
}
}