﻿@charset "utf-8";
html{overflow-y:scroll;} 

.bodybox{ width:100%; height:auto; overflow:hidden; min-width:1160px; max-width:1660px; overflow:hidden; margin:0 auto; background:#F3F3F3}

.topbg{ width:100%; background:#141414; height:50px;}
.topbg .box{ width:1100px; height:50px; margin:0 auto; overflow:hidden; position:relative}
.topbg .box p{ margin:0px; padding:0px; display:block;}
.topbg .box p.t1{position:absolute; left:0px; top:0px; color:#919191;line-height:50px}
.topbg .box p.t2{position:absolute; right:150px; top:0px;  height:50px; background:url(../Images/toptel.jpg) no-repeat; text-indent:82px; color:#D36D18; font-size:14px; line-height:50px; font-family:Arial, Helvetica, sans-serif}
.topbg .box p.t3{ position:absolute; right:0px;font-size:14px; line-height:50px; }


.header{ width:100%; height:100px;clear:both; background:#FFFFFF;  overflow: visible;position:relative; z-index:100}
.header .box{ width:1100px; height:100px; margin:0 auto; clear:both; overflow: visible; position:relative;}
.header .box .logo{ position:absolute; left:0px; top:0px;}
.header .box .menu{ position:absolute; right:0px; top:0px;}
.header .box .menu ul{ margin:0px; padding:0px; list-style:none}
.header .box .menu ul li{ margin:0px; padding:0; width:100px; text-align:center; list-style:none; float:left; overflow:visible; cursor:pointer; font-size:14px; font-family:"Microsoft Yahei"; line-height:100px; position:relative}
.header .box .menu ul li.onfocus{ background:#005CA1; text-align:center}
.header .box .menu ul li.onfocus a{ color:#FFF}

.header .box .menu ul li.onfocus2{ background:#005CA1; text-align:center}
.header .box .menu ul li.onfocus2 a{ color:#FFF}


.header .box .menu ul li ul{ margin:0px; padding:0px; list-style:none; position:absolute; left:0px; top:100px; background:#005CA1; display:none}
.header .box .menu ul li ul li{margin:0px; padding:0px; list-style:none; height:35px; line-height:35px; border-bottom:1px solid #FFF;}
.header .box .menu ul li ul li a{ color:#FFF}

.menubg{ width:100%; height:53px; background:#EBEBEB; clear:both; position:relative; z-index:10}
.menubg .box{ width:1200px; height:53px; margin:0 auto; clear:both; overflow:hidden; }
.menubg .box .list{ float:left; margin:0px; padding:0px;}
.menubg .box .list  ul{ margin:0px; padding:0px; list-style:none;}
.menubg .box .list  ul li{ margin:0; padding:0px; list-style:none;  width:123px; height:53px; float:left; line-height:53px; font-size:14px; font-family:"Microsoft Yahei"; text-align:center; background:url(../Images/mline.jpg) 34px 37px no-repeat;}
.menubg .box .list  ul li.onfocus{ background: url(../Images/mline2.jpg)  34px 37px no-repeat #038DB4; color:#FFF}
.menubg .box .list  ul li.onfocus a{ color:#FFF}
.menubg .box .telbox{ float:right; background:#E4E4E6; width:118px; height:353px; overflow:hidden; text-align:center}




#index_Banner
{width:100%; height:499px; overflow:hidden; position:relative;    z-index:1;}
#index_Banner .list
{width:100%; height:499px; overflow:hidden; position:absolute; left:0px; top:0px; z-index:1;  }
#index_Banner ul
{margin:0px; padding:0px; list-style:none; position: absolute; left:0px; top:0px}
#index_Banner .list ul li
{width:100%; height:499px; overflow:hidden; position:relative; float:left; }
#index_Banner .list img
{}

#index_Banner .Thumb{ position:absolute; left:50%;bottom:20px; z-index:100;}
#index_Banner .Thumb ul{ margin:0px; padding:0px; list-style:none;}
#index_Banner .Thumb ul li{ margin:0 5px 0 0; padding:0px; list-style:none; width:37px; height:5px; background:#FFFFFF; float:left}
#index_Banner .Thumb ul li.onfocus{  background:#FF8F43;}

#index_Banner .leftarr{ width:27px; height:60px; background:url(../Images/leftarr.png)  no-repeat; cursor:pointer; position:absolute; left:100px; top:50%; margin-top:-50px; z-index:2}
#index_Banner .rightarr{width:27px; height:60px; background:url(../Images/rightarr.png) no-repeat; cursor:pointer;position:absolute; right:100px; top:50%; margin-top:-50px; z-index:2}


#er_Banner
{width:100%; height:299px; overflow:hidden; position:relative; margin:0px auto; }
#er_Banner .list
{width:100; height:299px; overflow:hidden; position:relative; z-index:1; }
#er_Banner ul
{margin:0px; padding:0px; list-style:none; position: absolute; left:0px; top:0px}
#er_Banner .list ul li
{width:100%; height:299px; overflow:hidden; position:relative; float:left}
#er_Banner .list img
{ }
#er_Banner .Thumb{ position:absolute; left:50%;bottom:20px; z-index:100;}
#er_Banner .Thumb ul{ margin:0px; padding:0px; list-style:none;}
#er_Banner .Thumb ul li{ margin:0px; padding:0px; list-style:none; width:37px; height:5px; background:#FFFFFF; float:left}
#er_Banner .Thumb ul li.onfocus{  background:#FF8F43;}


.hometop{ width:100%; height:400px; background:#FFF; } 
.hometop .centerbox{ width:1100px; height:auto; overflow:hidden; margin:0 auto; clear:both;padding-top:53px;}
.hometop .centerbox .tit{ width:100%; height:33px; line-height:33px; text-align:center; font-size:16px; color:#333333; font-size:30px; font-family:"Microsoft Yahei"}
.hometop .centerbox .wordbox{ width:1100px; height:auto; overflow:hidden; margin:0 auto; clear:both; margin-top:43px;}
.hometop .centerbox .wordbox .pic{ float:left}
.hometop .centerbox .wordbox .word{ float:left; width:700px; height:204px; overflow:hidden; margin-left:24px; font-size:14px; font-family:"Microsoft Yahei"; line-height:200%;}


.homeproduct{ width:100%; height:170px; background:#141414;}
.homeproduct .box{ width:1100px; height:170px; margin:0 auto;  overflow:hidden; position:relative}
.homeproduct .box .tit{ position:absolute; overflow:hidden; left:0px; top:45px;}
.homeproduct .box .tit h5{ margin:0px; padding:0px; font-size:30px; color:#FFF}
.homeproduct .box .tit h6{ margin:20px 0 0 0; padding:0px; font-size:12px; font-weight:normal; font-family:"Microsoft Yahei"; color:#A7A7A7;}
.homeproduct .box .list{ position:absolute; right:0px; top:0px;}
.homeproduct .box .list ul{ margin:0px; padding:0px; list-style:none}
.homeproduct .box .list ul li{ margin:0px; padding:0px; list-style:none; width:170px; height:170px; margin-left:2px; position:relative; overflow:hidden; background:#333333; float:left}
.homeproduct .box .list ul li h5{ margin:0px; padding:0px;}
.homeproduct .box .list ul li h5.t1{ margin:0; padding:0px; width:100%; font-size:12px; text-align:center; margin-top:30px; color:#5C5C5C; font-family:Arial, Helvetica, sans-serif}
.homeproduct .box .list ul li h5.t2{ width:100%; height:21px; line-height:21px; margin-top:20px; color:#FFF; text-align:center;}
.homeproduct .box .list ul li h5.t3{ width:100%; height:auto; line-height:21px; margin-top:10px; color:#AEAEAE; text-align:center; font-weight:normal; height:52px;}
.homeproduct .box .list ul li h5.t4{ margin:0 auto; width:23px; height:1px; background:#5C5C5C;}
.homeproduct .box .list ul li:hover{ background:#212020;} 

.homeplist{ width:100%; height:430px; background:#F3F3F3; overflow:hidden;}
.homeplist .box{ width:1100px; height:430px; margin:0 auto; clear:both; overflow:hidden; position:relative}
.homeplist .box .list{ width:1200px; height:430px; overflow:hidden; position:absolute; left:0px; top:0px}
.homeplist .box .list ul{ margin:0px; padding:0px; list-style:none; position:absolute; left:0px; top:0px;}
.homeplist .box .list ul li{ margin:41px 6px 0 0; padding:0px; list-style:none; width:271px; height:346px; background:#E2E2E2; float:left}
.homeplist .box .list ul li img{ width:271px; height:277px; overflow:hidden;}
.homeplist .box .list ul li h5{ margin:0px; padding:0px; width:100%; height:69px; line-height:69px; overflow:hidden; font-size:14px; font-family:"Microsoft Yahei"; font-weight:normal;}

.homeplist .box .list ul li:hover h5{ color:#E87717;}


.homefoot{ width:100%; height:365px; background:#FFF; margin:0 auto; clear:both; overflow:hidden;}
.homefoot .box{ width:1100px; height:365px; margin:0 auto; clear:both; overflow:hidden; position:relative}
.homefoot .box .tit{ position:absolute; width:675px; height:34px; left:0px; top:44px; overflow:hidden;}
.homefoot .box .tit h5{ margin:0px; padding:0px; list-style:none; position:absolute; left:0px; top:0px; height:34px; line-height:34px; font-size:30px;font-family:"Microsoft Yahei"; font-weight:normal; }
.homefoot .box .tit h6{margin:0px; padding:0px; list-style:none; position:absolute; right:0px; top:0px; height:34px; line-height:34px; font-weight:normal; font-size:14px}
.homefoot .box .listbox{ position:absolute; left:0px; top:109px; width:675px; height:183px; overflow:hidden;} 
.homefoot .box .listbox .list{width:675px; height:183px; overflow:hidden; position:absolute; left:0px; top:0; z-index:1}
.homefoot .box .listbox .list ul{ margin:0px; padding:0px; list-style:none; position:absolute}
.homefoot .box .listbox .list ul li{ margin:0px; padding:0px; list-style:none;width:675px; left:0px; float:left; height:183px; position:relative}
.homefoot .box .listbox .list ul li img{ width:329px; height:183px; position:absolute; left:0px; top:0px;}
.homefoot .box .listbox .list ul li h5{ margin:0px; padding:0px;font-family:"Microsoft Yahei";position:absolute; font-size:14px; font-weight:normal;}
.homefoot .box .listbox .list ul li h5.t1{ margin:0px; padding:0px; display:block; width:317px; height:30px; font-size:14px; font-family:"Microsoft Yahei"; font-weight:normal; color:#000; left:351px; top:0px; }
.homefoot .box .listbox .list ul li h5.t2{ left:351px; top:40px; color:#999999; }
.homefoot .box .listbox .list ul li h5.t3{ width:317px; height:78px; line-height:26px; left:351px; top:66px; color:#676767; overflow:hidden;}
.homefoot .box .listbox .Thumb{ position:absolute; left:351px; top:160px; z-index:10}
.homefoot .box .listbox .Thumb ul{ margin:0px; padding:0px; list-style:none}
.homefoot .box .listbox .Thumb ul li{ margin:0px; padding:0px; list-style:none; width:18px; height:13px; background:url(../Images/dot1.jpg) no-repeat; float:left}
.homefoot .box .listbox .Thumb ul li.onfocus{ background:url(../Images/dot2.jpg) no-repeat}


.homefoot .box .tit2{ position:absolute; width:367px; height:34px; right:0px; top:44px; overflow:hidden;}
.homefoot .box .tit2 h5{ margin:0px; padding:0px; list-style:none; position:absolute; left:0px; top:0px; height:34px; line-height:34px; font-size:30px;font-family:"Microsoft Yahei"; font-weight:normal; }
.homefoot .box .tit2 h6{margin:0px; padding:0px; list-style:none; position:absolute; right:0px; top:0px; height:34px; line-height:34px; font-weight:normal; font-size:14px}

.homefoot .box .support{ position:absolute; left:733px; top:109px; width:360px; height:auto; overflow:hidden;}
.homefoot .box .support ul{ margin:0px; padding:0px; list-style:none}
.homefoot .box .support ul li{ margin:0px 0 16px 0; padding:0px; list-style:none; width:360px; height:92px; background:url(../Images/dot3.jpg) 0 0 no-repeat; position:relative}
.homefoot .box .support ul li h5{ margin:0px; padding:0px; display:block; width:336px; height:24px; left:31px; top:0px; font-size:14px; font-family:"Microsoft Yahei"; font-weight:normal; position:absolute; overflow:hidden;}
.homefoot .box .support ul li h6{ margin:0px; padding:0px; display:block; left:31px; top:24px; position:absolute; width:332px; height:66px; line-height:22px; overflow:hidden; font-size:12px; font-weight:normal; color:#666666;}


.footaddress{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both; background:#141414; padding:10px 0; padding-top:25px}
.footaddress .cbox{ width:1100px; height:202px;; overflow:hidden; margin:0 auto; clear:both; }
.footaddress .cbox .box1{ float:left; width:176px; height:auto; overflow:hidden;}
.footaddress .cbox .box2{float:left; width:157px; height:auto; margin-left:115px; overflow:hidden;}
.footaddress .cbox .box3{float:left; width:504px;height:auto; margin-left:140px; overflow:hidden;}

.footaddress .cbox .title{ width:100%; height:35px; font-size:12px; color:#FFF; font-weight:bold;}
.footaddress .cbox .box{ margin-top:17px; line-height:200%; color:#A8A8A8;}
.footaddress .cbox .box a:link{color:#A8A8A8;}
.footaddress .cbox .box a:visited{color:#A8A8A8;}
.footaddress .cbox .box a:hover{color:#FFFFFF;}
.footaddress .cbox .box a:actived{color:#FFFFFF;}


.footnav{ width:100%; height:auto; background:#E1E1E1; border-top:1px solid #BCBCBC;}
.footnav .box{ width:1200px; height:auto; overflow:hidden; margin:0 auto; clear:both; padding:20px 0;}
.footnav .box .one{ width:96px; height:auto; overflow:hidden; float:left; margin-right:81px;}
.footnav .box .one ul{ margin:0px; padding:0px; list-style:none}
.footnav .box .one ul li{ margin:0px; padding:0px; list-style:none;width:96px; height:26px;  line-height:26px; text-indent:25px;}
.footnav .box .one ul li.tit{ width:96px; height:26px; background:url(../Images/ftit.jpg) no-repeat; line-height:26px; text-indent:25px; font-weight:bold;}
.footnav .box .raddress{ float:right; width:230px; height:144px; background:url(../Images/raddress.jpg) no-repeat; overflow:hidden; line-height:25px; padding-left:31px; font-family:"Microsoft Yahei"}



.linkbox{ width:1271px; height:67px;; margin:0 auto; clear:both; overflow:hidden; position:relative}
.linkbox .leftarr{ width:21px; height:67px; position:absolute; left:0px; top:0px; background:url(../Images/leftarr.jpg) no-repeat}
.linkbox .rightarr{width:21px; height:67px; position:absolute; right:0px; top:0px; background:url(../Images/rightarr.jpg) no-repeat;}
.linkbox .list{ width:1215px; height:67px; position:absolute; left:31px; top:5px;}
.linkbox .list ul{ margin:0px; padding:0px; list-style:none}
.linkbox .list ul li{ margin:0px; padding:0px; list-style:none; float:left; width:178px; height:67px; float:left}



.footbox{ width:100%; height:auto; overflow:hidden;  font-size:14px}
.footbox .box{ width:1100px; height:auto; margin:0 auto; clear:both; overflow:hidden; padding:20px 0; text-align:center}




.erlocation{ width:100%; height:auto; overflow:hidden; clear:both}
.erlocation .box{ width:1200px; height:50px; margin:0 auto; clear:both; border-bottom:1px solid #EBEBEB; text-align:right; line-height:50px;}


.ernav{ width:100%; height:121px; background:#F3F3F3; overflow:hidden; position:relative}
.ernav .box{ width:1100px; height:121px; margin:0 auto; overflow:hidden;}
.ernav .box h5{ margin:0px; padding:0px; font-size:36px; line-height:121px; color:#000; font-family:"Microsoft Yhaei"; float:left}
.ernavlist{ height:auto; overflow:hidden; width:100%; position:relative; background:url(../Images/erbg.jpg) left bottom repeat-x; margin-top:-100px;}
.ernavlist .box{ width:1100px; height:135px; overflow:hidden; margin:0 auto; clear:both; position:relative;}
.ernavlist .box ul{ margin:0px; padding:0px; list-style:none;}
.ernavlist .box ul li{ margin:0px; padding:0px; list-style:none; width:172px; height:auto; background: url(../Images/tab2.jpg) no-repeat; line-height:52px; text-align:center; font-size:14px; float:right; margin-left:1px; overflow:visible; }
.ernavlist .box ul li.onfocus{ background: url(../Images/tab1.jpg) no-repeat;;}
.ernavlist .box ul li a{ color:#FFF;}
.ernavlist .box ul li ul{ margin:0px; padding:0px; list-style:none;width:1100px; position:absolute; left:0px; top:82px; display:none }
.ernavlist .box ul li ul li{ margin:0px; padding:0px; list-style:none; float:left; height:55px; line-height:55px; width:131px; text-align:center; background:none}
.ernavlist .box ul li ul li a{ color:#000}
.ernavlist .box ul li.onfocus ul{ display:block}
.ernavlist .box ul li ul li.onfocus a{ color:#FFF}


#mainbox{ width:1100px; height:auto; overflow:hidden; margin:0 auto; clear:both;  min-height:300px;}

#mainbox .navtitle{ width:1200px; height:47px; border-bottom:1px solid #E5E5E5; position:relative; margin-bottom:26px;}
#mainbox .navtitle h5{ margin:0px; padding:0px; display: block; position:absolute; height:45px; line-height:45px; font-size:20px; color:#000}
#mainbox .navtitle h5 span{ font-size:14px; font-family:Arial, Helvetica, sans-serif;}

#mainbox .navtitle h6{ margin:0px; padding:0px; display:block; position:absolute; height:45px; line-height:45px; right:0px; top:0px; font-size:12px; font-weight:normal;}

#mainbox .leftbox{ width:220px; height:auto; float:left; overflow:visible; position:relative; z-index:10}
#mainbox .leftbox .tit{ width:220px;height:108px; overflow:hidden; background:#038DB4;  margin:0;  font-size:14px; font-weight:bold; color:#FFF; position:relative}
#mainbox .leftbox .tit h5{ margin:0px; padding:0px; width:98px; height:45px; line-height:45px; font-size:20px; color:#FFF; border-bottom:1px solid #97A1A3; position:absolute;  left:19px; top:11px;}
#mainbox .leftbox .tit h6{ margin:0px; padding:0px; position:absolute; left:19px; top:68px; font-size:16px; font-family:Arial, Helvetica, sans-serif;}


#mainbox .leftbox .navlist{ width:220px; height:auto; overflow:hidden;  background:#FFFFFF; padding-bottom:50px; border-bottom:63px solid #038DB4; }
#mainbox .leftbox .navlist ul{ margin:0px; padding:0px; list-style:none}
#mainbox .leftbox .navlist ul li{ margin:0px; padding:0px; list-style:none; width:220px; height:auto; line-height:40px;text-indent:40px;overflow:hidden; font-size:14px; overflow:hidden; background:url(../Images/tab2.jpg) no-repeat; border-bottom:1px solid #E5E5E5;}
#mainbox .leftbox .navlist ul li ul { display:none}
#mainbox .leftbox .navlist ul li ul li{ font-size:12px;text-indent:45px;}
#mainbox .leftbox .navlist ul li.onfocus{  background:#E5E5E5;}
#mainbox .leftbox .navlist ul li.onfocus a{ color:#000;}

#mainbox .leftbox .navlist ul li.onfocus ul{ display:block}
#mainbox .leftbox .navlist ul li ul li.onfocus{ background:#15718A;}
#mainbox .leftbox .navlist ul li ul li.onfocus a{ color:#FFF}


#mainbox .rightbox{ width:925px; height:auto; float:right; overflow:hidden; position:relative; z-index:1 }
#mainbox .rightbox .titnav{ width:952px; height:46px; background:url(../Images/rnav.jpg) no-repeat; position:relative; }
#mainbox .rightbox .titnav h5{ margin:0px; padding:0px; display:block; position:absolute; left:50px; top:0; font-size:14px; color:#010101;height:46px; line-height:46px;}
#mainbox .rightbox .titnav h6{ margin:0px; padding:0px; display:block; background: url(../Images/house.jpg) 0 0 no-repeat; text-indent:20px; height:25px; line-height:25px; font-weight:normal; position:absolute; right:10px; top:18px;}

.box2{ width:1100px; height:auto; min-height:500px; overflow:hidden; padding-bottom:15px;}




.productlist{ width:1200px; height:auto; overflow:hidden;}
.productlist ul{ margin:0px; padding:0px; list-style:none}
.productlist ul li{ margin:41px 6px 0 0; padding:0px; list-style:none; width:271px; height:346px; background:#E2E2E2; float:left}
.productlist ul li img{ width:271px; height:277px; overflow:hidden;}
.productlist ul li h5{ margin:0px; padding:0px; width:100%; height:69px; line-height:69px; overflow:hidden; font-size:14px; font-family:"Microsoft Yahei"; font-weight:normal;}
.productlist ul li:hover h5{ color:#E87717;}

.supportlist{ width:1100px; height:auto; overflow:hidden;}
.supportlist ul{ margin:0px; padding:0px; list-style:none}
.supportlist ul li{ margin:0px; padding:0px; list-style:none; border-bottom:1px dashed #C2C2C2; width:1100px; height:138px; position:relative}
.supportlist ul li h5{ margin:0px; padding:0px; display:block; width:1100px; height:24px; line-height:24px; background:url(../Images/ask.jpg) no-repeat; text-indent:29px; overflow:hidden; position:absolute; left:0px; top:21px;}
.supportlist ul li p{ margin:0px; padding:0px; width:1000px; position: absolute; left:29px; top:45px; height:75px; line-height:25px; overflow:hidden;}
.supportlist ul li .more{ position:absolute; right:0px; top:45px;}


.newslist{ width:1100px; height:auto; overflow:hidden;}
.newslist ul{ margin:0px; padding:0px; list-style:none}
.newslist ul li{ margin:0px; padding:0px; list-style:none; border-bottom:1px dashed #C2C2C2; width:1100px; height:210px; position:relative}
.newslist ul li img{ position:absolute; left:0px; top:32px; width:250px; height:142px; overflow:hidden;}
.newslist ul li h5{ margin:0px; padding:0px; display:block; width:827px; height:26px; line-height:26px;overflow:hidden; position:absolute; left:273px; top:32px; font-size:18px}
.newslist ul li h6{ margin:0px; padding:0px; display:block; width:827px; height:26px; line-height:26px;overflow:hidden; position:absolute; left:273px; top:68px; font-size:14px; color:#999999;}

.newslist ul li p{ margin:0px; padding:0px; width:827px; position: absolute; left:273px; top:95px; height:75px; line-height:25px; overflow:hidden;}
.newslist ul li .more{ position:absolute; right:0px; top:45px;}



.formbox{ width:600px; height:auto; overflow:hidden; margin:0 auto;}
.formbox ul{ margin:0px; padding:0px; list-style:none;}
.formbox ul li{ margin:0px; padding:0px; list-style:none; width:600px; height:60px; position:relative; }
.formbox ul li h5{ margin:0px; padding:0px; display:block; width:78px; height:59px; line-height:50px;font-size:16px; font-weight:bold; float:left}
.formbox ul li input{ width:498px; height:40px; border:1px solid #999999; float:left}
.formbox ul li textarea{ width:498px; height:170px; border:1px solid #999999; float:left}
.formbox ul li .btn{ width:498px; height:40px; border:1px solid #EE7001; float:left; margin-top:20px; background:#EE7001; color:#FFF; font-size:16px}
