@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;font-size:14px;color:#333; font-family:微软雅黑, Arial, Helvetica, sans-serif; line-height:26px; list-style:none; font-weight:100}
body{ max-width:1920px; margin:0 auto;}
img{ border:none}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#0261ae;}

.left{ float:left}
.right{ float:right}
.clear{ height:0; line-height:0; overflow:hidden; clear:both}
.textover{text-overflow:ellipsis;white-space:nowrap;}



/*头部*/

.topbg{ width:100%; margin:0 auto; height:36px; background:#fafafa; border-bottom:solid 1px #f4f4f4;}
.topbg ul{ width:1200px; margin:0 auto;}
.topbg ul li{ line-height:36px; font-size:12px; text-align:left;}

.top{ width:1200px; margin:0 auto;}
.nav{ width:100%; margin:0 auto; background:#0089e2; height:50px; line-height:50px; text-align:center}
.nav ul{ width:1200px; margin:0 auto; height:50px;}
.nav ul li{ float:left; width:150px; height:50px; line-height:50px; display:block;text-align:center; background:url(../images/nav_middle.jpg) no-repeat left center;}
.nav ul li a{ color:#FFF; width:150px; display:block; height:50px; line-height:50px;}
.nav ul li a:hover{ background:#eb3c02; display:block; width:150px; height:50px; line-height:50px;}
.nav .home{ background:none}


/*正文开始*/
.bbox{ position:relative; width:100%; margin:0 auto; height:550px;}
.bbox .serbox{ position:absolute; width:100%; margin:0 auto; background:url(../images/ss_bg.png) repeat top left; bottom:0px; height:50px; z-index:20}
.bbox .serbox .box{ width:1200px; margin:0 auto;}
.bbox .serbox ul li{ color:#FFF; line-height:50px;}
.bbox .serbox ul *{ font-size:12px;}
.bbox .serbox ul li a{ color:#FFF; line-height:50px; padding-right:10px;}
.bbox .serbox .box .ss{ position:relative; width:306px; height:31px; top:10px;}
.bbox .serbox .box .ss .neir{ background:url(../images/s_box_bg.png) no-repeat left center; height:31px; position:absolute; left:0px; width:264px; border:0px; line-height:31px; overflow:hidden}
.bbox .serbox .box .ss .neir input{padding:0 10px; border:0px; width:244px; height:31px; line-height:31px; background:none;outline-style:none; top:0px;}
.bbox .serbox .box .ss .anmue{ position:absolute; right:0px; background:url(../images/ss.png) no-repeat left center; height:31px; width:43px; border:0px; color:#FFF; line-height:31px; top:0px;}
.bbox .serbox .box .ss .anmue input{ background:none; height:31px; width:43px; outline-style:none; border:0px;}

/*首页产品*/
.product{ width:100%; height: auto;margin:0 auto; padding-top:45px; padding-bottom:45px;}
.product .title{ display:block; text-align:center;}
.product .title p{ font-size:30px; line-height:40px; height:60px;color:#000; font-weight:bold;  background:url(../images/title_dw.jpg) no-repeat bottom center; margin-bottom:15px;}
.product .title span{ font-size:14px;  line-height:30px; width:760px; margin:0 auto; display:block;}
.product .content{ width:1200px; margin:0 auto;}
.product .content ul{ width:1200px; margin:0 auto;}
.product .content ul li{ float:left; width:300px; text-align:center}
.product .content ul li p{ width:300px; text-align:center; line-height:40px; height:40px; font-size:18px;}
.product .content ul li p a{line-height:40px; height:40px; font-size:18px;}

.hzbox{ width:1200px; margin:0 auto; border-top:solid 3px #0089e2;}
.hzbox .title{ height:45px; background:url(../images/hz_bg.png) repeat-x left center; margin-top:15px;}
.hzbox .title p{ width:135px; text-align:center; display:block; background:#FFF; margin:0 auto; height:45px; color:#0089e2; font-weight:bold; font-size:18px; line-height:22px;}
.hzbox .title p a{color:#0089e2; font-weight:bold; font-size:18px; line-height:22px;}
.hzbox .title p span{ font-family:Arial, Helvetica, sans-serif; font-size:13px; text-transform:uppercase}
.hzbox .content{ width:1200px; margin:0 auto;}


.proimg_dd{ width:219px; height:156px; border:solid 1px #e5e5e5; float:left; margin:10px 3px; background:#FFF; text-align:center; line-height:35px;} 
.proimg_dd img{ max-width:215px; padding:2px; height:117px;}
.proimg_dd:hover{ width:219px; height:156px; border:solid 1px #0089e2; float:left; margin:10px 3px; background:#FFF; text-align:center; line-height:35px;} 




/*.proimg_b .txt span{ width:190px; height:25px;line-height:25px; font-size:13px; color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
*/


/*首页关于我们*/
.about{ width:100%; height:570px; margin:0 auto; background:#0089e2; padding-top:50px;}
.about .title{ position:relative; border:solid 1px #FFF; width:640px; height:85px; margin:0 auto; text-align:center;}
.about .title span{ font-size:25px; font-weight:bold; color:#FFF; position:absolute; width:142px; background:#0089e2; display:block; text-align:center; left:249px; top:-20px; height:40px; line-height:40px;}

.about .title p{ font-size:18px; color:#FFF; line-height:30px; text-align:center; padding-top:20px; margin-bottom:5px;}
.about .title em{
	font-size:8px;
	text-transform:uppercase;
	color:#FFF;
	font-style: normal;
 
}

.about .content{ width:1200px; margin:50px auto 0 auto;}
.about .content img{ float:left;}
.about .content p{ width:560px; float:right; line-height:30px; color:#FFF;}
.about .content p strong{ font-size:25px; color:#FFF; font-weight:bold; margin-bottom:15px; display:block}
.about .content p a{ width:172px; height:45px; background:#FFF; display:block; line-height:45px; text-align:center; color:#0089e2; margin-top:10px;}


.midad{ width:1248px; height:680px; overflow:hidden; margin:20px auto 0}
.midad .adhead{ background:url(../images/midad1.gif) no-repeat center 0; height:146px}
.midad .content{ border-top:20px solid #fff; width:1248px; height:496px}
.midad .content .bigbox{width:264px; height:496px; float:left; margin:0 24px; position:relative}
.midad .content .bigbox .box{ width:264px; height:496px; background:url(../images/midmenu.gif) no-repeat 0 0;position:relative}
.midad .content .bigbox:hover .box{ width:264px; height:496px;  float:left; position:relative; color:#fff; background:url(../images/midmenu.jpg) no-repeat 0 0;}
.midad .content .bigbox .pic{ position:absolute; width:264px; height:487px; left:0; top:0; padding-top:9px; text-align:center}
.midad .content .bigbox .box .title{ display:block; height:60px; line-height:60px; font-size:28px; text-align:center; color:#1b75bd; top:206px; left:0; width:264px; position:absolute}
.midad .content .bigbox:hover .box .title{ display:block; height:60px; line-height:60px; font-size:28px; text-align:center;  top:206px; left:0; width:264px; position:absolute;color:#fff;}
.midad .content .bigbox .box .text{ width:230px; height:69px; position:absolute; top:270px; left:50%; margin-left:-115px; font-size:14px; color:#666; line-height:23px}
.midad .content .bigbox:hover .box .text{ width:230px; height:69px; position:absolute; top:270px; left:50%; margin-left:-115px; font-size:14px; color:#c4e7f5; line-height:23px}
.midad .content .bigbox .box .more{ display:block; width:110px; height:35px; position:absolute; top:370px; left:50%; margin-left:-55px; color:#fff; text-align:center; line-height:35px; z-index:1000;}
.midad .content .bigbox:hover .box .more{ display:block; width:110px; height:35px; position:absolute; top:370px; margin-left:50%; left:-55px; color:#019dda; text-align:center; line-height:35px}
.midad .content .bigbox .box .more:hover{ display:block; width:110px; height:35px; position:absolute; top:370px; margin-left:50%; left:-55px; color:#019dda; text-align:center; line-height:35px; text-decoration:underline}



/*首页荣誉资质*/
.honor{ width:100%; margin:0 auto; height:570px; background:#f7f6f6; padding-top:50px;}

.honor .title{ display:block; text-align:center; background:url(../images/title.png) no-repeat center 25px; height:85px}
.honor .title p{ font-size:30px; line-height:40px; height:60px;color:#000; font-weight:bold; background:url(../images/title_dw.png) no-repeat bottom center; margin-bottom:15px;}
.honor .title span{ font-size:34px; color:#0168b7; line-height:50px; font-weight:bold;}
.honor .title em{ font-size:35px; color:#000; line-height:30px; font-style:normal}
.honor .content{ width:1200px; margin:40px auto;}
.honor .more{ height:48px; color:#FFF; line-height:48px; background:#0089e2; margin:0 auto; display:block; width:200px; text-align:center}

.proimg_d{ width:280px; height:236px; border:solid 1px #e5e5e5; float:left; margin:5px 10px; background:#FFF; text-align:center; line-height:35px;} 
.proimg_d img{ max-width:276px; padding:2px; height:197px;}
.proimg_d:hover{ width:280px; height:236px; border:solid 1px #0089e2; float:left; margin:5px 10px; background:#FFF; text-align:center; line-height:35px;} 


/*首页新闻资讯*/

.newsbox{ width:1200px; margin:50px auto; position:relative; height:520px;}
.newsbox .news{ position:absolute; left:0px; top:0px; width:792px;}
.newsbox .news .title{ width:792px; background:#f1f1f1; height:60px; display:block;}
.newsbox .news .title span{ width:160px; background:#0089e2; height:60px; line-height:60px; color:#FFF; font-size:18px; font-weight:bold; display:block; text-align:center;}
.newsbox .news .content{ width:750px; border:solid 1px #f1f1f1; padding:20px;}
.newsbox .news .content img{ float:left;}
.newsbox .news .content .n_r{ width:466px;}
.newsbox .news .content .n_r .head{ height:120px; padding-bottom:20px; border-bottom:solid 1px #f1f1f1}
.newsbox .news .content .n_r .head h3{ font-size:15px; line-height:40px;}
.newsbox .news .content .n_r .head .cont{ line-height:20px; color:#666}
.newsbox .news .content .n_r .head .more{ background:url(../images/more_bg.png) no-repeat center; width:96px; text-align:center; color:#FFF; height:36px; line-height:36px; display:block; margin-top:10px;}

.newliho{ margin:15px auto 0;}
.newliho ul li{border-bottom:dotted 1px #f1f1f1; width:466px; height:35px; line-height:35px; background:url(../images/icon.jpg) no-repeat 10px center; text-indent:20px;}
.newliho ul li a{ height:35px; line-height:35px; width:366px; display:block; overflow:hidden; font-size:14px; font-weight:100; }
.newliho ul li span{ height:35px; line-height:35px; width:100px; display:block; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; }



.quebox{ width:324px; border:solid 1px #f1f1f1; position:absolute; right:0px; top:0px; padding:20px 25px; height:448px;}
.quebox .head{ height:45px; line-height:45px; padding-bottom:10px; border-bottom:solid 1px #dddddd;}
.quebox .head span{ font-size:16px; color:#0168b7; float:left; height:45px; line-height:45px;}
.quebox .head a{ float:right; height:45px; line-height:45px; background:url(../images/q_m.jpg) no-repeat right center; display:block; width:50px;}
.quebox img{ padding-top:20px; padding-bottom:15px; border-bottom:dotted 1px #f1f1f1;}

.quebox .content{ width:324px; overflow:hidden ;border-top:5px solid #fff}

.quedage{ height:90px; width::324px; display:block; border-bottom:1px dashed #999999; margin:5px 0}
.quedage .quebt{ width:294px; height:35px; line-height:35px; background:url(../images/w.jpg) no-repeat 0 5px; padding-left:30px; font-size:15px; overflow:hidden; display:block; font-weight:bold}
.quedage .cont{width:294px; height:50px; line-height:25px; background:url(../images/d.jpg) no-repeat 0 5px; padding-left:30px; overflow:hidden; font-size:12px; font-weight:100;}
.quedage .cont,.quedage .cont *{ color:#666666; font-size:12px; line-height:25px}




.leftnews{ width:538px; min-height:382px; display:block; float:left; margin-right:20px}
.rightnews{ width:642px; height:auto; display:block; float:right}

.child2{ width:642px; height:115px; display:block; margin:0 auto; margin-bottom:20px;}
.child2 img{ width:154px; height:108px; border:3px solid #fff; float:left; margin-right:25px;}
.child2 .txt{ float:right; width:457px; height:115px; background:url(../images/arraw.png) no-repeat 0 95px}
.child2 .txt p{width:457px; height:45px; font-size:16px; color:#161616; line-height:45px; font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.child2 .txt span{ font-size:13px; line-height:20px; height:40px; display:block; overflow:hidden; color:#666666}
.child2:hover{ width:642px; height:115px; display:block; margin:0 auto; margin-bottom:20px; background:#fff}
.child2:hover p{width:457px; height:45px; font-size:16px; color:#005bac; line-height:45px; font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}


/*底部*/
.foot{ width:100%; height:auto; margin:0 auto; background:#212121; padding-bottom:55px;}
.foot .main{ width:1200px; height:auto; margin:0 auto}
.message{ width:263px; height:auto; display:block; float:left; padding-top:35px;}
.message .title{ height:37px; line-height:37px; font-size:16px; color:#fff;}
.message .title span{ margin-left:12px;line-height:37px; font-size:14px; color:#fff;}
.message .content{}
.lya{ width:255px; height:40px; background: url(../images/icon1_message.jpg) 233px center no-repeat #fff; padding-left:8px; line-height:40px; color:#999; font-size:14px; margin-bottom:15px; border:none}
.lyb{ width:255px; height:40px; background: url(../images/icon2_message.jpg) 233px center no-repeat #fff; padding-left:8px; line-height:40px; color:#999; font-size:14px; margin-bottom:15px; border:none}
.submit{ width:263px; height:44px; display:block; text-align:center; line-height:44px; background:#005bac; color:#fff; font-size:14px; border:none}

.dhfo{ width:284px; height:auto; display:block; float:left;margin-left:82px; padding-top:60px;}
.dhfo a{ width:142px; height:35px; display:block; float:left;line-height:35px; font-size:14px; color:#fff}

.contact{ float:right; width:570px; height:auto; display:block; padding-top:60px; background:url(../images/ewm.jpg) right 68px no-repeat; font-size:14px; line-height:35px; color:#fff}

.footer{ width:100%; height:150px; margin:0 auto; text-align:center}
.footer .f_nav{ width:100%; margin:0 auto; height:45px; background:#0089e2; line-height:45px;}
.footer .f_nav ul{ width:1200px; margin:0 auto;}
.footer .f_nav ul li{ float:left; width:150px; text-align:center; line-height:45px;}
.footer .f_nav ul li a{ color:#FFF; display:block; width:150px; line-height:45px; height:45px; text-align:center}
.footer .content{ width:1200px; text-align:center; line-height:30px; margin:0 auto; padding-top:20px;}

/*子页面*/
.mainframe{ width:1200px; height:auto; margin:30px auto;}


.mainconta{width:1200px; height:auto;}
.mainconta .head{width:1200px; height:51px; border-bottom:1px solid #dedddc}
.mainconta .head p{ float:left; border-bottom:3px solid #0089e2; line-height:49px; font-size:20px; color:#0089e2; font-weight:bold}
.mainconta .head span{ float:right;line-height:51px; font-size:14px; color:#666666}
.mainconta .content{ margin-top:25px}



.leftcplist{ float:left; width:255px; height:auto; display:block}
.leftcplist .head{width:255px; height:125px; background: url(../images/lefta.jpg) no-repeat 0 0; display:block; text-align:center}
.leftcplist .head p{ font-size:24px; color:#fff; line-height:30px; padding-top:32px}
.leftcplist .head span{ text-transform:uppercase;font-size:13px; line-height:25px; color:#fff; font-family:Arial, Helvetica, sans-serif}
/*.leftcplist .content{ background:#ecedec;}

.onepro{ width:255px; height:44px; border-bottom:1px dotted #bfbfbf; display:block; text-indent:20px; line-height:44px;font-size:15px; color:#000; margin:0 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.onepro:hover{ background:url(../images/onepro.jpg) no-repeat 0 0; color:#000; line-height:44px;}

.twopro{ width:255px; height:32px; border-bottom:1px dotted #cfcfcf;line-height:32px; text-indent:20px; display: block;font-size:14px; color:#333; background: url(../images/icon.png) 12px center no-repeat; margin:0 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}*/
.leftcplist .content{width:255px; margin:0 auto; height:auto;padding-top:25px; padding-bottom:1px;}
.onepro{width:255px; height:44px; display:block;background:url(../images/left_dw.jpg) left top no-repeat; margin:0 auto; line-height:39px; text-indent:25px; color:#444444; font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.twopro{width:255px; height:32px; display:block; margin:0 auto; line-height:30px; text-indent:25px; color:#0051a3; font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}


.texts{ width:160px;height:110px; background:url(../images/dianhua.png) no-repeat 15px center #666; padding-left:95px}
.texts p{ font-size:12px; color:#fff; line-height:15px; padding-top:35px}
.texts span{ font-size:19px; color:#fff; line-height:25px;}


.rightframe{width:910px; height:auto;float:right;}
.maincont{width:910px; height:auto;}
.maincont .head{width:910px; height:51px; border-bottom:1px solid #dedddc}
.maincont .head p{ float:left; border-bottom:3px solid #0089e2; line-height:49px; font-size:20px; color:#0089e2; font-weight:bold}
.maincont .head span{ float:right;line-height:51px; font-size:14px; color:#666666}
.maincont .content{ margin-top:25px}

#telback{ background:url(../images/lxs.png) no-repeat 50px -30px; min-height:360px; padding:80px 0 0 450px; width:380px; font-size:15px; line-height:35px}
#telback b{font-size:16px; color:#00b8db; line-height:35px; font-weight:bold}

.proshow .prtitle{ line-height:30px; text-align:center; font-size:22px; padding:15px 0; font-family:"微软雅黑"; font-weight:bold}
.proshow .primgpic{ width:100%; height:auto; overflow-x:hidden; margin:0 auto; text-align:center}
.proshow .primgpic img{ /*max-width:90%;*/ width:500px; border:1px solid #ddd}
.proshow .prtent img{max-width:100%; margin-top:5px; margin-bottom:5px}
.proshow .prtent,.proshow .prtent p,.proshow .prtent span,.proshow .prtent li,.proshow .prtent div,.proshow .prtent td,.proshow .prtent th,.proshow .prtent dd{ font-size:15px; line-height:30px}
.proshow .next{ padding-top:10px;color:#666; border-top:1px dotted #cfcfcf;margin-top:10px}
.proshow .pos{ height:30px; line-height:30px; background:#dfdfdf;text-align:center; margin-bottom:35px; color:#888}
.proshow .pos a{line-height:30px;color:#888}


/*guestbook*/
.guestbook_show{  margin:20px auto 0;}
.guestbook_top{ height:40px; background:#eee; line-height:40px; padding:0 10px 0 17px;}
.guestbook_top .mustwrt{ display:block; float:right;} 
.guestbook_show em{ color:#f00; font-style:normal;}

.guestbook_form .inp_one{ width:380px;height:28px; line-height:28px;outline: none;border:1px solid #ccc;padding-left: 4px;}
.guestbook_form .inp_one:focus{border:1px solid #3671cf;}
.guestbook_form{ padding:20px 20px 0;}
.guestbook_form dl{ width:100%; overflow:hidden;line-height:28px; height:28px; padding:10px 0;}
.guestbook_form dt{ width:80px; float:left;}
.guestbook_form dd{ width:610px; float:left; }
.guestbook_form dd span{padding-left:20px}
.guestbook_form dd span i{ color:#F00; padding:0 5px; }
.guestbook_form dd span.quetion{ display:block;}
.guestbook_form .bookdl{ height:180px; overflow:hidden;line-height:20px; padding-bottom:0;}
.guestbook_form .button{width:150px;height:32px; background:#b8b8b8; border:none; margin-right:10px; color:#fff;cursor: pointer;}
.guestbook_form .button:hover{ background:#f1f1f1; color:#555;}
.guestbook_form .form_b{ width: 693px;margin:0 auto;padding:20px 0 0 0;text-align: center;}

.guestbook_title{ padding:20px 20px 0; color:#2a6cd4}
.guestbook_title strong{ color:#f00;}
.guestbook_title b{ padding:0 10px; font-weight:normal;}
.guestbook_cnt{ padding:5px 20px 20px;border-bottom: 1px dashed #ccc}
.guestbook_reply{ color:#f00; background:#f6f6f6; line-height:40px;}






.page{ width:100%;margin:10px auto; line-height:30px; text-align:right;}
.page span{ display:inline-block; padding:0 10px 0 0;}
.page a.num.select{ padding:3px 10px; color:#fff; background:#035bab}
.page a.num{padding:0 10px;}
.page a.num:hover{ padding:3px 10px; color:#fff; background:#035bab}

.proimg_bb{width:270px; height:310px; border:1px solid #cfcfcf; display:block;float:left;margin:15px;text-align:center; line-height:40px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.proimg_bb img{ width:270px; height:270px;}

.proimg_aa{width:268px; height:241px; border:1px solid #cfcfcf; display:block;float:left;margin:15px;text-align:center; line-height:40px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.proimg_aa img{ width:268px; height:201px;}


.blocka{ width:100%; height:auto; margin:0 auto; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #bdbdbd}
.blocka p a{ line-height:40px; font-size:16px; font-weight:bold;height:40px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.blocka .time{ line-height:30px; font-size:14px; color:#035bab}
.blocka span{ line-height:25px; font-size:13px; color:#555; width:100%; height:50px; display:block; overflow:hidden}


.vidbox{ width:900px; height:600px; overflow:hidden; position:relative; margin:0 auto;}