@charset "gb2312";


/* common */
*{margin:0;padding:0; box-sizing:border-box;}
body{font:normal 1em/1.5 arial,"微软雅黑","Microsoft Yahei","Hiragino Sans GB",sans-seri;  background:#eee;}
.cc:after{clear:both;content:"";display:block;}
.clearfix{clear:both;font-size:0;height:0;line-height:0;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.mt13{margin-top:13px;}
img{border:none;}
li{list-style:none;}
a{color:#000;text-decoration:none;}
.center{ margin:0 auto;}
h1,h2,h3{ margin:0; padding:0; font:normal 1.5em/1.5 arial,"微软雅黑","Microsoft Yahei","Hiragino Sans GB",sans-seri; }

.bd1{ border:#9c8445 1px solid; border-top:none;}
.bd2{ background:#f3f2d9;}
.bd3{ border:#d3edea 1px solid; }

a.link1{ font-size:13px; color:#766148; font-weight:bold;}
a.more{ color:#0064b2}
.h30 td{ height:30px; line-height:30px;}
.h30 span{ font-weight:bold;}

.header{position:absolute; top:0;left:0;width:100%; z-index:999;
	-webkit-transition: all .5s linear;
	   -moz-transition: all .5s linear;
	    -ms-transition: all .5s linear;
	     -o-transition: all .5s linear;
			transition: all .5s linear;
}

.head{ width:1200px; margin:0 auto; height:70px;}
ul.nav{}
ul.nav li{ float:left; height:70px;padding:0 20px; color:#fff;  font:normal 20px/70px arial,"微软雅黑","Microsoft Yahei","Hiragino Sans GB",sans-seri; cursor:pointer;}
ul.nav li a{  color:#fff; }
ul.nav li.logo{width:240px;margin-right:50px;background:url(../images/logo_b.png) center center no-repeat;}
ul.nav li.logo a{ display:block; width:100%; height:100%;}
ul.nav li.tel{float:right; padding:0px; width:258px; background:url(../images/tel_b.png) center center no-repeat;}

.navshow{ height:0px; background:#fff; overflow:hidden;  }
.show{ width:1200px; margin:0 auto; }
.navshow ul{ width:15%; float:left; margin-top:20px; margin-left:5%;}
.navshow ul li{ width:100%; line-height:36px; }
.navshow ul li.tit{ border-bottom:#ccc 1px solid; font-size:20px; line-height:50px; margin-bottom:10px;}


.header:hover,.active{background: #fff; }
.header:hover ul.nav li,.active ul.nav li{color:#333;}
.header:hover ul.nav li a,.active ul.nav li a{  color:#333; }
.header:hover ul.nav li.logo,.active ul.nav li.logo{background:url(../images/logo.png) center center no-repeat;}
.header:hover ul.nav li.tel,.active ul.nav li.tel{ background:url(../images/tel.png) center center no-repeat;}

.active{ position:fixed !important;}


#focus{ height:560px; overflow:hidden;}
#focus ul{ float:left;}
#focus li{ width:100%; float:left;}
#focus li img{ width:100%}


.pt{ width:1240px; margin:0 auto; padding:20px; overflow:hidden; }
.pt p{ text-align:center; color:#999; margin:20px auto; font-size:20px;}
.pt p b{ font-size:36px; color:#303030; line-height:200%;}

.pt .col{ width:32%; float:left; margin-right:2%; margin-bottom:20px; background:#fff; padding:20px; height:300px; position:relative; text-align:center;}
.pt .col img{ height:100px;}
.pt .col .tit{ margin:20px 0; font-size:23px; font-weight:bold; color:#303030;}
.pt .col .des{ color:#999;}
.pt .col .btn{ position:absolute; bottom:20px; height:26px; opacity:0;  width:90%; line-height:26px;transition: all 1s; text-align:left;}
.pt .col .btn img{ height:10px;}
.pt .col .btn1{ color:#2285ed;}
.pt .col:hover .btn{ opacity:1;}
.pt .col .btn2{ width: 90px; float:right;
height: 26px;
display: block;
color: #fff;
background:#2285ed;
text-align: center;
line-height: 26px;
border-radius: 33px;}



.pt .col:nth-child(3n){ float:right; margin-right:0;}

.pt .col:hover{box-shadow: 2px 2px 10px 5px rgba(0,0,0,.1);}

.bg{ background:url(../images/1.png) center top no-repeat; width:100%; height:504px; }
.pt2{ width:1200px; margin:0 auto; position:relative}
.pt2 ul{ width:250px; float:left; height:504px; background:#2386ee;}
.pt2 ul li{ height:72px; color:#fff; line-height:72px; font-size:20px; text-align:center;}
.pt2 ul li a{ color:#fff;}
.pt2 ul li:hover,.pt2 ul li.on{ background:#006ad8;}

.pt2 .des{ position:absolute; top:30px;left:350px; width:600px; height:350px; color:#fff;}
.pt2 .des b{ font-size:28px; line-height:300%;}
.pt2 .des a{ color:#fff;  line-height:300%;}



.footer{width:1200px; margin:0 auto; padding:50px 0; height:350px; position:relative;}
.footer ul{ width:165px; float:left; color:#555;}
.footer ul li{ width:100%; font-size:16px; line-height:2;}
.footer ul li a{ color:#555;}
.footer ul li.tit{ margin-bottom:18px; font-size:21px; font-weight:bold;}
.footer .code{ width:100px; float:left; margin-left:30px;}
.footer .code img{ width:100px;}
.footer .code p{ line-height:2; color:#555; text-align:center;}

.footer ul:nth-child(2){ margin-right:50px;}
.footer ul:nth-child(3){ margin-right:70px;}
#tel{ position:absolute; right:0; width:165px;}
#tel .tit{color:#d20032;font-weight: bold;line-height: 4em;background: url(../images/consultation-icon.png) 100px center no-repeat;}
#tel .cont{ font-size:17px;}
#tel .cont span{ display:block; font-weight:bold; line-height:1.5; margin-top:10px;}
a.tel{ font-size:17px; color:#555; font-weight:bold;}
a.tel:hover{  color:#f00; }



.foot{ background:#d20032; text-align:center; height:30px; line-height:30px; color:#fff;}
.foot a{color:#fff}

.main{width:1200px; margin:0 auto;  }

/*服务支持*/
.fwbg{  
    padding:30px 0;
    background: linear-gradient(top, #e9f1f7, #fefefe);
    background: -webkit-linear-gradient(top, #e9f1f7, #fefefe);
    background: -moz-linear-gradient(top, #e9f1f7, #fefefe);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9f1f7', endColorstr='#fefefe', GradientType='1');
    background: -ms-linear-gradient(top,#e9f1f7 0%,#fefefe 100%);  
	font-size:18px; color:#393836;
	}

.fwbg b{
font-size:32px;
text-align: left;
line-height: 3;
color:#0086f1;
font-weight: inherit;}
.bg1{ background:url(../images/fw1.png) right center no-repeat; height:507px;}
.bg2{ background:#fafafa; overflow:hidden;}

.main .hd{font-size: 32px;
text-align: center;
line-height: 100%;
letter-spacing: 0px;
color:#393836;
font-weight: inherit;
margin:50px 0px;
}
.fw{ padding:20px 0; overflow:hidden}
.fw .tx{ width:40%; height:256px; color:#777;}
.fw .tx b{ display:block; margin-bottom:20px; font-size:26px; color:#333;}

/*解决方案*/
ul.fa{width:1240px; margin:0 auto; overflow:hidden; padding:20px; }
ul.fa li{float: left;
width: 385px;
height: 172px;
background:#fff;
margin: 0 15px 20px 0;
padding-top:30px;}

ul.fa li:hover{box-shadow: 2px 2px 10px 5px rgba(0,0,0,.1);}

ul.fa li img{float: left;
margin-left: 30px;
width: 50%;}

ul.fa li .img{ float:left; width:80px; display:inline-block;}
ul.fa li .tag{
	float: left;
    margin-left: 20px;
    text-align: left;
    width: 272px;
	font-size: 16px;
	}
	
ul.fa li .tag span{font-size: 22px;color:#4d4d4d;font-weight: bold;}
ul.fa li .tag .des{margin: 5px 0 10px 0;color:#626262;overflow: hidden;max-height: 48px;}
ul.fa li .tag a{ color:#d20032;}

/*关于我们*/
.about{ height:916px;}
#about2{ background: url(../images/abg1.jpg) right bottom no-repeat #2285ed;  padding:100px 0;}
#about2 .box{ width:475px; color:#fff; margin-top:500px;}
#about2 .box .tit{ margin-bottom:20px;}
#about2 .box .tit p{font-size: 38px;font-weight: 700; color:#fff;}
#about2 .box .des p{ margin-bottom:20px; font-size:1.1em;text-align: justify; text-indent:2em;}

#qyjs{ background: url(../images/abg2.png) right bottom no-repeat #fff ;  overflow:hidden; padding-top:100px }
#qyjs p{ color:#020041; font-size:16px;}
#qyjs .tit{ font-size:32px; color:#2285ed; font-weight:700; margin-top:60px;}

#content{ background: url(../images/content.jpg) center bottom no-repeat #fff ;  overflow:hidden; position:relative; }
#content .box{background: url(../images/content.png); width:1000px; height:600px; overflow:hidden; padding-left:250px; position:absolute; top:50%;left:50%; margin-left:-500px; margin-top:-300px;}
#content p{ color:#fff; font-size:1.5em; line-height:2;}
#content .tit{ margin-top:70px;}

#pay{ background: url(../images/pay.jpg) left bottom no-repeat #fff ;  overflow:hidden; padding-top:200px; padding-left:30%;}
#pay p{ color:#020041; font-size:2em; line-height:2.5;}
#pay .tit{  color:#2285ed; font-weight:700; }



.page{ margin:0px; padding:0px; height:40px; float:left;margin-top:20px; }



/*产品中心*/
.bg_w{ background:#fff; overflow:hidden; padding:30px;}
.ptlist{
	width: 100%;
	height: 100%;
}
.ptlist li{
	width: 33.33%;
	height: 203px;
	float: left;
	font-size: 20px;
}
.ptlist li a{
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 4.8%;
}
.ptlist li .ptlistImg{
	display: block;
	width: 100%;
}
.ptlistImg{
	height: 24.935%;
	margin: 0 auto;
}
.ptlistImg img{
	display: block;
	height: 100%;
	margin: 0 auto;
}
.ptlisttitle{
	width: 78.75%;
	margin: 0 auto;
	text-align: center;
	font-size: 100%;
	color: #242424;
	margin-top: 6%;
}
.ptlisttext{
	width: 78.75%;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-top: 3.5%;
	line-height: 1.7;
	overflow: hidden;
}
.ptlist li:hover{
	background-color: #DCDCDC;
}
.ptlist li:hover .ptlisttitle{
	color: #e60012;
}





 .protechWrapBox {

    width: 1232px;
    min-width: 320px;
    height: 100%;
    padding: 0 16px;
    margin: 0 auto;
    position: relative;

}
 .protechPadd {

    padding-top: 40px;
    font-size: 32px;

}
 .proEntH3{
	height: 32px;
	line-height: 30px;
	font-size: 100%;
	text-align: left;
	color: #000000;
	font-weight: 400;
	margin-bottom: 30px;
	border-left: 5px solid #e60012;
	padding-left: 16px;
}

 .proTerminList{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
 .proTerminList li{
	width: 20%;
	float: left;
	position:relative;
	overflow: hidden;
}
 .proTerminList li:hover .proTerminListImg img{
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
			transform: scale(1.2);
}
 .proTerminListImg{
	width: 100%;
}
 .proTerminListImg img{
	display: block;
	width: 100%;
	-webkit-transform: scale(1.01);
	   -moz-transform: scale(1.01);
	    -ms-transform: scale(1.01);
	     -o-transform: scale(1.01);
			transform: scale(1.01);
	-webkit-transition: transform .3s linear;
	   -moz-transition: transform .3s linear;
	    -ms-transition: transform .3s linear;
	     -o-transition: transform .3s linear;
			transition: transform .3s linear;
}

 .proTerListText{
	width: 85.5%;
	position:absolute;
	bottom: 17.4%;
	left: 7.5%;
	font-size: 26px;
	color: #fff;
}
 .proTerListTextH5{
	width: 100%;
	font-size: 100%;
	font-weight: 400;
}
.proTerListTextH5 img {
    width: 25px;
    height: 25px;
	vertical-align:middle;
}
 .proTerListTextBor{
	font-size: 14px;
	padding-left: 12px;
	line-height: 1.5;
	border-left: 5px solid #e60012;
	margin-top: 5%;
}
 .proTerListGoto{
	display: block;
	width: 9%;
	position:absolute;
	bottom: 7%;
	right: 7%;
}
 .proTerListGoto a, .proTerListGoto img{
	display: block;
	width: 100%;
	height: 100%;
}
.proTerminList a {
    color: #fff;
}

/*成功案例*/
.bg_b{ background:#0a8bff; overflow:hidden; padding:30px;}
ul.anlilist{ width:1200px; margin:0 auto;}
ul.anlilist li{ float:left; width:32%; margin-right:2%; margin-bottom:20px;}
ul.anlilist li:nth-child(3n){ float:right; margin-right:0;}
ul.anlilist li .ptlistImg{ position:relative; overflow:hidden; width:100%;}
ul.anlilist li .ptlistImg img{
	display: block;
	width: 100%;
	-webkit-transform: scale(1.01);
	   -moz-transform: scale(1.01);
	    -ms-transform: scale(1.01);
	     -o-transform: scale(1.01);
			transform: scale(1.01);
	-webkit-transition: transform 1s .2s linear;
	   -moz-transition: transform 1s .2s linear;
	    -ms-transition: transform 1s .2s linear;
	     -o-transition: transform 1s .2s linear;
			transition: transform 1s .2s linear;
	}
ul.anlilist li:hover .ptlistImg img{
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
			transform: scale(1.2);
}
ul.anlilist li p{ line-height:2; color:#fff;}
ul.anlilist li span{ display:block; position:absolute; width:139px; height:42px; background:url(../images/hybg.png); right:20px;bottom:10px;}

/*产品内容*/
.title{font-size: 26px;text-align: center;color:#393836;font-weight: inherit;margin:30px 0px; border-bottom:#ddd 1px solid; line-height:3;}
.stext{ color:#7f7f7f;}
.ntext{ min-height:600px; text-indent:2em; line-height:2;text-align: justify;}

ul.ptnav{ width:1200px; margin:0 auto; overflow:hidden;}
ul.ptnav li{ float:left; width:17%; margin-right:2%; text-align:center; font-size:20px; height:60px; line-height:60px; border: solid 1px #ddd; background:#fff;  color:#7f7f7f; cursor:pointer;}
ul.ptnav li.on{color:#fff;border: solid 1px #e60012;background:#e60012;font-weight:bold;}

/*列表分页美化*/
.page {
        padding-top: 8px;
        padding-right: 3px;
        padding-bottom: 12px;
        padding-left: 3px;
		width:100%;
}

.page a{
        border-radius:3px;
		box-sizing:border-box;
		display: block;
        height: 30px;
        overflow: hidden;
        line-height: 30px;
        background-color: #fff;
        border: 1px solid #ccc;
        float: left;
        text-align: center;
        margin-right: 2px;
        margin-left: 2px;
        text-decoration: none;
        padding:0 10px;
        color: #333;
}
.page a:hover{
        display: block;
        border: 1px solid #1b76c3;
        float: left;
        text-align: center;
        text-decoration: none;
        color: #1b76c3;
}
.page b{
        display: block;
        height: 30px;
        overflow: hidden;
        line-height: 30px;
        background-color: #1b76c3;
        float: left;
        text-align: center;
        margin-right: 5px;
        margin-left: 5px;
        color: #fff;
		padding:0 10px;
		border-radius:3px;
}