@charset "utf-8";
/* CSS Document */

html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#00000; line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; background:url(../images/bg.jpg) top no-repeat;  font-weight:lighter;}
img { border:0}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5, { font-weight:lighter; font-size:14px}

a { outline:none;-moz-outline:none; color:#3C72B8;}
a:link {color:#000;text-decoration: none}
a:visited {color:#fff;text-decoration: none}
a:active {color:#fff;text-decoration: none}
a:hover {color:#5178b5;text-decoration:none}
p { padding:0; margin:0; padding-bottom:10px;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1000px; margin:0 auto}



/*top*/
.top{ width:100%; height:101px; background:#000; position:fixed; top:0px; left:0px; z-index:9999}
.top .top_main{ width:1040px; margin:0 auto;}
.top .top_main .top_left{width:107px; float:left; padding-top:26px;}
.top .top_main .top_right{width:620px; float:right; line-height:14px; padding-top:43px;}
.top .top_main .top_right ul li{ width:16.6%; float:left; height:53px; background:url(../images/nav.png) no-repeat 0px 5px; text-align:center; font-size:13px;}
.top .top_main .top_right ul li a{ display:block; height:53px; color:#fff;}
.top .top_main .top_right ul li a:hover{ color:#00A0EA; border-bottom:5px solid #00A0EA; }
.top .top_main .top_right ul li.on a{ color:#00A0EA; border-bottom:5px solid #00A0EA; }
/*
.top .top_main .top_right2{ width:100%; padding-top:13px;height:14px; line-height:14px; overflow:hidden; position:relative; display:none;}
.top .top_main .top_right2 .top_nav{ width:90%; margin:0 auto;}
.top .top_main .top_right2 .top_nav ul li{font-size:12px; width:25%; float:left; text-align:center;}
.top .top_main .top_right2 .top_nav ul li a{ color:#fff;}
.top .top_main .top_right2 .top_nav ul li a:hover{ color:#00A0EA;}
.top .top_main .top_right2 a.prev{ width:5%; height:14px; position:absolute; bottom:0px; left:0px; z-index:333; color:#fff; cursor:pointer}
.top .top_main .top_right2 a.next{ width:5%; height:14px; position:absolute; bottom:0px; right:0px; z-index:333; color:#fff; cursor:pointer; text-align:right;}
*/

@media all and (max-width:1100px){
.top .top_main{ width:95%;}
}
@media all and (max-width:860px){
.top .top_main .top_left{ width:20%; max-width:107px;}
.top .top_main .top_right{ width:78%; max-width:620px;}
}
@media all and (max-width:640px){
.top .top_main .top_left{ width:100%; max-width:100%; float:none; margin:0 auto; text-align:center; padding-top:10px;}
.top .top_main .top_right{ width:100%; max-width:100%; float:none; padding-top:13px;}
.top .top_main .top_right ul li{ height:25px}
.top .top_main .top_right ul li a{ height:25px}
.top .top_main .top_right ul li a:hover{border-bottom:3px solid #00A0EA;}	
}
@media all and (max-width:470px){
.top .top_main .top_left{ padding-top:5px;}
.top .top_main .top_right ul li{ font-size:12px; background:none; height:30px;}
.top .top_main .top_right ul li a{ display:block; margin:0 auto; width:28px; height:30px; }
/*
.top .top_main .top_right{ display:none;}
.top .top_main .top_right2{ display:block;}
*/
}

/*微信*/
.box{ height:70px; position:fixed; bottom:26px; right:20px;}
.box .box_weixin{ width:70px; height:70px; float:right;}
.box .box_bq{height:14px; line-height:14px; float:right; padding-top:54px; padding-right:10px; font-size:14px; color:#000;}


@media all and (max-width:640px){
.box{ height:50px; bottom:6px; right:6px;}
.box .box_weixin{ width:50px; height:50px; float:right;}
.box .box_weixin img{ width:100%;}
}


/*-----------------------------------------------------------首页----------------------------------------------------------*/

.index{ width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../images/index_bg.jpg) top repeat-y #E6E6E6; overflow:hidden}
.index .index_box{ width:176px; height:176px; position:absolute; top:50%; margin-top:-88px; left:50%; margin-left:-88px; z-index:222}
.index .index_box2 { text-align:center; width:1700px; overflow:hidden; height:90%; position:absolute; left:50%; margin-left:-850px; bottom:0px}
.index .index_box2 img { height:100%; width:auto}

@media all and (max-width:800px){
.index{ width:100%; text-align:center;}
.index .index_box img{ width:100%;}
.index .index_box2 { text-align:center; width:1700px; overflow:hidden; height:70%; position:absolute; left:50%; margin-left:-850px; top:101px}
}


/*-------------------------------------------------关于我们-------------------------------------------------------*/
#main{width:100%; height:auto; position:absolute; top:101px; bottom:0px; overflow:hidden; }
.about{width:100%; height:100%; position:relative; left:0; top:0; overflow:hidden;}
.item{width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; }
.item#bj_1{ background:url(../images/about1.jpg) no-repeat bottom}
.item#bj_2{ background:url(../images/about2.jpg) no-repeat bottom}
.item#bj_3{ background:url(../images/about3.jpg) no-repeat bottom}
.item#bj_4{ background:url(../images/about4.jpg) no-repeat bottom}
.item .about_main{ padding-top:36px;}


/*关于我们正文第一部分*/
.about .about_title1{ text-align:center; overflow:hidden; padding:20px 0; padding-right:40px}
.about .about_title1 img{}
.about .about_dn{ width:100%; overflow:hidden; margin-top:20px;}
.about .about_dn .about_pic1{ width:940px; margin:0 auto; font-size:16px; color:#161616; text-align:center; line-height:34px; font-weight:lighter; padding-right:40px;}
.about .about_dn .about_pic1 p{ padding-bottom:15px;}

@media all and (max-width:940px){
.about .about_title1 img{ width:80%}
.about .about_dn .about_pic1{ font-size:14px; width:80%; line-height:26px}
}

/*关于我们正文第二部分*/
.about .about_title2{ text-align:center; overflow:hidden; padding:20px 0; padding-right:40px; width:80%; margin:0 auto}
.about .about_title2 img{ width:100%; max-width:1130px}
.about .about_dn .about_pic2{width:80%; margin:0 auto; max-width:1130px;  font-size:18px; color:#161616; line-height:36px; font-weight:lighter; text-align:center; padding-bottom:20px; padding-right:40px}
.about .about_dn .about_pic3{width:80%; margin:0 auto; max-width:1130px;  font-size:16px; color:#00a0e9; line-height:30px; text-align:center; padding-right:40px; }

@media all and (max-width:940px){
.about .about_dn .about_pic2{ font-size:16px; line-height:30px}
.about .about_dn .about_pic3{ font-size:14px; line-height:26px}
}


/*关于我们正文第三部分*/
.about .about_title3{ width:80%; margin:0 auto; max-width:1130px; overflow:hidden; padding:20px 40px 20px 0; text-align:left}
.about .about_title3 img{ width:80%}
.about .about_dn .about_pic4{width:80%; margin:0 auto; max-width:1130px;  font-size:18px; color:#161616; line-height:36px; padding:0 40px 20px 0; clear:both}
.about .about_dn .about_pic5{width:80%; margin:0 auto; max-width:1130px;  font-size:16px; color:#00a0e9; line-height:30px;padding:0 40px 20px 0; clear:both; text-align:left;}

@media all and (max-width:940px){
.about .about_dn .about_pic4{ font-size:16px; line-height:30px}
.about .about_dn .about_pic5{ font-size:14px; line-height:26px}
}


/*关于我们正文第四部分*/
.about .about_title4{ width:80%; margin:0 auto; max-width:1130px; text-align:right; overflow:hidden; padding:20px 40px 20px 0}
.about .about_title4 img{ width:75%;}
.about .about_dn .about_pic6{width:80%; margin:0 auto; max-width:1130px;  font-size:18px; color:#161616; line-height:36px; font-weight:lighter; text-align:right; padding-bottom:20px; padding-right:40px}
.about .about_dn .about_pic7{width:80%; margin:0 auto; max-width:1130px;  font-size:16px; color:#00a0e9; line-height:30px; text-align:right; padding-right:40px; }

@media all and (max-width:940px){
.about .about_dn .about_pic6{ font-size:16px; line-height:30px}
.about .about_dn .about_pic7{ font-size:14px; line-height:26px}
}

/*右边点击蓝色*/
.right{ width:20px; height:170px; position:fixed; right:22px; top:50%; margin-top:-85px; background:url(../images/right_3.png) no-repeat bottom;}
.right ul li{ width:20px; height:36px;}
.right ul li a{ display:block; width:20px; height:20px; background:url(../images/right_1.png) no-repeat center;}
.right ul li.cur a{  background:url(../images/right_2.png) no-repeat center; cursor:pointer}
.right ul li a:hover{  background:url(../images/right_2.png) no-repeat center;}

/*右边点击白色*/
.right#rwhite{background:url(../images/right_6.png) no-repeat bottom; height:98px; margin-top:-49px;}
.right#rwhite ul li a{background:url(../images/right_4.png) no-repeat center;}
.right#rwhite ul li.cur a{  background:url(../images/right_5.png) no-repeat center; cursor:pointer}
.right#rwhite ul li a:hover{  background:url(../images/right_5.png) no-repeat center;}


/*右边点击大*/
.right_big{ width:50px; height:202px; background:url(../images/right_9.png) no-repeat; position:fixed; right:22px; top:50%; margin-top:-101px; }
.right_big .right_big_main{ height:288px; padding-top:31px; }
.right_big .right_big_main ul li{ width:50px; height:73px;}
.right_big .right_big_main ul li a{ width:50px; height:50px; display:block; background:url(../images/right_7.png) no-repeat center; color:#fff; }
.right_big .right_big_main ul li.cur a{  background:url(../images/right_8.png) no-repeat center; cursor:pointer}
.right_big .right_big_main ul li a:hover{  background:url(../images/right_8.png) no-repeat center;}


/*上一篇下一篇*/
.cnext{position:absolute; left:0; bottom:15px; width:100%; text-align:center; z-index:99;}
.cprev{position:absolute; left:0; top:15px; width:100%; text-align:center; z-index:99;}
.cprev img,.cnext img{cursor:pointer; transition:all .2s; -o-transition:color .2s; -moz-transition:all .2s; -webkit-transition:all .2s;-ms-transition:all .2s;}
.cprev img:hover{margin-top:5px;}
.cnext img:hover{margin-bottom:5px;}

/*---------------------------------------------------------案列展示-----------------------------------------------------------*/

/*列表页*/
.product{ width:100%; margin-top:101px; overflow:hidden;}
.product ul li{ width:25%; float:left; overflow:hidden; position:relative;}
.product ul li img{ width:100%; padding:0 0; margin:0 0; border:none;}
.product ul li a{ display:block; padding:0 0; margin:0 0; width:100%; clear:both;}
.product ul li h3{ width:100%; height:100%; background:url(../images/al.png) no-repeat; position:absolute; top:0px; left:0px; background-size:100% 100%; display:none;}
.product ul li h4{ width:100%; height:100%; position:absolute; top:0px; left:0px; display:none;}

@media all and (max-width:640px){
.product ul li{ width:50%;}
}



/*详情页*/
.pro{width:100%; height:100%; position:relative; left:0; top:0; overflow:hidden; border-top:7px solid #00A1E9}
.item#bj_5{ background:url(../images/al_bj.png);}

.pro_main{ width:90%; margin:0 auto; margin-top:56px;}
.pro_main .pro_logo{ float:left; width:20%}
.pro_main .pro_pic{ width:65%; float:right; }
.pro_main .pro_pic .pro_left{ width:41%; float:left; }
.pro_main .pro_pic .pro_left img{ width:100%;}
.pro_main .pro_pic .pro_right{ width:59%; float:right;}
.pro_main .pro_pic .pro_right ul li{ width:46%; height:50%; margin:0px 0px 1% 2%; float:left;}
.pro_main .pro_pic .pro_right ul li img{ width:100%; }


/*---------------------------------------------------------联系我们-----------------------------------------------------------*/
.contact{width:100%; height:100%; position:relative; left:0; top:0; overflow:hidden; }
.item#bj_6{ background:url(../images/map.jpg) no-repeat top}
.contact .contact_main{ width:60%; margin:0 auto; overflow:hidden;}
.contact .contact_main .cont_pic1{ width:27%; padding-top:60px; overflow:hidden; clear:both;}
.contact .contact_main .cont_pic1 img{ width:100%}
.contact .contact_main .cont_pic2{ width:86%; background:url(../images/contact_2.png) no-repeat bottom; position:absolute; bottom:100px; left:20%; }
.contact .contact_main .cont_pic2 ul li{ color:#fff; font-size:24px; line-height:40px; clear:both;}
.contact .contact_main .cont_pic2 ul li img{ width:100%; float:left; padding-right:5px; max-width:32px;}
.contact .contact_main .cont_pic3{ width:100px; height:34px; line-height:34px; border:1px solid #fff; text-align:center; font-size:14px; color:#fff; position:absolute; bottom:50px; left:50%; margin-left:-50px;}


/*---------------------------------------------------------服务范围-----------------------------------------------------------*/
.service{width:100%; height:100%; position:relative; left:0; top:0; overflow:hidden; }
.service .service_main{padding-top:46px; overflow:hidden;}

/*第一个*/
.item#bj_7{ background:url(../images/ser_1.jpg) no-repeat bottom;}
.service .ser_title1{ width:730px; margin:0 auto; text-align:center; overflow:hidden; padding:50px 40px 20px 0;}
.service .ser_title1 img{ width:100%; max-width:1100px;}
.service .ser_dn{padding-top:20px;}
.service .ser_dn .ser_pic1{ width:640px; margin:0 auto;  line-height:36px; font-size:18px; color:#161616; text-align:center; padding-right:40px;}
.service .ser_dn .ser_pic2{ width:640px; margin:0 auto;  line-height:30px; font-size:16px; color:#161616; text-align:center;  padding-right:40px; padding-top:7px;}

@media all and (max-width:920px){
.service .ser_title1{ width:80%}
.service .ser_dn .ser_pic1{ font-size:16px; width:80%; line-height:30px}
.service .ser_dn .ser_pic2{ font-size:14px; width:80%; line-height:24px}
}

/*第二个*/
.service .ser_dn .ser_pic3{ width:1100px; margin:0 auto; overflow:hidden; border-bottom:2px solid #000; padding-bottom:30px;}
.service .ser_dn .ser_pic3 .ser_pic3_ft{ line-height:40px; font-size:24px; color:#00a0e9; padding-bottom:10px;}
.service .ser_dn .ser_pic3 .ser_pic3_fr{ line-height:24px; font-size:16px; color:#000;}
.service .ser_dn .ser_pic5{ width:1100px; margin:0 auto; overflow:hidden; text-align:center; padding-top:15px;padding-right:40px}
.service .ser_dn .ser_pic5 img{ width:100%}

@media all and (max-width:920px){
.service .ser_dn .ser_pic3{ width:80%}
.service .ser_dn .ser_pic3_st{ font-size:18px; line-height:30px}
.service .ser_dn .ser_pic3_sr{ font-size:14px; line-height:20px}
.service .ser_dn .ser_pic5 { width:80%}
}

/*第三个*/
.item#bj_9{ background:url(../images/ser_2.jpg) no-repeat bottom;}
.service .ser_title3{ width:810px; margin:0 auto; text-align:center; overflow:hidden; padding:80px 40px 10px 0}
.service .ser_title3 img{ width:100%; max-width:1100px;}
.service .ser_dn .ser_pic6{ width:1000px; margin:0 auto; line-height:36px; font-size:18px; color:#161616; text-align:center; padding-right:40px;}
.service .ser_dn .ser_pic7{ width:1000px; margin:0 auto; line-height:30px; font-size:16px; color:#161616; text-align:center; padding-right:40px; padding-top:7px;}
.service .ser_dn .ser_pic6 p{ padding:0 0; margin:0 0;}

@media all and (max-width:920px){
.service .ser_title3{ width:80%; padding-top:50px}
.service .ser_dn .ser_pic6{ font-size:16px; width:80%; line-height:30px}
.service .ser_dn .ser_pic7{ font-size:14px; width:80%; line-height:24px}
}


/*第四个*/
.item#bj_10{ background:url(../images/ser_3.jpg) no-repeat bottom;}
.service .ser_title4{ width:706px; margin:0 auto; text-align:center; overflow:hidden; padding:40px 40px 20px 0}
.service .ser_title4 img{ width:100%; max-width:1100px;}
.service .ser_dn .ser_pic8{ width:1020px; margin:0 auto; font-size:20px; color:#161616; text-align:center; padding-right:40px}
.service .ser_dn .ser_pic8 ul li{ width:254px; border-left:1px solid #fff; float:left; min-height:260px; overflow:hidden;}
.service .ser_dn .ser_pic8 ul li h3{ text-align:center; padding-bottom:5px; text-align:center;}
.service .ser_dn .ser_pic8 ul li h3 img{ width:95%; max-width:230px;}
.service .ser_dn .ser_pic8 ul li h5{ font-size:18px; color:#fff; text-align:center; line-height:30px; font-weight:normal}
.service .ser_dn .ser_pic8 ul li h5 span{ font-size:16px; color:#D1EAFA; display:block; clear:both; width:100%;}
.service .ser_dn .ser_pic8 ul li.ys_1{ border-left:none;}

@media all and (max-width:920px){
.service .ser_title4{ width:80%;}
.service .ser_dn .ser_pic8{ width:90%}
.service .ser_dn .ser_pic8 ul li { width:24.5%}
}


/*---------------------------------------------------------创盒观点-----------------------------------------------------------*/

.idea{width:100%; height:100%; position:relative; left:0; top:0; overflow:hidden; }
.idea .idea_main{padding-top:46px; overflow:hidden;}

/*第一个*/
.item#bj_11{ background:url(../images/gd_bj.jpg) no-repeat bottom #01A0E8}
.idea .idea_title1{ width:1000px; margin:0 auto; text-align:left; overflow:hidden; padding-right:40px;}
.idea .idea_title1 img{}
.idea .idea_dn{padding-top:20px;}
.idea .idea_dn .idea_pic1{ width:1000px; margin:0 auto; padding-right:40px;}
.idea .idea_dn .idea_pic1 ul li{ width:25%; float:left; text-align:center; }
.idea .idea_dn .idea_pic1 ul li a{ display:block;}
.idea .idea_dn .idea_pic1 ul li img{ width:85%; max-width:150px;}
.idea .idea_dn .idea_pic1 ul li h3{ width:85%; margin:0 auto; text-align:left; color:#000; font-size:18px; font-weight:lighter; line-height:40px; padding-top:10px;}

@media all and (max-width:920px){
.idea .idea_title1{ width:80%;}
.idea .idea_title1 img{ width:100%}
.idea .idea_dn .idea_pic1{ width:80%}
.idea .idea_dn .idea_pic1 ul li h3 { font-size:16px; line-height:30px}
}

/*第二个*/
.idea .idea_dn .idea_pic2{ margin:0 auto; text-align:center; padding-right:40px}
.idea .idea_dn .idea_pic2 img{}
.idea .idea_dn .idea_pic3{ text-align:center; padding-top:20px; overflow:hidden; padding-right:40px}
.idea .idea_dn .idea_pic3 h3{ line-height:36px; font-size:18px; clear:both; font-weight:lighter;}
.idea .idea_dn .idea_pic3 h4{ line-height:30px; font-size:16px; font-weight:lighter;}

@media all and (max-width:920px){
.idea .idea_dn .idea_pic2{ width:80%;}
.idea .idea_dn .idea_pic2 img{ width:100%}
.idea .idea_dn .idea_pic3 h3{ line-height:30px; font-size:16px}
.idea .idea_dn .idea_pic3 h4{ line-height:24px; font-size:14px}
}

/*第三个*/
.item#bj_12{ background:url(../images/gd_bj2.jpg) no-repeat bottom;}
.idea .idea_title2{ text-align:center; overflow:hidden; width:1020px; margin:0 auto; padding-right:40px}
.idea .idea_title2 img{}
.idea .idea_dn .idea_big{ width:1020px; margin:0 auto; overflow:hidden; padding-right:40px;}
.idea .idea_dn .idea_pic4{ float:left; width:45%;}
.idea .idea_dn .idea_pic4 img{ width:95%}
.idea .idea_dn .idea_pic5{ float:left; width:55%;}
.idea .idea_dn .idea_pic5 .idea_pic5_st{ font-size:16px; color:#00a0e9; line-height:34px;}
.idea .idea_dn .idea_pic5 .idea_pic5_se{ font-size:14px; color:#161616; line-height:30px; padding-top:10px;}

@media all and (max-width:920px){
.idea .idea_title2{ width:90%;}
.idea .idea_title2 img{ width:100%}
.idea .idea_dn .idea_big{ width:90%; margin:0 auto; overflow:hidden;}
.idea .idea_dn .idea_pic5 .idea_pic5_st{ line-height:30px; font-size:14px}
.idea .idea_dn .idea_pic5 .idea_pic5_se{ line-height:24px; font-size:14px}
}

/*---------------------------------------------------------创盒观点-----------------------------------------------------------*/
.devilop{width:100%; height:100%; position:relative; left:0; top:0; overflow:hidden; }
.devilop .devilop_main{padding-top:46px; overflow:hidden;}

/*第一个*/
.item#bj_13{ background:url(../images/devilop_2.jpg) no-repeat bottom;}
.item#bj_14{ background:url(../images/devilop_1.jpg) no-repeat bottom;}
.devilop .dev_title1{ width:1020px; margin:0 auto; text-align:center; overflow:hidden; padding-right:40px}
.devilop .dev_title1 img{ width:100%; max-width:1100px;}
.devilop .dev_dn{ width:100%; padding-top:20px;}
.devilop .dev_dn .dev_big{ width:1020px; margin:0 auto;}
.devilop .dev_dn .dev_big .dev_pic1{ }
.devilop .dev_dn .dev_big .dev_pic1 .dev_pic1_lt{ float:left; width:17%; text-align:left;}
.devilop .dev_dn .dev_big .dev_pic1 .dev_pic1_lt img{ padding-top:10%; max-height:150px; height:90%}
.devilop .dev_dn .dev_big .dev_pic1 .dev_pic1_rt{ width:80%;min-height:130px; float:right; overflow:hidden; border-bottom:1px solid #00a0e9; padding-bottom:10px; }
.devilop .dev_dn .dev_big .dev_pic1 .dev_pic1_rt .dev_bt{ height:40px; line-height:40px; padding-top:5px; clear:both; white-space:nowrap; font-family:Arial}
.devilop .dev_dn .dev_big .dev_pic1 .dev_pic1_rt .dev_bt h3{  float:left; color:#00a0e9; font-size:24px; padding-right:5px; font-weight:lighter; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"}
.devilop .dev_dn .dev_big .dev_pic1 .dev_pic1_rt .dev_bt h4{font-size:20px; color:#000; font-weight:lighter; }
.devilop .dev_dn .dev_big .dev_pic1 .dev_pic1_rt .dev_bt span{ display:block; float:right; color:#000; font-size:14px; background:url(../images/develop_5.png) no-repeat left; padding-left:25px; font-weight:lighter; }
.devilop .dev_dn .dev_big .dev_pic1 .dev_pic1_rt .dev_zw{ width:100%; overflow:hidden; line-height:24px; font-size:14px; color:#010101; height:120px}
.devilop .dev_dn .dev_big .dev_pic1 .dev_pic1_rt.ys_2{ border-bottom:none}

/*第二个*/
.devilop .dev_dn .dev_pic2{ width:1020px; margin:0 auto;}
.devilop .dev_dn .dev_pic2 .td_1{ width:20%; padding:0 2%; text-align:center; font-size:12px; background:#00a0e9; color:#fff;}
.devilop .dev_dn .dev_pic2 .td_2{ width:20%; padding:0 2%; text-align:center; font-size:12px; border-bottom:1px solid #00A1E9; border-left:1px solid #00A1E9;}
.devilop .dev_dn .dev_pic2 .td_3{width:15%; padding:0 2%; text-align:center; font-size:12px; border-bottom:1px solid #00A1E9; border-left:1px solid #00A1E9;}
.devilop .dev_dn .dev_pic2 .td_4{ padding:0 2%; font-size:12px; border-bottom:1px solid #00A1E9; border-left:1px solid #00A1E9;}

.round-container{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-400px;
	margin-left:-400px;
	width:800px;
	height:800px;
	text-align: center;
	perspective: 600px;
	z-index: 1;
}
#particles-js {
    position: absolute;
    left: 0;
    top: 0;
    width: 800px;
    height: 800px;
    overflow: hidden;
}