@charset "UTF-8";
/**
 * 
 * @authors strong
 * @date    2015-04-19 20:35:26
 */
@import url("reset.css");

.container{width: 1003px;margin: 0 auto;}

.index-nav{background: url(../images/0630011.gif) repeat-x center center; width: 100%;height: 100px;}
.logo{width: 323px; height: 86px;padding-top: 10px;}
.nav_main{padding-top:18px; width:680; float:right;}

/*a:link {color: #FF0000}     /* δ���ʵ����� */
/*a:visited {color: #00FF00}  /* �ѷ��ʵ����� */
/*a:hover {color: #FF00FF}    /* ���������ͣ�������� */ 
/*a:active {color: #0000FF}   /* ��ѡ������� */
/*���˵�*/
ul#nav li{color: #FFFFFF; float: left;line-height: 66px;background: url(../images/0630003.png) no-repeat right center; width: 100px; text-align: center;}
ul#nav li a:link{color: #FFFFFF; display: inline-block;height: 66px;width: 100px; font-size:16px;}
ul#nav li a:visited{color: #FFFFFF; background: url(../images/0630009.jpg) no-repeat center center;height: 66px;width: 100px; font-size:16px;}
ul#nav li a:hover,.red{color: #FFFFFF; background: url(../images/0630009.jpg) no-repeat center center;height: 66px;width: 100px; font-size:16px;}  
ul#nav li a:active{color: #FFFFFF; background: url(../images/0630009.jpg) no-repeat center center;height: 66px;width: 100px; font-size:16px;}  
/*�Ӳ˵�*/
ul#nav li ul{position:absolute; top:84px;width:89px; display:none;border-top:none;background:#4E3254 no-repeat center center;font-family:"΢���ź�"; margin-left:6px;z-index:1;}
ul#nav li ul li{float:left;font-family:"΢���ź�";border-top:1px #CCCCCC solid; font-size:13px;z-index:1;}
ul#nav li ul li a:link{width:89px;height:40px;line-height:40px;background:#4E3254 no-repeat center center;font-family:"΢���ź�"; font-size:13px; z-index:1;}
ul#nav li ul li a:visited{width:89px;height:40px;line-height:40px;background:#4E3254 no-repeat center center;font-family:"΢���ź�"; font-size:13px;z-index:1;}
ul#nav li ul li a:hover{color:#FFFFFF; text-decoration:underline;font-family:"΢���ź�";font-size:14px;z-index:1; }
ul#nav li ul li{width:89px;height:40px;line-height:40px;float:left;font-family:"΢���ź�";font-size:13px;z-index:1; }

.bottom_bot{ height:30px; background-color:#000000; width:100%;}

.but{border:#CCCCCC 1px solid;padding:2px;width:80px;height:30px;font-size:14px;color:#000000; margin:20px;}

.slideBox{position:relative;}
.slideBox li img{width: 100%;height: auto;}
.slideBox .prev{background: url(../images/0630014.png) no-repeat center left; display: inline-block; width: 60px;height: 120px; position: absolute; top: 50%; margin-top: -60px; left: 0px}
.slideBox .next{background: url(../images/0630012.png) no-repeat center right; display: inline-block; width: 60px;height: 120px; position: absolute; top: 50%; margin-top: -60px; right: 0px;}

.index-warp{background: url(../images/0630005.jpg) no-repeat center center;background-color: #000;position:relative;}

.index-project li{ float: left;width: 199px;height: 80px;background-color: #ffc400;margin-right: 1px; text-align: center; line-height: 80px; position: relative;margin-top: -20px; }
.index-project li a{color: #000;display: inline-block;width: 199px; height: 80px;font-size:18px;}
.index-project li a:hover{background-color: #ffe400;}
.index-project li img{padding-top: 24px;padding-right: 5px;}

.Llist{margin-top: 40px;height: 260px; }
.Llist h3{width: 100px;height: 210px;float: left; display:inline;}
.y-img-pic{float: left;width: 400px; display:inline;}

.index-server{margin-top: 50px;}
.index-server .index-server-title{width: 110px;height: 34px;font-size: 22px; font-weight: bold;color: #ffc400; line-height: 40px}
.index-server .index-server-box{width: 890px; height: 34px;background: url(../images/0630002.png)center center;}
.index-case{text-align: center;margin-top: 30px;margin-bottom: 50px;}
.index-case a{text-align: center;font-size: 16px;font-weight: bold;border-radius: 5px; padding:20px 40px; color: #fff;height: 80px}
.index-case a.active{background-color: #ff6c00; }


.footer{width: 100%;background-color: #282828;height: auto;padding-top:10px; padding-bottom: 40px; }
.footer-warp{border-bottom: 1px solid #202020;padding-bottom: 5px;}
.footer-left{ width: 500px;color: #fff; font-size:14px;}
.footer-left a{ display: inline-block;color: #fff;font-size: 12px;line-height: 20px;}
.footer-left a:hover{color: #ffc400;}
.footer-left h4{display: inline-block; color: #fff; font-weight:bold; height:45px;}
.footer-left h3{display: inline-block;margin-top: 10px;color: #fff; font-weight:bold;height:45px;}
.footer-right img{padding-top: 10px;}
.footer-box{border-top: 1px solid #303030; padding-top: 30px; text-align: center; color: #818181;}

/* online */
#online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(../images/0630008.gif) no-repeat;}
#onlineService,.onlineMenu,.btmbg{background:url(../images/0630007.gif) no-repeat;}
#online_qq_layer{z-index:9999;position:fixed;right:0px;top:0;margin:300px 0 0 0;}
#online_qq_tab{width:28px;float:left;margin:80px 0 0 0;position:relative;z-index:9;}
#online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}
#online_qq_tab a#floatShow{background-position:-30px -374px;}
#online_qq_tab a#floatHide{background-position:0 -374px;}
#onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:none;background-position:0 0;padding:10px 0 0 0;}
.onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 15px;}
.onlineMenu h3{height:36px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9;}
.onlineMenu h3.tQQ{background-position:0 10px;}
.onlineMenu h3.tele{background-position:0 -47px;}
.onlineMenu li{height:36px;line-height:36px;text-align:left; font-weight: bold; color:#FF9D06;font-size: 13px;}
.onlineMenu li.tli{padding:0 0 0 28px;font-size:12px;text-align:left;}
.onlineMenu li.zixun{background-position:0px -131px;}
.onlineMenu li.phone{background-position:0px -204px;}
.onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}
.onlineMenu li img{margin:8px 0 0 0;}
.onlineMenu li.last{border:0;}
.wyzx{padding:8px 0 0 5px;height:57px;overflow:hidden;background:url(../images/0630017.jpg) no-repeat;}
.wyzx a{display: inline-block;width: 100%;height: 57px;}
.btmbg{height:12px;overflow:hidden;background-position:-131px 0;}

.caption{width: 330px; height: 320px; background: rgba(0,0,0,0.5); top: 100px;}
.caption h2{font-size: 38px; color: #fff;font-weight: 500; line-height: 320px; text-align: center;}

.content-box{width: 100%;background-color:#000000; }
.content{margin-top: -50px; background-color: #fff; min-height:600px;background-color:#000000; }
.content_white{margin-top: -50px; background-color: #fff; min-height:680px;}
.content .con_title{font-size: 32px;font-weight: bold;color: #636363; float: left; }
.content-title{height: 80px;padding-left: 20px;padding-top: 20px; padding-right: 20px;}
.current_box , a{font-size: 12px; color: #979797;}
.current_box .current{color: #791212;}
.share_text{ float: left;color: #666;font-weight: bold;line-height: 28px;}
.about_cont_box{padding-top:30px; padding-left:35px; padding-right:35px; color:#FFFFFF;}
.about_cont_box h3{text-align: center; font-size:20px; font-weight:bold; color:#FFFFFF;}
.about_cont_box h4{text-align: center; font-size:16px; color:#FFFFFF;}
.about_cont_box p{ text-align: left;padding-top: 10px; line-height: 28px; color: #FFFFFF; font-size:16px; background-color:#000000; color:#FFFFFF;text-indent:2em; margin-bottom:5px;}
.about_cont_box strong{ font-weight:bold;}
.about_cont_box td{ vertical-align:bottom;}
.about_cont_box img{ padding-top:6px; padding-right:5px;}

.yuyue-warp{text-align: center; background-color: #fff; padding-bottom: 50px;padding-top: 50px;}
.yuyue-box{width: 590px; margin: 0 auto;}
.yuyue-list{padding-bottom: 20px;}
.yuyue-list i{ line-height: 60px;padding-right: 30px; color: #d14d4d;}
.yuyue-warp h3{font-size: 28px; color: #00923f; padding-top: 40px; padding-bottom: 20px; font-weight: bold;}
.yuyue-warp span{float: left; font-size: 16px; color: #646464; display: block;width: 100px; text-align: right; line-height: 50px;padding-right: 10px;}
.yuyue-warp label{float: left;display: block;width: 470px;}
.yuyue-warp label input{width: 410px; height: 50px;background-color: #fff; border-radius: 5px;border:1px solid #ccc;float: left; font-family:microsoft yahei,Verdana, Arial, Helvetica, sans-serif; padding-left: 5px;}
.yuyue-warp label select{width: 410px; height: 50px;background-color: #fff; border-radius: 5px;border:1px solid #ccc;float: left; font-family:microsoft yahei,Verdana, Arial, Helvetica, sans-serif; color: #b6b6b6;padding-left: 5px;}
.yuyue-warp label textarea{width: 410px; height: 100px;background-color: #fff; border-radius: 5px;border:1px solid #ccc;float: left; font-family:microsoft yahei,Verdana, Arial, Helvetica, sans-serif;padding-left: 5px;}
.yuyue-warp button{width: 400px;height: 40px; border:0px;font-size: 16px; color: #fff;border-radius: 5px; font-family:microsoft yahei,Verdana, Arial, Helvetica, sans-serif;background-color: #fec20a;margin-left: 30px;}

.service{padding: 20px;}
.service li{ float: left;margin-right: 11px;width: 310px; height: 310px;margin-bottom: 15px;}
.service li a{display: inline-block;width:310px; height: 310px; }
.service li p{ position: relative;height: 50px; margin-top: -50px;background: rgba(255,240,0,0.2); font-size: 16px; line-height: 50px; text-align: center; color: #000; font-weight:bold;text-overflow:ellipsis;/*�ó�������...ʵ��*/white-space:nowrap;/*/��ֹ����*/overflow:hidden;/*/����������*/display: block;}
.service li p:hover{background: rgba(255,255,255,0.2);}

.service_coo{padding: 20px;}
.service_coo li{ float: left;margin-right: 10px;width: 230px; height: 230px;margin-bottom: 15px;}
.service_coo li a{display: inline-block;width:230px; height: 230px; }
.service_coo li p{ position: relative;height: 40px; margin-top: -40px;background: rgba(255,240,0,0.2); font-size: 16px; line-height: 40px; text-align: center; color: #000; font-weight:bold;text-overflow:ellipsis;/*�ó�������...ʵ��*/white-space:nowrap;/*/��ֹ����*/overflow:hidden;/*/����������*/display: block;}
.service_coo li p:hover{background: rgba(255,255,255,0.2);}

.news_list li { display:block; padding:30px; background:#fff; height:202px; min-height:202px;} 
.news_list li img {width:300px; height:180px; padding-left:11px; padding-top:10px; padding-right:11px; padding-bottom:12px; text-align:center; background:url(../images/case_pic_0630002.png) no-repeat center top; float:left; margin-right:22px;}
.news_list li:hover { background:#eee;}
.news_list li h3 { height:55px; line-height:55px; display:block;}
.news_list li h3 span { font-size:14px; float:right;color:#333333;}
.news_list li h3 a { font-size:18px; font-weight:bold; color:#f7340c;text-overflow:ellipsis;/*�ó�������...ʵ��*/white-space:nowrap;/*/��ֹ����*/overflow:hidden;/*/����������*/display: block;}
.news_list li p { line-height:24px; text-indent:2em; font-size:13px; font-family:����; color:#333333; height:120px; vertical-align:top;}

.xiangxi_btn { color:#fff; display:block; float:right; width:50px; height:40px; line-height:40px; background:url(../images/0630018.png) no-repeat center center; color:#fff; padding-left:10px;}
.xiangxi_btn a { color:#fff;}

.nextpages { height:30px; line-height:30px; text-align:center; padding-top:30px;padding-bottom: 30px;font-family:����;}
.nextpages a{ padding-left:10px; padding-right:10px; font-size:14px;display: inline-block;border:1px solid #ccc; background-color:#FFFFFF; color:#000; font-family:����;}
.nextpages span{ padding-left:10px; padding-right:10px; font-size:14px;display: inline-block;border:1px solid #ccc;background-color:#FFFFFF;color:#000; font-family:����; margin-top:2px;}
.nextpages a:hover{background-color: #fff000;font-family:����;}

.reds{color:#FF0000;font-size:14px;font-family:����;margin-right:8px;}
.tab_main{width:99%; margin:20px 6px 0px 6px;}
.tab_add_list{font-size:14px;color: #333333;text-align:right;font-family:"����";width:200px;vertical-align:middle; border-bottom: #BBBBBB 1px dotted;white-space:nowrap;height:45px; line-height:45px;}
.tab_add_list img{ padding-top:13px;}
.tab_add_con{font-size:14px;color: #000000;vertical-align:middle;padding-left: 5px;border-bottom: #BBBBBB 1px dotted;white-space:nowrap;height:45px; line-height:45px; }

.div_main{width:930px;border:1px solid #CCCCCC;background-color:#EEEEEE; margin-left:6px; margin-top:10px; margin-right:6px; font-size:13px; height:35px; line-height:35px;}

.g_tab_main{width:260px;text-align:center; vertical-align:middle; line-height:25px; color:#666666; padding-top:15px; color:#000;font-family:����;}
.g_tab_sub{width:660px; margin:5px;color:#000;}
.g_sub_cap{height:35px; line-height:35px;vertical-align:middle;width:99%; margin-top:2px; background-color:#F0F0F0; color:#000;font-size:13px; font-weight:bold;  font-family:����,Arial;}
.g_sub_con{ min-height:50px;line-height:30px; text-indent:25px;font-family:����,Arial;color:#000;  padding-top:5px;}
.g_gub_ann{border: #CCCCCC 1px solid; height:25px; line-height:25px; color:#666666;font-family:����,Arial;color:#000;}
.g_rep_cap{border: #004e98 1px dotted; height:30px; line-height:30px; background-color:#F5F5F5;font-family:����,Arial;color:#000;}
.g_rep_con{border: #004e98 1px dotted; line-height:25px; background-color:#F5F5F5;text-indent:25px; vertical-align:top;font-family:����,Arial;color:#000;padding-top:5px;}

.e404_td{height:42px; line-height:42px; width:114px;text-align:center;font-size:16px; color:#FFFFFF; font-family:����,Arial;}
.e404_td a{ height:42px; width:114px; font-size:14px; color:#FFFFFF; background-image:url(../images/error404_03.gif);display: inline-block;font-family:����,Arial;}
.e404_td a:hover{height:42px; line-height:42px;font-size:16px; color:#FFFFFF; background-image:url(../images/123123.jpg); font-weight:bold;font-family:����,Arial;}