@charset "utf-8";
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background:#eeeff4;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:normal;}
ul,ol,li,dl,dt,dd{margin:0; padding:0; list-style:none;}
img{border:0;padding:0; margin:0; }
td{padding:0; margin:0; }
p{ padding:0; margin:0;border:0;}
form,pre,fleldset,input,textarea{margin:0; padding:0;}
a{text-decoration:none;outline:none;}
a:link,a:visited,a:active{color:#666666;text-decoration:none;}
a:hover{color:#666666; text-decoration:none;}
.cl{clear:both;}

#topbg{ width:100%; height:150px; background-color:#f7f7fa;}
.top{ width:1240px; height:150px; margin:0 auto;}
.logo{ width:272px; height:80px; margin-top:38px; float:left;}
.topright{ width:820px; height:150px; float:right;}
.login{ width:630px; height:30px; margin-top:22px; margin-left:190px;}
.login ul li{ float:right; margin-right:8px; line-height:30px;}
.field{ width:126px; height:24px; margin-top:3px; padding-left:22px; line-height:24px;  background:url(../images/index_06.jpg) no-repeat; color:#a4a4a4; border:none; outline:none; font-size:14px}
.button{ width:70px; height:30px; border:none; outline:none;}
.topnav{ margin-top:38px;float:left;}
.topnav li{float:left;margin-left:40px;}
.topnav li a{padding:0 10px;font-weight: bold;font-size:15px;}
.topnav li ul{position:absolute;width:270px;background:rgba(255,255,255,0.8);z-index:99999;padding:0px 10px 20px 10px;}
.topnav li ul .navtitle{width:100%;float:left;padding:5px 0 10px 0;font-size:14px;font-weight:bold;border-bottom:2px solid #666;margin-bottom:5px;margin-top:45px;}
.topnav li ul li{margin:0;float:left;width:100%;padding-top:5px;}
.topnav li ul li a{padding:0px;font-weight:bold;font-size:12px;}
.topnav li ul li a:before {content:"• ";}
.topnav li ul ul{position:static;background:none;padding:0;width:100%;}
.topnav li ul ul li{padding-left:7px;}
.topnav li ul ul li a{padding:0;font-size:12px;font-weight:normal;}
.topnav li ul ul li a:before {content:none;}

.field1{ width:116px; height:24px; overflow:hidden; line-height:24px; color:#FFFFFF;  border:none; outline:none; background:url(../images/index_14.png) top left no-repeat;padding-left:10px; font-family:Arial, Helvetica, sans-serif;}

#bannerbg{ width:100%; height:622px; background:url(../images/index_18.jpg) top center no-repeat; clear:both;}

#contentbg{ width:100%; height:auto;background:#eeeff4 url(../images/index_20.jpg) top left repeat-x; float:left;padding:30px 0;}
.content{ width:1280px; height:auto; margin:0 auto; padding-bottom:30px; margin-top:20px;}
.content_pro{ width:332px; height:auto; float:left;}
.title{ width:100%; height:24px; margin-top:24px; line-height:24px; color:#717171; font-size:18px; font-weight:bold; background:url(../images/dot.png) 96px 4px no-repeat;}
.content_pro_show{ width:302px; height:246px; padding:15px; background:url(../images/bg001.png) no-repeat;}
.content_pro_show_img{ width:282px; height:205px; padding:10px 10px 0 10px;}
.more{ width:90%; height:15px; padding-left:10px; clear:both; margin-top:8px;}
.content_news{ width:626px; height:auto; float:left;}
.content_news_show{ width:596px; height:246px; padding:15px; background:url(../images/bg002.png) no-repeat;}
.content_news_img{ float:left; width:264px; height:226px; padding-top:10px; padding-left:10px;}
.content_news_list{ float:right; width:280px; height:226px; padding-top:10px; padding-right:10px;}
.content_news_list ul li{ background:url(../images/index_35.jpg) left center no-repeat; padding-left:12px; line-height:25px;}
.content_news_list ul li a{ text-decoration:underline;}
.more1{ width:90%; height:15px; clear:both; margin-top:8px;}
.content_video{ width:302px; height:auto; float:left;}
.content_video_show{ width:302px; height:246px; margin-top:15px; margin-left:15px;}

#endbg{ width:100%; height:auto; background:#dbdde6; overflow:hidden; clear:both;margin-top:20px;float:left;}
.end{ width:1240px; height:auto; padding:50px 0; line-height:1.6; margin:0 auto;}
.end span{ width:60px; height:60px; float:right; margin-top:10px;}
.end p{ padding:0; margin:0;}


#probannerbg{ width:100%; height:450px; background:url(../images/index_18.jpg) top center no-repeat; clear:both;}
#probannerbg1{ width:100%; height:450px; background:url(../images/pro1a.jpg) top center no-repeat; clear:both;}
#probannerbg2{ width:100%; height:450px; background:url(../images/pro2a.jpg) top center no-repeat; clear:both;}
#probannerbg3{ width:100%; height:450px; background:url(../images/pro3a.jpg) top center no-repeat; clear:both;}
#probannerbg4{ width:100%; height:450px; background:url(../images/pro4a.jpg) top center no-repeat; clear:both;}
#aboutbannerbg{ width:100%; height:450px; background:url(../images/aboutbanner.jpg) top center no-repeat; clear:both;}
#contactbannerbg{ width:100%; height:450px; background:url(../images/contactbanner.jpg) top center no-repeat; clear:both;}
#humanbannerbg{ width:100%; height:450px; background:url(../images/humanbanner.jpg) top center no-repeat; clear:both;}
#newsbannerbg{ width:100%; height:450px; background:url(../images/newsbanner.jpg) top center no-repeat; clear:both;}
#servicebannerbg{ width:100%; height:450px; background:url(../images/servicebanner.jpg) top center no-repeat; clear:both;}



#fu{ width:100%; height:50px; background:url(../images/bannerbg.png) top left repeat-x; z-index:1; line-height:50px; font-size:18px; position:absolute; top:550px;}
#fu #funav{ width:1240px; height:50px; line-height:50px; margin:0 auto; font-size:18px; z-index:2;}
#fu #funav a{ color:#466979}



#pronav{ width:450px; height:50px; line-height:50px; position:absolute;font-size:18px; z-index:1000;}
#pronav a{ color:#466979}

.incontent{ width:1240px; height:auto; margin:0 auto; padding-bottom:30px; padding-top:40px; overflow:hidden;}
.left{ width:300px; height:auto; float:left;}
.right{ width:940px; height:auto; float:right; background:url(../images/probg01.png) top left no-repeat; border-top:8px solid #aeaeae; padding-left:70px; padding-top:30px; padding-bottom:30px;}
.rightlist{ width:100%; height:auto;}
.rightlist ul{ padding-top:20px;}
.rightlist ul li{ width:870px;margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #3eb4e8; display:block;float:left;}
.rightlist_img{ width:240px; height:140px; float:left;}
.rightlist_text{ width:630px; height:140px; float:right; padding:18px 28px 18px 32px; background-color:#e4e6ed;}
.rightlist_text h2{ width:100%; height:30px; line-height:1; color:#666666; font-size:16px; font-weight:bold;}
.rightlist_text p{ width:100%; height:60px; line-height:20px; color:#aeaeae; overflow:hidden;}
.rightlist_text a:hover{ text-decoration:underline;}

.right h1{ font-size:24px; color:#3eb4e8; height:72px; line-height:1;}
.proshow1{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both;}
.proshow1_img{ width:370px; height:250px; float:left;}
.proshow1_text{ width:455px; height:auto; float:right;}
.proshow1_text h2{ background:url(../images/dot7.png) left 5px no-repeat; padding-left:20px; font-size:16px; font-weight:bold; height:34px;}
.proshow1_text_list{ width:100%; height:auto;}
.proshow1_text_list li{ background:url(../images/index_35.jpg) left 6px no-repeat; padding-left:16px; font-size:14px; font-weight:bold; line-height:1.4; margin-bottom:5px;}
.proshow1_text_list li p{ color:#aeaeae; font-weight:100; font-size:12px}
.proshow1_more{ width:100%; height:35px; clear:both; margin-top:5px;}


.proshow2{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both;}
	.proshow2_title{ width:100%; height:33px;}
	.proshow2_title ul{ padding:0; margin:0;}
	.proshow2_title ul li{ float:left; display:block; width:138px; height:33px; line-height:33px; font-size:14px; font-weight:bold; margin-right:6px; cursor:pointer;}
	
	.proshow2_title .active{ display:block; background:url(../images/probg02.jpg) no-repeat; text-align:center; color:#3eb4e8;}
	.active a{ text-decoration:none;}
	.proshow2_title .normal{ display:block; background:url(../images/probg03.jpg) no-repeat; text-align:center;}
	.normal a{ text-decoration:none;}
	
	.proshow2_show{ width:100%; height:auto; margin:18px 0;}
	.proshow2_show ul{ margin:0 0 20px 0; padding:0; display:block;}
	.proshow2_show ul li{ height:140px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #3eb4e8; display:block;}
	.proshow2_show_img{ width:210px; height:140px; float:left;}
	.proshow2_show_text{ width:520px; height:140px; float:left; margin-left:36px;}
	.proshow2_show_text h3{ font-size:16px; font-weight:bold; height:34px; line-height:1; margin-top:20px;}
	.proshow2_show_text p{ padding:0; margin:0; line-height:1.5;}
	.proshow2_show_more{ width:65px; height:35px; float:right; margin-top:100px;}

	DIV.msdn {
	  FONT-SIZE:13px; padding:0 6px;  COLOR: #666666;  TEXT-ALIGN: right; width:100%; height:22px; line-height:22px; clear:both;
	}
	DIV.msdn A {
		padding:0 6px; MARGIN: 0px 3px; COLOR: #666666; text-decoration:underline; 
	}
	DIV.msdn A:hover {
		 COLOR: #666666;
	}
	DIV.pagination A:active {
		 COLOR: #666666; 
	}
	DIV.msdn SPAN.current {
		padding:0 6px; FONT-WEIGHT: bold;  MARGIN: 0px 3px;  COLOR: #3eb4e8;
	}
	DIV.msdn SPAN.disabled {
		DISPLAY: none;}


.proshow3{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both;}
.proshow3 .intit1{font-size:16px; font-weight:bold;COLOR: #3eb4e8; border-bottom:2px solid #3eb4e8; border-right:2px solid #ffffff;}
.proshow3 .intit2{font-size:16px; font-weight:bold;COLOR: #3eb4e8; border-bottom:2px solid #3eb4e8;}
.proshow3 td{ font-size:14px; height:auto; padding:10px 0;}
.proshow3 .bk{ border-right:2px solid #aeaeae; border-bottom:2px solid #aeaeae;}
.proshow3 .bk1{ border-bottom:2px solid #aeaeae;}



.aboutshow1{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:1.8; color:#99999; font-size:14px;}
.aboutshow1 h3{ color:#666666; font-size:18px; height:30px; line-height:1;}
.aboutshow1_text{float:left; width:434px; height:auto; font-size:14px;}
.aboutshow1_img{float:right; width:340px; height:220px;}

.aboutshow2{ height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:48px; color:#999; font-size:18px; background:url(../images/time.png) top left no-repeat; padding-left:50px; padding-top:33px;}
.aboutshow3{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:1.6; color:#999; font-size:14px;} 
.aboutshow3 ul li{ display:block; width:100%; height:170px; margin-bottom:22px; border-bottom:1px solid #3eb4e8;}
.aboutshow3_img{ float:left; width:230px; height:140px; margin-right:32px;}
.aboutshow3_text{ float:left; width:560px; height:140px; color:#999;}
.aboutshow3_text h2{ color:#666666; font-size:18px; height:40px; margin:10px 0 0 0;}
.aboutshow3_text a{ color:#666666;}
.aboutshow3_text a:hover{ text-decoration:underline;}

.aboutshow4{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:1.6; color:#999; font-size:14px; clear:both; margin-top:10px;} 
.aboutshow4 h2{ color:#666666; font-size:18px; height:50px; margin:10px 0 0 0; text-align:center;}

.aboutshow5{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:1.8; color:#999; font-size:14px;}
.aboutshow5 ul li{ height:56px; line-height:56px; background:url(../images/dot8.png) left center no-repeat; padding-left:66px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #3eb4e8;}
.aboutshow5 ul li a:Hover{ color:#3eb4e8;} 

.contactshow1{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:2; color:#666666; font-size:14px;}
.humanshow1{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:2; color:#666666; font-size:14px;}
.humanshow1 a:Hover{ text-decoration:underline;  COLOR: #3eb4e8;}

.newsshow1{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:2; color:#666666; font-size:14px; border-bottom:1px solid #aeaeae; border-top:2px solid #aeaeae; padding-top:15px; padding-bottom:10px;}
.newsshow1_img{ float:right; width:340px; height:auto;overflow:hidden;}
.newsshow1_list{ width:494px; height:auto; float:left;}
.newsshow1 ul{ width:494px;}
.newsshow1 ul li{ background:url(../images/index_35.jpg) left center no-repeat; padding-left:15px; line-height:28px; height:28px;}
.newsshow1 ul li a{ text-decoration:underline; color:#666666;}
.newsshow1 ul li a:hover{COLOR: #3eb4e8;}

.newsshow2{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:2; padding-top:25px; padding-bottom:10px;}
.newsshow2 h2{ color:#3eb4e8; font-size:24px; height:72px; width:100%;}
.newsshow2_text{float:left; width:494px; height:auto; font-size:14px;}
.newsshow2_img{float:right; width:340px; height:220px;}

.questionshow1{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:1.6; color:#999; font-size:14px;}
.questionshow1 ul{ width:560px;}
.questionshow1 ul li{ display:block; width:100%; height:130px; margin-bottom:10px;}
.title01{ color:#666666; font-size:18px; height:28px; line-height:1; font-weight:bold}
.show01{ line-height:1.6;}
.more01{ color:#666666; font-size:14px; clear:both; font-weight:bold}
.more01 a{ color:#666666;}
.more01 a:hover{ text-decoration:underline;}

.serviceshow1{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:1.6; color:#999; font-size:14px;}
.serviceshow1_img{ float:right; width:340px; height:auto;overflow:hidden;}
.serviceshow1_text{ width:494px; height:auto; float:left;}
.serviceshow1 h3{color:#666666; font-size:18px; height:34px; line-height:1; font-weight:bold; margin-top:20px; clear:both; border-bottom:2px solid #3eb4e8; margin-bottom:10px; }
.serviceshow1_list{ width:100%;}
.serviceshow1_list li{ width:100%; height:76px; display:block; border-bottom:2px solid #3eb4e8; margin-bottom:15px;}
.serviceshow1_list_img{ width:116px; height:76px; padding-left:4px; float:left;}
.img100{ width:100px; height:60px; border:1px solid #3eb4e8;}
.serviceshow1_list_show{ width:374px; height:76px; float:right; line-height:1.4; font-size:12px; color:#999;}
.serviceshow1_list_show a{ color:#999;}
.serviceshow1_list_show h4{color:#666666; font-size:14px; height:26px; padding:0; margin:0; font-weight:bold;}
.serviceshow1_list_show h4 a{color:#666666;}
.serviceshow1 h2{color:#666666; font-size:18px; height:26px; line-height:1; clear:both;}
.serviceshow1 p{ line-height:1.4; margin-bottom:20px;}

.serviceshow2{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both; line-height:1.6; color:#999; font-size:15px;}
.field10{ width:388px; height:26px; line-height:26px; border:1px solid #c6c6c8; background-color:#f8f8f8; padding:0 4px;}
.field11{ width:388px; height:150px; line-height:26px; border:1px solid #c6c6c8; background-color:#f8f8f8; padding:0 4px;}
.button10{ width:68px; height:38px; border:none; outline:none;}

.mapbanner{ width:100%; height:205px; background:url(../images/bg003.jpg) repeat-x; overflow:hidden; line-height:205px; clear:both;}

.mapshow1{ width:1140px; height:auto; margin-left:50px; overflow:hidden; line-height:2; font-size:14px; color:#999;}
.mapshow1 h1{ font-size:24px; color:#3eb4e8; height:72px; line-height:1;}
.mapshow1 h2{ font-size:18px; color:#3eb4e8; height:32px; line-height:1; border-bottom:2px solid #3eb4e8; margin-bottom:23px;}
.maplist{ width:100%; height:auto;}
.maplist li{ float:left; display:block; width:255px; margin-right:30px; height:auto; overflow:hidden; margin-bottom:30px;}
.maplist dl dt{ width:100%; height:26px; color:#666666; font-size:14px; font-weight:bold; border-bottom:2px solid #b1b1b1; margin-bottom:15px;}
.maplist dl dt a{ color:#666666;}
.maplist dl dd{color:#666666; font-size:12px; font-weight:bold; line-height:20px;}
.maplist dl dd p{ color:#babbbc;}
.maplist dl dd p a{ color:#babbbc;}
.maplist dl dd a{ color:#666666;}





/* 20150205表格新增样式*/
.proshow30{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; clear:both;}
.proshow30 td{ font-size:14px; padding:3px 0;}
.proshow30 .intit10{font-size:16px; height:40px; line-height:40px; font-weight:bold;COLOR: #3eb4e8;border-top:2px solid #51baea; border-bottom:2px solid #3eb4e8; border-right:2px solid #ffffff;}
.proshow30 .intit20{font-size:16px; height:40px; line-height:40px; font-weight:bold;COLOR: #3eb4e8; border-bottom:2px solid #3eb4e8;border-top:2px solid #51baea;}
.proshow30 .bk3{ border-right:2px solid #51baea ; border-bottom:2px solid #51baea;}
.proshow30 .bk4{ border-bottom:2px solid #51baea;}
/* 20150205表格新增样式结束*/

*{  
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    /*behavior: url(css/iecss3.htc); */
}



.D-news{float:left;width:40%;padding:0 10px;}
.D-news .D-title{border-left:3px #00acef solid;float:left;height:17px;font-weight:bold;line-height:17px;padding-left:8px;margin-bottom:10px;width:100%;font-size:16px;margin-bottom:15px;}
.D-topnews{width:100%;float:left;padding-top:10px;}
.D-topnews .fl {width:35%;float:left;}
.D-topnews .fl img{width:100%;height:auto;}
.D-topnews .fr{width:65%;font-size:12px;padding-left:10px;color:#666;padding-top:5px;float:right;}
.D-topnews .fr h5{font-size:15px;color:#333;}
.D-topnews .fr p{line-height:1.7;}
.D-news ul{width:100%;float:left;margin-top:10px;border-top:1px dotted #ccc;}
.D-news ul li{font-size:12px;float:left;width:100%;padding-top:8px;}
.D-news ul li:before{content:"- "}
.D-news ul li a{color:#666;}
.D-newsbox{padding:10px;border-radius:5px;float:left;width:100%;background:#fff;box-shadow: 0 0 8px rgba(0,0,0,.3);height:285px;}
.D-contactbox{padding:10px;border-radius:5px;float:left;width:100%;background:#fff;box-shadow: 0 0 8px rgba(0,0,0,.3);height:285px;}


.D-Case{float:left;width:30%;padding-right:10px;}
.D-Case .D-title{width:100%;border-left:3px #00acef solid;float:left;height:17px;font-weight:bold;line-height:17px;padding-left:8px;margin-bottom:10px;font-size:16px;margin-bottom:15px;}
.D-contact{width:30%;float:left;padding-left:10px;}
.D-contact .D-title{border-left:3px #00acef solid;float:left;height:17px;font-weight:bold;line-height:17px;padding-left:8px;margin-bottom:10px;font-size:16px;margin-bottom:15px;}
.D-contact-data{float:left;width:100%;font-size:12px;color:#666;}
.D-contact-data i{font-size:20px;}
.D-contact-data p{border-bottom:1px dotted #ccc;padding:5px 0;}
.D-contact-data p:last-child{border:0;}

.D-Case .D-title .fr{float:right;}
.D-news .D-title .fr{float:right;}


.leftnav{float:left;width:100%;border-top:8px solid #00acef;border-bottom:8px solid #00acef;}
.leftnav li{width:100%;border-bottom:1px solid #00acef;line-height:35px;float:left;}
.leftnav li a{font-size:13px;font-weight: bold;float:left;width:100%;}
.leftnav li li{border-bottom:0;line-height:normal;padding-bottom:10px;}
.leftnav li li:first-child{padding-top:10px;}
.leftnav li ul{width:100%;float:left;overflow: hidden;display:none;}
.leftnav li li a{font-size:12px;font-weight: normal;}


.page{float:right;margin-top:25px;margin-bottom:30px;width:100%;color:#555;font-size:12px;}

.fanye {
    float: right;
    text-align: center;
    clear: both;
    height: 30px;
    margin-right: 10px;
}

    .fanye ul {
        height: 30px;
    }

        .fanye ul li {
            float: left;
            width: 70px;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }

        .fanye ul a {
            display: block;
            height: 30px;
            line-height: 30px;
            border: #ddd 1px solid;
            padding-top: 0px;
        }

            .fanye ul a.current {
                background: #39F;
                color: #fff;
            }

            .fanye ul a.page:hover {
                border: #da0032 1px solid;
                color: #da0032;
            }