/* CSS Document */
/*---------- import ---------*/
@import url("page.css");
@import url("layout.css");


@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;list-style:none}
img,a img{border:0px;vertical-align:bottom}
body{font:12px/0px  "Microsoft YaHei";color:#333; background:#fff }
a:link{color:#737373;text-decoration:none}
a:visited{color:#737373;text-decoration:none}
a:hover{color:#ff0000;text-decoration:none}
a:active{color:#737373;text-decoration:none}
span.more a,span.more a:visited{float:right;display:block;height:30px;padding-right:10px;margin-top:-33px;color:#737373;line-height:30px;font-weight:bold;font-family:arial;font-size:12px}
span.more a:hover{color:#737373}

.clear{clear:both;}
.left_bg{ height:10px; width:254px; overflow: hidden; }


.Amsg{width:1200px;margin:0 auto;overflow:hidden;}
.LMsg{float:left;width:240px;display:inline;}
.RMsg{float:right;width:930px;overflow:hidden; padding-bottom:10px;}
.RAMsg{float:right;width:930px;overflow:hidden;}
.LHsg{float:left;width:240px;overflow:hidden;}

.header{ width:100%; height:170px; z-index:99999; background:#fff; }
.top_tit{ float:left;width:100%; height:40px;border-bottom:1px solid #e5e5e5;}
.top_tit .welcome{float:left;height:40px; line-height:40px; font-size:14px; color:#737373;}
.top_tit .cn_en{float:right;height:20px; margin-top:12px;}
.top_tit .Amsg{overflow: visible;}

.top_tit .top_wx{float: right; margin-right: 14px; position: relative;}
.top_tit .top_wx a{display: inline-block; *display: inline; *zoom: 1; padding-top: 10px;}
.top_tit .top_wx a img{height: 18px; vertical-align: middle;}
.top_wxct{width: 130px; height: 130px; background: #fff; border: 1px solid #ddd; position: absolute; left: 50%; top: 36px; margin-left: -66px; transition: all .4s; opacity: 0; visibility: hidden;}
.top_wxct img{width: 130px; height: 130px;}
.top_wxct:before{display: block; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #ddd; position: absolute; left: 50%; top: -6px; margin-left: -5px;}
.top_wxct:after{display: block; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #fff; position: absolute; left: 50%; top: -5px; margin-left: -4px;}
.top_tit .top_wx:hover  .top_wxct{opacity: 1; visibility: visible;}

.logo{float:left;width:450px;height:90px; margin-top:10px;overflow:hidden;}
.top_r_tel{float:right; width:225px; height:50px; margin-top:40px; overflow:hidden;}

.search{overflow:hidden;float:left; font-size:12px;height:40px; margin-left:180px; margin-top:50px; display:inline;overflow:hidden;}
.search-keyword {float:left; width:230px; height:36px; color:#999; line-height:20px;padding-left:5px; font-size:12px; border:none;border:1px solid #d2d2d2;border-radius:5px 0 0 5px;}
.search-option {float:left;height:40px;}


.navbg{width:100%; float:left; background:#1a64ce; height:50px;}
.nav{margin:0 auto;width:1200px;position:relative;z-index:99999;}
.tab{float:left;cursor:pointer;text-transform:uppercase;}
.tab .tablink{position:relative;padding:0 45px; line-height:50px;display:block;height:50px;color:#fff;font-size:16px;z-index:99;float:left;}
.tab .tablink a{line-height:50px;text-decoration:none; color:#fff; }
.tab:hover{ background:#ec1a29;}
.tab:hover .tablink{color:#fff;text-decoration:none}
.tab:hover .tablink a{color:#fff; }
.dropdown:hover .arwlink{height:50px;color:#fff}
.dropdown ul{display:none;}
.dropdown:hover ul{position:absolute;display:block;margin-left:-1px;top:50px;left:1px;z-index:9; padding-bottom:3px;}

.subnav{width:1200px;float:left; height:220px; overflow:hidden;transition:all 0.3s;}

.top_menu{float:left;width:420px;  height:220px; overflow:hidden; background:#fff;transition:all 0.3s;}
.top_menu ol{float:left; margin:20px; width:115px; height:180px; border-right:1px dotted #999;}
.top_menu ol li{float:left; line-height:30px;width:110px; font-size:14px;}
.top_menu img{float:right; margin-top:23px; margin-right:20px;}

.top_pro_menu{float:left;width:470px; height:220px; overflow:hidden; background:#fff;transition:all 0.3s;}
.top_pro_menu ol{float:left; margin:20px; width:160px; height:180px; border-right:1px dotted #999;}
.top_pro_menu ol li{float:left; line-height:30px;width:145px; font-size:14px;}
.top_pro_menu img{float:right; margin-top:23px; margin-right:20px;}



.pro_menu{overflow:hidden; padding:30px 10px;}
.pro_menu ol{float:left;width:1200px;}
.pro_menu li{float:left; width:120px; line-height:35px; text-align:center; margin-left:10px;}
.pro_menu li img{float:left; width:100px; padding:9px; border:1px solid #f2f2f2;}
.pro_menu li h2{float:left; width:120px; font-size:12px; text-align:center; font-weight:normal; line-height:35px;}
.pro_menu li img:hover{float:left; width:100px; padding:9px; border:1px solid #ff0000;}
.pro_menu li a:hover h2{color:#ff0000;}




/*slider*/
.fullSlide {width:100%;position:relative;height:480px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:480px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:480px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:5px;margin:1px;overflow:hidden;background:#fab625;filter:alpha(opacity=90);opacity:0.9;line-height:999px;}
.fullSlide .hd ul .on {background:#0251a5;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}


/*banner*/




.banner{margin:0 auto;width:100%;position:relative;height:350px;overflow:hidden; background:#fff;}
.banner .bd ul {width:100% !important;}
.banner .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd li {width:100% !important;height:350px;overflow:hidden;text-align:center;}
.banner .bd li a {display:block;height:350px;}



.home_productbg{ float:left; width:100%;height:580px; overflow:hidden; padding-top:20px; background:#f2f2f2;}
.home_product{ margin:0 auto;width:1200px; overflow:hidden; }
.home_product ol{float:left; width:1200px; margin-top:30px; color:#404040;  font-size:28px; font-weight:700; text-align:center; line-height:40px;text-transform:uppercase; background:url(../images/pro_tit_bg.png) no-repeat center }
.home_product_title {height: 45px; margin-top:35px; width:1200px; float:left;  font-size:14px; }
.home_product_title ul li a{cursor: pointer; float: left; height:40px;line-height: 40px; margin-right:1px;text-transform:uppercase; width:299px; text-align:center;color:#fff; background:#1a64ce;}
.home_product_title ul li a:hover{color: #fff; font-weight: normal; background:#ec1a29; text-transform:uppercase;}


.rollBoxbox{ margin:0 auto;width:1200px; overflow:hidden;}
.rollBox{ float:left;width:1200px;overflow:hidden; display:inline; }
.rollBox .Cont{width:1200px;overflow:hidden;float:left; margin:20px 0;  display:inline}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:222px; height:260px;float:left;text-align:center; margin-right:22px;}
.rollBox .Cont .pic img{ width:220px; height:220px; border:1px solid #dcdcdc;}
.rollBox .Cont .pic a img{width:220px; height:220px;}
.rollBox .Cont .pic a img:hover{width:220px; height:220px;}
.rollBox .Cont .pic span{line-height:45px;height:45px;color:#737373; font-size:14px;}
.rollBox .Cont .pic:hover span{line-height:45px;height:45px;color:#ec1a29; font-size:14px;}
.rollBox .Cont .pic:hover{width:222px; height:260px;float:left;text-align:center; transition:all 0.5s;}
.rollBox #List1,.rollBox #List2{float:left;}

.rollBox_more a{float:left; width:200px; height:42px; line-height:42px;background:#ec1a29; font-size:16px; margin-top:20px; text-align:center; color:#fff; margin-left:500px;}



.newsbg{ float:left; width:100%; background:#fff;}

.m2yw_tab{height:45px; margin-top:20px; width:1200px; margin:0 auto; }
.m2yw_tab_title{float:left; width:1200px; margin-top:30px; color:#404040;  font-size:28px; font-weight:700; text-align:center; line-height:40px;text-transform:uppercase; background:url(../images/pro_tit_bg.png) no-repeat center}


#tablist2{width:1200px; margin:0 auto; }
.m2yw_tab ul{  margin:0 auto; width:440px;  margin-top:30px;}
.m2yw_tab ul li{ cursor: pointer; float: left; height:34px; line-height:34px; font-size:16px; text-align: center; width:139px;color:#737373; background:#f5f5f5; margin-right:5px; border:1px solid #dcdcdc;transition:all 0.5s;}
.m2yw_tab ul .m2yw_cutli {color: #fff; border:1px solid #1a64ce; background:#1a64ce; transition:all 0.5s;}
.m2yw_pic { float:left;height:420px; margin-top:30px; width:1200px; overflow:hidden; }
.m2yw_btnl {cursor: pointer; float: left; height:250px; margin-right:30px; padding-top:150px; width:28px; }
.m2yw_btnr { cursor: pointer; float: left; padding-top:150px; margin-left:20px; }
.m2yw_piclist {float: left; height:420px; overflow: hidden; position: relative; width:1200px;}
.m2yw_posul {left: 0; position: absolute; width:1240px;}
.m2yw_piclist ul li{float:left;width:380px;overflow:hidden; margin-top:10px; margin-right:27px; transition:all 0.5s;}
.m2yw_piclist ul li img{float:left;width:380px;height:252px;}
.m2yw_piclist ul li dl{float:left;width:358px; padding:10px; border:1px solid #dcdcdc; }
.m2yw_piclist ul li dl dt{float:left;width:358px;overflow:hidden;font-weight: normal;line-height:30px; height:30px;font-size:16px;color:#404040;}
.m2yw_piclist ul li dl dd{float:left;width:358px;overflow:hidden;font-weight: normal; line-height:20px; height:20px; font-size:14px;color:#dcdcdc;}
.m2yw_piclist ul li:hover dl{float:left;width:358px; background:#f6f6f6;}
.m2yw_piclist ul li dl p{float:left;width:358px;overflow:hidden;font-weight: normal;line-height:25px; font-size:14px;color:#7f7f7f;}




.applicationbg{ float:left; width:100%; background:#fff; padding-bottom:45px;}
.application{width:1200px; margin:0 auto; overflow:hidden;}
.application ol{float:left; width:1200px; margin-top:30px; color:#404040;  font-size:28px; font-weight:700; text-align:center; line-height:40px;text-transform:uppercase; background:url(../images/pro_tit_bg.png) no-repeat center}
.application h2{float:left; width:1200px; font-size:14px;margin-top:15px;overflow:hidden;line-height:26px; text-align:center; color:#737373; font-weight:normal;}
.application ul{ float:left;width:1204px; overflow:hidden; margin-top:35px;}
.application ul li{ float:left;width:198px; height:190px;overflow:hidden; margin-top:2px; margin-right:2px;transition:all 0.3s; }
.application ul li img{ float:left;width:198px; height:150px;overflow:hidden;}
.application ul li p{float:left;width:198px; height:40px; line-height:40px; font-size:16px;overflow:hidden; text-align:center;}
.application ul li:hover{ float:left;width:198px; height:190px;overflow:hidden; margin-top:0; margin-right:2px; transition:all 0.3s; }



.aboutbg{ float:left; width:100%; background:#1a64ce; padding-bottom:45px;}
.about{width:1200px; margin:0 auto; overflow:hidden;}
.about ol{float:left; width:1200px; margin-top:30px; color:#fff;font-size:28px; font-weight:700; text-align:center; line-height:40px;text-transform:uppercase; background:url(../images/about_tit_bg.png) no-repeat center}
.about h2{float:left; width:1200px; font-size:20px;overflow:hidden;line-height:26px; text-align:center; color:#ff0000; margin-top:20px;}
.about ul{float:left; width:1200px; color:#fff;}
.about ul p{float:left; width:1200px; font-size:14px;margin-top:15px;overflow:hidden;line-height:26px; text-align:center; color:#fff;}
.about ul li {float:left; width:180px; height:160px; line-height:35px; color:#fff; margin-left:15px; margin-top:20px; text-align:center; font-size:16px;transition:all 0.3s; }
.about ul li span{float:left; width:180px; line-height:35px; color:#fff; text-align:center; font-size:16px;transition:all 0.5s; }
.about ul li img{float:left;font-size:16px;transition:all 0.5s; background:#1a64ce; padding:5px;}
.about ul li:hover img{transition:all 0.5s;background:#ff0000; }
.about ul li:hover span{color:#ff0000;transition:all 0.5s;  }





.customerbg {float:left; width:100%; background:#f2f2f2; padding-bottom:20px;}
.customer{width:1200px; margin:0 auto; overflow:hidden;}
.customer ol{float:left; width:1200px; margin-top:30px; color:#404040;font-size:28px; font-weight:700; text-align:center; line-height:40px;text-transform:uppercase; background:url(../images/pro_tit_bg.png) no-repeat center}

.Clientbox{ width:1180px;margin:0px auto; padding:55px 0px;position:relative;}
.Clientlist{width:960px;margin:0px auto;overflow:hidden; position:relative;}
.Clientlist ul{width:9999px; position:relative; margin-top:50px;}
.Clientlist ul li{float:left;width:960px;overflow:hidden;}
.Clientlist ul li dl{width:960px; margin:auto;}
.Clientlist ul li dl dd{ float:left; width:180px; height:80px; border:1px solid #e6e6e6; display:inline; margin:0px 5px 10px;}
.Clientlist ul li dl dd img{ display:block;width:180px; height:80px;}
.Clientbox a.ClientPrev,.Clientbox a.Clientnext{display:block; position:absolute;width:37px; height:71px; top:48%; text-align:center; line-height:71px;}
.Clientbox a.ClientPrev{background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:0px -267px; left:0px;}
.Clientbox a.Clientnext{background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:-42px -267px; right:0px;}





.newsbg{ float:left; width:100%; background:#fff; padding:25px 0;}


.nTab {width:750px; float:left;height:280px; overflow:hidden;}
.nTab .TabTitle {float:left;width:750px; overflow:hidden; }
.nTab .TabTitle ul {float:left;width:750px; overflow:hidden;border-bottom:1px solid #d9d9d9; }
.nTab .TabTitle li {float: left;cursor:pointer; width:100px;text-align:center;height:38px;  color:#666; font-size:16px; line-height:35px; }
.nTab .TabTitle span { float:right; line-height:35px;  font-size:14px; }

.nTab .TabTitle .active {width:100px;  height:38px; color:#1a64ce; border-bottom:2px solid #1a64ce;}
.nTab .TabTitle .normal { }

.nTab .TabContent {float:rgiht;width:960px;overflow:hidden;}


.home_news ul li{float:left;width:750px;overflow:hidden; margin-top:20px; transition:all 0.5s;}
.home_news ul li img{float:left;width:140px;height:97px; margin-right:20px;}
.home_news ul li dl{float:left;width:580px; height:95px; border-bottom:1px solid #d9d9d9; transition:all 0.5s; overflow:hidden; }
.home_news ul li dl dt{float:left;width:580px;overflow:hidden;font-weight: normal;line-height:30px; height:30px;font-size:16px;color:#404040;}
.home_news ul li dl dd{float:left;width:580px;overflow:hidden;font-weight: normal; line-height:25px; height:55px; font-size:14px;color:#737373;}
.home_news ul li:hover dl{float:left;width:580px; border-bottom:1px solid #0052b7; transition:all 0.5s;}
.home_news ul li:hover dl dt{color:#0052b7;transition:all 0.5s;}



.faq{float:right;width:370px;overflow:hidden;}
.faq ol{ float:left;width:370px; height:45px; border-bottom:1px solid #d9d9d9;}
.faq ol h2{float:left;line-height:40px;font-size:16px;font-weight: normal; padding-left:15px;}
.faq ol span a{ float:right;line-height:40px;font-size:14px; }
.faq ul{float:left;width:370px;margin-top:25px; margin-bottom:10px;}
.faq dl{width:370px; float:left; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #dedede}
.faq dl dt a{width:330px; float:left; padding-left:40px; font-size:14px; color:#404040; line-height:26px; background:url(../images/w.jpg) 6px 4px no-repeat;}
.faq dl dd{width:330px; float:left; padding-left:40px; line-height:26px; color:#737373; background:url(../images/d.jpg) 6px 4px no-repeat;}
.faq dl dt:hover a{color:#ff0000;}







.buysome{width:100%;height:480px; background:url(../images/buysomebg.jpg) no-repeat top center; }
.buysome .con{width:820px; margin:0 auto; overflow:hidden; }
.buysome .con h2{ float:left;width:820px; line-height:35px;text-transform:uppercase; color:#fff; font-size:18px; text-align:center; margin-top:70px;  }
.buysome .con h3{float:left;width:820px; line-height:35px;text-transform:uppercase; color:#fff; font-size:24px; text-align:center; margin-top:30px;  }

/*rollBox*/





.cooperation{width:100%;height:400px; margin-top:30px; background:#e2e2e2;}
.cooperation .con{width:1002px; margin:0 auto; overflow:hidden;}
.cooperation .con ol{float:left; text-align:center;width:1200px;height:39px; margin-top:30px; line-height:39px; font-size:24px; color:#b48023;}
.cooperation .con ol span{ padding-left:10px; font-size:14px; color:#949494; font-family:Arial;}
.cooperation .con ul{float:left;width:1030px;overflow:hidden; }
.cooperation .con ul li{float:left;width:178px; height:108px;overflow:hidden; margin-top:30px; margin-right:28px; }
.cooperation .con ul li img{float:left;width:178px;height:108px;}
.cooperation .con ul li img:hover{float:left;width:178px;height:108px;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(Opacity=90);}





.contact{width:310px;  float:right;  overflow:hidden; margin-top:20px;}
.contact ol{width:310px; height:40px; border-bottom:1px solid #c4c4c4;}
.contact ol .text{float:left;line-height:40px;}
.contact ol .text h2{float:left;line-height:40px;font-size:18px;font-weight: normal; color:#b48023; padding-right:5px;}
.contact ol .text span{color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.contact ol .more a{ float:right;color:#999;line-height:30px; margin-top:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.contact ul{float:left;width:310px; overflow:hidden; margin-top:15px; line-height:30px;}



.left_contact{width:223px; float:left;margin-top:20px; border:1px solid #e9e9e9; margin-bottom:20px; }
.left_contact ul{width:223px; float:left; height:110px; overflow:hidden; background:#0071c1;}
.left_contact ol{width:203px; float:left; overflow:hidden; color:#666; line-height:27px; background:#f3f3f3; padding:10px;}
.left_contact ol h2{width:203px; float:left; overflow:hidden; color:#333; font-size:14px; line-height:30px;}








.honor{width:914px; height:326px;margin:0 auto;position:relative; margin-top:-15px; background:url(../images/honor_bg.jpg) no-repeat;}
.honor ol{width:914px; text-align:center; font-size:24px; color:#0059ab; padding-top:20px; line-height:30px; }
.honor ul{float:left;width:914px; margin-top:20px; margin-left:4px;}
.honor ul li{float:left;width:156px; height:247px;overflow:hidden; margin-left:20px; background:url(../images/honor_pro_bg.jpg) no-repeat}
.honor ul li img{float:left;width:144px;height:207px; padding:5px;}
.honor ul li a img{float:left;width:144px;height:207px;overflow: hidden; }
.honor ul li a img:hover{float:left;width:144px;height:207px;opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(Opacity=80); }
.honor ul li h2{ float:left;height:35px; margin-top:5px; overflow:hidden;font-weight: normal;font-family:"Microsoft YaHei"; text-align: center; font-size:12px;line-height:32px;width:156px;color:#5e5e5e;}





.serverbg{width:100%; float:left; height:380px; margin-top:15px; background:#00a8ef;}
.server{width:1002px; margin:0 auto; overflow:hidden;}
.server h2{width:1002px;line-height:44px; padding-top:10px; text-align:center; font-size:24px;color:#fff;font-weight: normal; }
.server h3{width:1002px;line-height:60px;text-align:center; font-size:58px;color:#53baf5;font-weight: 700; font-family: "Times New Roman", Times, serif }
.server .more{width:1002px; height:18px;text-align:center; margin-top:10px; }
.server ul{width:1002px; float:left;overflow:hidden; margin-top:30px;}
.server ul li{width:220px; height:185px; float:left;overflow:hidden; padding-left:24px; font-size:16px;}
.server ul li img{width:220px; height:146px; float:left;}
.server ul li p{width:220px; height:30px; line-height:30px; text-align:center;}

.process{width:1002px; margin:0 auto; overflow:hidden;}
.process h2{width:1002px;line-height:44px; padding-top:20px; text-align:center; font-size:24px;color:#5b85e5;font-weight: normal; }
.process h3{width:1002px;line-height:30px;text-align:center; font-size:14px;color:#666;font-weight: normal; background:url(../images/gaohong_33.jpg) no-repeat center }
.process ul{width:1002px; float:left; height:180px;overflow:hidden; background:url(../images/gaohong_33-38.jpg) no-repeat center}



.committed{float:left;width:100%; height:647px; background: url(../images/gaohong_41.jpg) no-repeat center;}





/*customer*/



.video{padding:20px; float:right; margin-top:20px; background:#fff; width:330px; overflow: hidden;}
.video ol{ float:left;width:330px; line-height:35px; border-bottom:1px solid #cccccc;}
.video ol .text{float:left; line-height:35px; font-size:16px;color:#00a8ef;font-weight:700; }
.video ol .text span{line-height:35px; font-size:14px;color:#00a8ef;font-weight: normal; font-family:Arial;}
.video ol .more a{float:right;line-height:35px; color:#00a8ef; padding-right:10px;}
.video ul{ float:left;width:330px; overflow:hidden; padding:32px 0 40px 10px;}




.location{width:1200px; float:left;overflow:hidden;margin-top:20px;height:35px; line-height:35px; color:#333; font-size:14px;}


.site{width:1200px;margin:0 auto; overflow:hidden;margin-top:10px;height:51px;font-size:14px;  border-bottom:1px solid #fab625;}
.site_type{ float:left; line-height:41px; font-size:26px; color:#737373; font-weight:normal;}
.site_link{ float:right; line-height:41px; margin-top:5px; font-size:14px; color:#737373; font-weight: normal;}
.site_link a{ color:#737373; }
.site_link a:hover{color:#ff0000; text-decoration:none; }

.subcontent{float:left;width:910px;overflow:hidden; line-height:28px; margin:20px 0; min-height:450px; padding:9px; border:1px solid #eaeaea;font-size:14px;}




.pronav {text-align: center;padding-top: 30px;}
.pronav li{padding:0 25px;height:32px;margin: 0 7px;cursor: pointer;color: #0068b7;line-height:32px;display: inline-block;border: 1px solid #0068b7; font-size:16px;border-radius:35px;}
.pronav li:hover {color: white;background: #0068b7;transition: all 0.5s ease 0s;}
.pronav .click {color: white;background: #0068b7;transition: all 0.5s ease 0s;}


.aboutcontact{ float:left;width:1200px;padding-top:20px;font-size:16px; line-height:35px; color:#737373; margin-bottom:40px;}




.categories{width:240px; float:left;margin-top:20px; }
.categories ul{width:240px; float:left; height:45px; overflow:hidden; background:#1a64ce; border-top:2px solid #ec1a29;}
.categories ul .text{float:left;width:225px;line-height:45px;font-size:18px; padding-left:15px; font-weight: normal; color:#fff;}
.categories ol{width:238px; float:left; overflow:hidden; border:1px solid #e9e9e9; border-top:none; padding-bottom:10px;}
.categories ol li{width:228px; margin:0 5px;float:left; height:40px;line-height:40px;font-size:14px;font-weight:normal; border-bottom:1px  dotted #c0c0c0; }
.categories ol li a{width:225px;float:left;color:#333;line-height:40px; padding-left:5px;background: url(../images/left_bg_r.png) no-repeat 215px 14px;}
.categories ol li a:hover{width:225px; float:left;color:#ea0000;line-height:40px;background: url(../images/left_bg_r_1.png) no-repeat 215px 14px;}
.categories .thisclass{width:225px; float:left;color:#ea0000;line-height:40px;background: url(../images/left_bg_r_1.png) no-repeat 215px 14px;}
.categories_con{width:225px; float:left; overflow:hidden; line-height:25px; margin:10px 0 5px 5px;background:#fff; }




.r_news{float:left;width:240px; margin-top:20px;background:#fafafa;overflow:hidden; margin-bottom:10px; }
.r_news h2{width:225px; float:left; line-height:45px; padding-left:15px; color:#fff; font-size:18px; font-weight:normal; background:#1a64ce; border-top:2px solid #ec1a29;}
.r_news ol{width:218px; float:left; border:1px solid #ddd; padding:10px; border-top:none; background:#fff;}
.r_news ol li{width:218px; float:left; height:80px;line-height:30px; border-bottom:1px dotted #CCC;font-weight:normal; }
.r_news ol li h3{width:218px; float:left; height:30px;line-height:30px; font-weight:normal; font-size:14px;overflow:hidden; }
.r_news ol li h3 a{color:#333;font-weight:normal; font-size:14px;}
.r_news ol li h3 a:hover{color:#ff0000;font-weight:normal; }
.r_news ol li p{width:218px; float:left; height:50px;line-height:22px; color:#999; font-size:12px; overflow:hidden; }




.newlist{ float:left; width:910px;overflow:hidden;padding:10px 0;}
.newlist ol{ float:left;width:910px;overflow:hidden; }
.newlist ol li{float:left;width:880px; margin:5px 15px;overflow:hidden; padding-bottom:10px;}
.newlist ol li p{float:left;width:870px;height:32px;line-height:32px;font-size:14px;  color:#333; padding-left:10px; font-weight: bold;text-transform: uppercase; background:#F7F7F7;}
.newlist ol li span{float:left;width:870px; padding:0 5px; line-height:25px; font-size:12px; color:#747474; font-weight: normal; }
.newlist ol li:hover{float:left;width:880px;  background:#fafafa; }


.customerlist{ float:left; width:910px;overflow:hidden;padding:10px 0;}
.customerlist ol{ float:left;width:910px;overflow:hidden; margin-top:20px; }
.customerlist ol li{float:left;width:182px;overflow:hidden; margin-left:35px; }
.customerlist ol li img{float:left;width:180px; height:110px; border:1px solid #F6F6F6;overflow:hidden;}
.customerlist ol li p{float:left;width:182px;height:32px;line-height:32px;font-size:14px;  color:#333; font-weight: normal; text-align:center;}
.customerlist ol li p:hover{float:left;width:182px;height:32px;line-height:32px;font-size:14px;  color:#ff000; font-weight: normal; text-align:center;}

.caselist{ float:left; width:910px;overflow:hidden;padding:10px 0;}
.caselist ol{ float:left;width:930px;overflow:hidden; margin-top:10px; }
.caselist ol li{float:left;width:280px; height:230px;overflow:hidden; margin-left:18px; }
.caselist ol li img{float:left;width:280px; height:187px; overflow:hidden;}
.caselist ol li p{float:left;width:280px;height:32px;line-height:32px;font-size:14px;  color:#333; font-weight: normal; text-align:center;}
.caselist ol li p:hover{float:left;width:280px;height:32px;line-height:32px;font-size:14px;  color:#ff000; font-weight: normal; text-align:center;}


.productlist{ float:left; width:910px;overflow:hidden;padding:10px 0;}
.productlist ol{ float:left;width:930px;overflow:hidden; margin-top:10px; }
.productlist ol li{float:left;width:282px; height:340px;overflow:hidden; margin-left:15px; }
.productlist ol li img{float:left;width:280px; height:280px; overflow:hidden; border:1px solid #eaeaea;}
.productlist ol li img:hover{float:left;width:280px; height:280px; overflow:hidden; border:1px solid #277ce9;}
.productlist ol li p{float:left;width:282px;height:32px;line-height:32px;font-size:14px; margin-top:10px;  color:#333; font-weight: normal; text-align:center;}
.productlist ol li:hover p{float:left;width:282px;height:32px;line-height:32px;font-size:14px;  color:#277ce9; font-weight: normal; text-align:center;}

.previe{float:left; width:910px; margin:20px; overflow:hidden;}
.previe dl{float:left;width:400px; margin-top:15px; height:512px; overflow:hidden;}
.previe dl dt{float:left;width:380px; height:380px; border:1px solid #ccc;}
.previe dl dd{float:left;width:118px; height:118px; border:1px solid #ccc;margin-top:10px; margin-right:10px;}
.previe ol{float:right; width:460px; margin-right:30px;}
.previe ol h2{float:left; width:460px; color:#333; line-height:45px; font-size:20px; font-weight:normal; overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:10px;}
.previe ol p{float:left; width:460px; color:#333; line-height:30px; max-height:260px;  font-size:14px; font-weight:normal; }

.nTab11 {width:910px; float:left; min-height:350px;overflow:hidden;}
.nTab11 .TabTitle {float:left;width:910px; overflow:hidden; }
.nTab11 .TabTitle ul {float:left;width:910px; overflow:hidden;border-bottom:1px solid #d9d9d9; }
.nTab11 .TabTitle li {float: left;cursor:pointer; width:100px;text-align:center;height:38px;  color:#666; font-size:16px; line-height:35px; }
.nTab11 .TabTitle span { float:right; line-height:35px;  font-size:14px; }

.nTab11 .TabTitle .active {width:100px;  height:38px; color:#1a64ce; border-bottom:2px solid #1a64ce;}
.nTab11 .TabTitle .normal { }
.nTab11 .TabContent {float:rgiht;width:910px; padding-top:10px;overflow:hidden; line-height:26px;}



.previe22{float:left; width:880px; margin:10px 0; height:25px;  padding:5px 10px;border-radius:5px;  overflow:hidden; background:#f9f9f9; border:1px solid #eeeeee;}
.previe22 p{float:left; }
.previe22 span{float:right; }



.allnews{float:left;width:910px ;overflow:hidden; margin-top:20px; margin-bottom:50px;}

.newstit{margin-top:10px;text-align:center;width:910px;font-size:26px; line-height:45px;font-weight:500;color:#555; padding-bottom:15px;border-bottom:1px solid #F2F2F2;text-transform: uppercase}
.news_stit{text-align:center;width:910px;height:45px;line-height:45px;font-size:14px;color:#333;  }
.news_content{float:left;width:910px; font-size:14px;overflow:hidden; margin-top:20px; line-height:26px;}
.news_content p{padding:0px;}
.return{margin:0 auto;width:82px;height:25px;}




.SubContent{float:right;width:760px;overflow:hidden; line-height:28px; padding-top:15px; }




.v8 {margin-bottom: 10px; overflow: hidden; width: 867px;}
.v8 .inbody {padding-right: 5px; padding-left: 5px; padding-bottom: 5px;  padding-top:5px; float:left; display: block; overflow:hidden}
.v8 .focus {padding-right: 5px; display: block; padding-left: 5px; padding-bottom: 0px; overflow: hidden; cursor: pointer; margin-top:10px; height:84px; text-decoration: none;border-bottom:1px dotted #cccccc}
.v8 .focus img {border-right: #ccc 1px solid; padding-right: 1px; border-top: #ccc 1px solid; display: inline; padding-left: 1px; float: left; padding-bottom: 1px; border-left: #ccc 1px solid; width: 120px; margin-right: 10px; padding-top: 1px; border-bottom: #ccc 1px solid; height: 90px}
.v8 .focus strong {display: block; font-weight:blod; font-size: 14px; overflow: hidden; color: #333;font-family:"microsoft yahei"; line-height: 27px; height: 27px}
.v8 .focus span {display: block; overflow: hidden;  line-height:18px; height:54px}
.v8 ul {padding-right: 5px; border-top: #e2e2e2 1px solid; margin-top: 10px; padding-left: 5px; padding-bottom: 0px; padding-top: 5px}
.v8 li {overflow: hidden; line-height: 26px; font-family: arial; height: 26px; font-family:"microsoft yahei"}
.v8 li span {display: inline; float: right; margin-left: 5px; color: #666}
.v8 li .cat {border-right: #959595 1px solid; padding-right: 8px; font-weight: normal; margin-right: 8px}
.v8 li .cat a {color: #4a8109; }
.v8 li .arc {color: #4d4d4d}
.v8 .inbody a:hover {text-decoration: none; }
.v8 li a:hover {color: #e23f13; }
.v8 .focus:hover strong {color: #e23f13; }
.v8 .arrow a{ font-weight:normal; padding-left:5px; font-size:12px;}

.rq{float:left; width:71px; height:65px; margin-right:12px; text-align:center;background:url(../images/ns_03.jpg) no-repeat left top;}
.rq h4{ font-size:30px;font-weight:bold;font-family:"΢���ź�";line-height:43px;color:#ff4400}









.Sallpro{float:left;width:730px;overflow:hidden}
.proli{float:left;width:330px;height:105px;margin-bottom:20px;display:inline;}
.proimg{float:left;width:123px;height:105px;}
.proimg img{float:left;width:113px;height:75px;}
.proimg span.imgname{float:left;width:113px;display:block;line-height:25px; text-align:center}
.projianjie{float:left;width:207px;height:105px;color:#005063}
.projianjie li{float:left;width:207px;line-height:20px;}








/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:300px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:400px;height:300px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:402px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:370px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:74px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:67px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


.previe12{float:left; width:410px; overflow:hidden;}
.previe34{float:right; width:330px; margin-top:10px; line-height:30px; font-size:14px; overflow:hidden;}
.previe34 h2{float:left;width:330px; font-size:14px; color:#233891; font-weight:bold;}
.previe45{float:right; width:330px; margin-top:20px; line-height:30px; font-size:14px; overflow:hidden; background:#f5f5f5; padding:5px;border-radius:5px;}

.previe56{float:left; padding:5px; margin-top:10px; width:740px; overflow:hidden; border-top:1px solid #CCCCCC;}




.goods{ float: left; width: 720px; overflow:hidden; }
.goods-left { float: left; width: 430px; }
.goods-right { float: right; width: 270px; margin-top:15px; }
.goods-right li del { color: #666; }
.goods-spce-ul li {padding: 5px;line-height:25px;}
.goods-spce-ul li strong {font-size: 16px;font-weight: 700;}




.link{ float:left;width:100%;overflow:hidden; margin-top:25px; padding:10px 0; background:#333; border-bottom:1px solid #555555;}
.link ul{ margin:0 auto;width:1200px;line-height:30px; margin-top:8px;font-size:14px; color:#fff; }
.link ul a{float:left; margin-right:15px; color:#fff; font-size:14px;}
.link ul a:hover{color:#ff0000}


.footer_about{ float:left; width:450px;overflow:hidden; height:125px;margin-top:20px ;border-right:1px dotted #b3b2b2;}
.footer_about ol{ float:left; width:450px;line-height:35px; font-size:18px; font-weight: normal; color:#fff;}
.footer_about ul{ float:left; width:450px;line-height:45px; font-size:32px; font-weight: normal; color:#fffefe;}
.footer_about ul li{ float:left; width:140px; line-height:28px; font-size:14px; color:#b3b2b2;}
.footer_about ul li a{color:#b3b2b2;}
.footer_about ul li a:hover{color:#ff0000;}


.footer_con{ float:left; width:400px;overflow:hidden; height:125px;margin:20px 30px;border-right:1px dotted #b3b2b2; color:#b3b2b2;}
.footer_con h2{float:left; width:400px;line-height:24px; font-size:16px; text-transform:uppercase; font-weight: normal;color:#b3b2b2;}
.footer_con p{ float:left; width:400px;line-height:24px; font-size:14px; font-weight: normal; color:#b3b2b2;}


.footer_right{ float:left; width:140px;margin:30px 0px;text-align:center;}
.footer_right p{  width:140px; margin-top:5px; font-size:14px; line-height:30px; color:#b3b2b2;}
.footer_right img{ width:100px;}



.footer_nav{ float:left; width:100%;overflow:hidden; height:60px; background:#333333;}
.footer_nav ul{ margin:0 auto;width:700px;overflow:hidden;font-size:16px;font-weight:normal;}
.footer_nav ul li{float:left;line-height:20px; margin-top:20px; padding:0 25px;  text-transform: capitalize}
.footer_nav ul li a{color:#fff;}
.footer_nav ul li a:hvoer{color:#ff0000; }



.footerbg{float:left;width:100%; padding:15px 0; background:#333;}
.footer{margin:0 auto;width:100%; text-align:center; border-top:1px solid #8c8c8c; line-height:25px; padding:12px 0; color:#b3b3b3; font-size:14px; background:#333; overflow:hidden;}












.logo a{
	float: left;
}
.logo .desc{
	float: left;
	margin-top: 27px;
}
.logo .desc h2{
	color: #333;
	font-size: 22px;
	line-height: 30px;
}
.logo .desc span{
	color: #ec1a29;
}
.logo .desc h3{
	color: #333;
	font-size: 22px;
	line-height: 22px;
}