body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,span,td,textarea,th,tr,ul{margin: 0; padding: 0}
body{font-size: 12px; background: #FFF; font-family: "Microsoft YaHei"; overflow-x: hidden}
dd,div,dl,dt,li,ol,ul{list-style: none}
table{border-collapse: collapse; border: 0}
td,th,tr{font-size: 12px}
img{border: none}
em{font-style: normal}
textarea{resize: none; font-size: 12px}
h1,h2,h3{font-size: 16px; font-weight: 700}
h4,h5,h6{font-size: 12px; font-weight: 700}
a:link,a:visited{color: #000; text-decoration: none}

a.hui666:link,a.hui666:visited {color:#666666;font-size:12px;text-decoration:none;}
a.hui666:hover,a.hui666:active {color:#FF0000;font-size:12px;text-decoration:underline;}
a.hui999:link,a.hui999:visited {color:#999999;font-size:12px;text-decoration:none;}
a.hui999:hover,a.hui999:active {color:#FF0000;font-size:12px;text-decoration:underline;}
a.white:link,a.white:visited {color:#FFFFFF;font-size:12px;text-decoration:none;}
a.white:hover,a.white:active {color:#FFFF66;font-size:12px;text-decoration:underline;}
a.red:link,a.red:visited {color:#FF0000;font-size:12px;text-decoration:none;}
a.red:hover,a.red:active {color:#000000;font-size:12px;text-decoration:underline;}
a.links:link,a.links:visited {color:#666666;font-size:12px;text-decoration:none;margin:0px 5px 0px 4px;}
a.links:hover,a.links:active {color:#FF0000;font-size:12px;text-decoration:underline;margin:0px 5px 0px 4px;}
a.bottomA:link,a.bottomA:visited {color:#FFFFFF;font-size:12px;text-decoration:none;margin:0px 8px 0px 7px;}
a.bottomA:hover,a.bottomA:active {color:#FF0000;font-size:12px;text-decoration:underline;margin:0px 8px 0px 7px;}

.center{width: 1000px; margin: 0 auto; overflow: hidden}
.header{overflow: hidden; position: relative}
.designation{position: absolute; left: 50%; top: 0; margin-left: -500px; width: 1000px; z-index: 200; height: 85px}
.navigation{background: #2b2b2b}
.logo{float: left}
.logo a{display: inline-block; line-height: 85px}
.logo img{text-align: center; vertical-align: middle}
.telephone{float: right; line-height: 80px; margin-right: 40px}
.telephone span{font-size: 20px; color: #000}
.header_nav{height: 80px}
.linav_ul li{float: left; line-height: 80px; width: 12.5%; text-align: center}
.linav_ul li a{display: block; color: #fff; font-size: 17px}
.linav_ul .select .hvr-sweep-to-bottom{background: #d90e22}
.hvr-sweep-to-bottom{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s}
.hvr-sweep-to-bottom::before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #d90e22; background: #fff\9; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out}
.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:hover{color: #fff; color: #000\9}
.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform: scaleY(1); transform: scaleY(1)}
.indexBanner{width: 100%; overflow: hidden}
.main{margin-top: 35px; margin-bottom: 80px}
.indexLeft{width: 670px; float: left; overflow: hidden; display: inline-block}
.indexRight{width: 200px}
.indexLeft .news_Block,.indexLeft .product_Block{float: left}
.indexLeft .news_Block{width: 300px; overflow: hidden}
.indexLeft .news_Block .n_title,.indexLeft .product_Block .p_title{height: 33px; line-height: 33px}
.indexLeft .news_Block .n_title p,.indexLeft .product_Block .p_title p{display: inline-block}
.indexLeft .news_Block .n_title a,.indexLeft .product_Block .p_title a{font-size: 25px; color: #f13a3a; margin-right: 25px}
.indexLeft .news_Block .n_title .wire,.indexLeft .product_Block .p_title .wire{height: 10px; width: 20px; display: inline-block; border-left: 10px solid #f13a3a; border-right: 130px solid #ececec; background: #fff}
.indexLeft .news_Block .n_options{padding: 20px 0; border-bottom: 1px solid #ececec}
.indexLeft .news_Block .nTime{display: block; font-size: 30px; line-height: 30px; color: #4a4a4a; font-family: arial}
.indexLeft .news_Block .nTitle{display: block; font-size: 18px; color: #010101}
.indexLeft .news_Block .nContent{margin-top: 4px; font-size: 14px; line-height: 24px; color: grey; margin-bottom: 6px}
.indexLeft .news_Block span{margin: 5px 0}
.indexLeft .clone{width: 250px}
.indexLeft .product_Block .p_title .wire{border-right: 170px solid #ececec}
.indexLeft .product_Block{width: 330px; margin-left: 40px}
.indexLeft .MxSlider{margin-top: 20px}
.indexRight{float: right; width: 290px; overflow: hidden}
.indexRight .Contact_Block{border: 1px solid #ececec}
.indexRight .Contact_Block .c_title{height: 50px; width: 100%; background: #f13a3a; text-align: center; line-height: 50px; font-size: 20px}
.indexRight .Contact_Block .c_title a{color: #fff}
.indexRight .Contact_Block .c_conter{width: 90%; padding: 20px 5%;height: 300px; color: #666; line-height:25px;font-size:14px;}
.main>.p_title{margin-bottom: 50px; text-align: center; font-size: 25px; color: #f13a3a; position: relative}
.main>.p_title::after{content: ""; position: absolute; top: 50%; right: 200px; width: 200px; height: 6px; border-top: 2px solid #f13a3a; border-bottom: 2px solid #f13a3a; border-radius: 2px}
.main>.p_title::before{content: ""; position: absolute; top: 50%; left: 200px; width: 200px; height: 6px; border-top: 2px solid #f13a3a; border-bottom: 2px solid #f13a3a; border-radius: 2px}
.main .shucon2{width:220px; margin: 10px}
.main .shucon2 .headline{display: block; height: 25px; margin-top: 5px; line-height: 25px; text-align: center}

.main .leftArea{width: 230px; float: left; margin-right: 20px}
.main .content{width: 730px; float: left; margin-left: 20px; padding-top: 20px}
.leftArea .ileft{overflow: hidden; margin-top: 20px}
.leftArea .ileft .ileft_title{width: 230px; height: 60px; line-height: 60px; text-indent: 2em; font-size: 18px; color: #f1f1f1; background: #f13a3a}
.leftArea .ileft .ileft_cont{width: 230px; background: #f6f6f6; font-size: 14px}
.leftArea .ileft .ileft_cont a{display: block; padding: 0 32px; color: #666; border: 1px dashed #ececec}
.ileft .ileft_cont .menutitle{height: 50px; line-height: 50px}
.ileft .ileft_cont .menutitleSel{height: 50px; line-height: 50px; color: #fff}
.ileft .ileft_cont .menutitleSub{height: 50px; line-height: 50px}
.ileft .ileft_cont .menutitleSub a{color: #f13a3a}
.ileft .ileft_cont .menutitleSel a{color: #fff; background: #f13a3a}
.left_content{padding: 10px; padding-top: 15px; color: #666}
.content .a_title,.content .f_title,.content .n_title,.content .p_title{border-bottom: 2px solid #f13a3a; overflow: hidden; margin-bottom: 25px}
.content .a_title h4,.content .f_title h4,.content .n_title h4,.content .p_title h4{width: 500px height: 50px; line-height: 50px; font-size: 20px; float: left}
.content .a_title span,.content .f_title span,.content .n_title span,.content .p_title span{float: right; height: 50px; line-height: 50px; font-size: 14px}
.proContent{overflow: hidden}
.proContent .shucon3{width:160px; float: left; margin-right: 10px; margin: 0 11px; margin-bottom: 20px}
.proContent .shucon3 dt{width: 100%; height:255px; line-height:255px; overflow: hidden}
.proContent .shucon3 img{width: 100%; vertical-align: middle}
.proContent .shucon3 dd a{display: block; text-align: center; padding-top: 10px}

.pagesDiv{margin-top: 40px; height: 25px; text-align: center; font-size: 16px}
.pagesDiv .pages span{margin-right: 10px}
.pagesDiv .pages a{border: 1px solid #f54f4f; color: #f54f4f; display: inline-block; width: 60px; height: 23px}
.pagesDiv .pages .cpb{width: 23px; height: 23px; display: inline-block; background: #f54f4f; border: 1px solid #f54f4f; color: #fff}

.label{clear: both; overflow: hidden}
.label .nLeft{height: 100px; line-height: 70px; font-size: 17px; color: grey; float: left; padding-right: 40px; border-right: 2px solid #cfcfcf; position: relative}
.label .nLeft .dot{position: absolute; top: 20px; right: -25px; display: inline-block; margin: 5px 15px 0; width: 18px; height: 18px; background: #f4f4f4; border-radius: 50%; vertical-align: top; z-index: 1}
.label .nLeft .dot2{position: absolute; width: 12px; height: 12px; background: #bababa; border-radius: 50%; left: 3px; top: 3px; z-index: 2}
.label .nRight{width: 550px; margin-left: 40px; line-height: 25px; float: left; padding-top: 20px; font-size: 13px; color: #777777;}
.label .nRight .n_text{color: #666; font-size: 17px}
.label a:hover .nRight .n_text{color: #f13a3a}
.label a:hover .nLeft .dot2{background-color: #f13a3a}
.cContent .company span{text-indent: 0}
.p_content .pro_name{font-size: 25px; text-align: center}
.p_content .pParcel{position: relative; margin-top: 30px}
.p_content .pParcel .nex,.p_content .pParcel .pre{position: absolute; top: 50%; margin-top: -32px}
.p_content .pParcel .pre{left: 100px}
.p_content .pParcel .nex{right: 100px}
.p_content .pParcel .div{text-align: center}
.p_content .pParcel .div img{width: 100%; max-width: 250px; height: auto}
.p_content .pro_time{text-align: center; margin-top: 25px; font-size: 15px}
.p_content .prodetails_4{margin-top: 25px; text-align: center}
.p_content .prodetails_4 a{padding: 7px 10px; margin: 10px; border: 1px solid #f13a3a; color: #666}
.p_content .prodetails_4 a:hover{background: #f13a3a; border: 1px solid #f13a3a; color: #fff}
.p_content .prodetails_1{margin-top: 30px; padding: 10px}
.p_content .prodetails_1 .prodetails_2{text-align: left; padding-bottom: 10px; padding-left: 5px; font-size: 15px; border-bottom: 2px solid #f13a3a}
.prodetails_3 {border:0px solid #CEC7C7;line-height:25px;padding:15px 15px 10px 15px;background-color:#FFFFFF;}
.prodetails_3 img {max-width:99%;height:auto !important;}
.prodetails_3 table {width:99% !important;}

.nView_main>.text_title{text-align: center; font-size: 20px; margin-bottom: 5px}
.nView_main .zx_middle{text-align: right; margin: 15px 0}
.nView_main .zx_middle a{padding: 5px}
.nView_main .n_time{text-align: center; font-size: 15px; padding: 15px; border-bottom: 1px dashed #D4D4D1}
.nView_main img{float: left; padding: 0 20px 20px 0}
.nView_main .zx_txt{font-size: 18px; line-height: 30px; text-indent: 2em; overflow: hidden; margin-bottom: 50px}
.nView_main .sxyip{padding: 20px 0; overflow: hidden; border-top: 1px dashed #D4D4D1}
.nView_main .sxyip p{width: 50%; display: inline-block; float: left; font-size: 15px}
.nView_main .sxyip a:hover{color: #f13a3a}
.footer{width: 100%; overflow: hidden; background: #222325; padding-top: 10px; padding-bottom: 10px}
.footer1{width: 100%; overflow: hidden; background: #222325 url('../images/bgbottom.jpg') no-repeat; padding-top:20px; padding-bottom:50px}
.footer_intro{width: 350px; overflow: hidden; float: left}
.footer_intro .endIntro{color: #c5c5c5}
.endIntro h2{font-size: 22px; margin-bottom: 10px}
.endIntro p{font-size: 14px; line-height: 25px}
.footer_message{float: right; overflow: hidden; width: 600px}
.footer_message .message .form-button{margin-top: 20px; padding-left: 125px}
.footer_message .message{font-size: 14px}
.footer_message .message .form-group span{color: #ececec;}
.footer_message .message .form-group{height: 35px; line-height: 35px}
.fContent .form-group{height: auto; line-height: 50px}
.fContent label{color: #666; font-size: 16px}
.fContent marquee{height: 50px; font-size: 15px}
.fContent .form-group input{height: 30px; border-radius: 2px; border-width: 1px; padding-left: 5px; outline: 0;}
.fConter .form-text textarea{height: 58px; margin-left: 74px; border-width: 0; border-radius: 2px; font-size: 15px}
.fContent label,.footer_message>.message label{display: inline-block; width: 100px; margin-left: 20px; text-align: center}
.footer_message>.message .form-group label{color: #fff}
.footer_message>.message .form-group input{height: 25px; font-size: 14px; border-radius: 2px; border-width: 0; padding-left:5px}
.footer_message>.message .form-group img{display: inline-block; position: relative; top: 10px}
.footer_message>.message .form-text{height: 60px; margin: 5px auto; position: relative}
.footer_message>.message .form-text label{height: 60px; overflow: hidden; color: #fff}
.footer_message>.message .form-text textarea{height: 58px; border-width: 0; border-radius: 2px; font-size: 17px; font-family: "Microsoft YaHei"; padding-top: 5px; padding-left: 5px;}

.fContent .form-button,.footer_message>.message .form-button{margin-top: 20px; padding-left: 70px;}
.fContent .form-button button,.footer_message>.message .form-button button{display: inline-block; width: 125px; height: 35px; background-color: #f54f4f; border: none; text-align: center; color: #fff; font-size: 15px; margin-right: 10px;cursor:pointer;}
.fContent .form-button{padding-left: 120px; padding-top: 50px}
.fContent .form-text label{vertical-align: top}
.fContent .form-text textarea{font-size: 17px; outline: 0; padding: 5px 0 0 5px; border-radius: 2px}
.footer_nav{height: 25px; overflow: hidden; margin-top: 10px}
.footer_nav .nav{text-align: center}
.footer_nav .nav li{display: inline-block; color: #fff}
.footer_nav .nav li a{font-size: 15px; color: #fff}
.copyright{margin-top: 5px; color: #c5c5c5; font-size: 13px; line-height: 22px; padding-left: 20px; box-sizing: border-box; text-align: center}
.bottom_tools{position: fixed; z-index: 1070; right: 40px; bottom: 40px}
.bottom_tools>*{display: block; margin-top: 5px; color: transparent; border: 0; background-color: transparent; text-shadow: none}
.qr_img{position: absolute; top: -189px; left: -183px; display: none}
#scrollUp{width: 45px; height: 45px; background-image: url('../images/backgrounds.32.png'); background-position: -54px -53px; display: none; color: transparent}
#scrollUp:hover{background: #d90e22; color: #fff; font-size: 15px; text-align: center; line-height: 22.5px}
#feedback{width: 45px; height: 45px; background-image: url('../images/backgrounds.32.png'); background-position: -102px 0; color: transparent}
#feedback:hover{background: #d90e22; color: #fff; font-size: 15px; text-align: center; line-height: 45px}
.qr_tool{width: 45px; height: 45px; background-image: url('../images/backgrounds.32.png'); background-position: -148px 0; cursor: pointer}
.qr_tool:hover{width: 45px; height: 45px; background-image: url('../images/backgrounds.32.png'); background-position: -192px -46px}
.page-body{padding-top: 10px; background: #fff; height: 2500px}
.page-footer{margin-top: 20px; padding-top: 10px; background: #444; height: 200px; border-top: 10px solid #333}

.div {text-align:center;}
.div img {border:0px #666666 solid;margin:0px;cursor:pointer;}
.showPic { }
.case_item  {height:190px;padding:0px 0px 0px 0px;text-align:center;overflow:hidden;}
.case_item_1 {height:165px;text-align:center;overflow:hidden;}
.case_item_1 img {text-align:center;padding:3px;border:0px solid #C1C1C1;}
.case_item_2 {text-align:center;height:25px;line-height:25px;overflow:hidden;}

/* download */
.downloadlist {float:left;width:728px;padding:10px 10px 10px 10px;}
.downloadlist dl {float:left;width:100%;padding:15px 0px 15px 0px;}
.downloadlist dt {float:left;width:120px;}
.downloadlist dt img {width:100px;border:1px solid #CCCCCC;padding:3px;}
.downloadlist dd {float:left;width:570px;}
.downloadlist div {float:left;width:100%;}
.downloadlist div ul {}
.downloadlist div ul li {line-height:23px;}
.downloadlist div span {color:#006699;}

.downloaddetail {float:left;width:728px;padding:0px 10px 10px 0px;}
.downloaddetail dl {float:left;width:100%;padding:15px 0px 15px 0px;}
.downloaddetail dt {float:left;width:140px;}
.downloaddetail dt img {width:120px;border:1px solid #CCCCCC;padding:3px;}
.downloaddetail dd {float:left;width:560px;}
.downloaddetail div {float:left;width:100%;}
.downloaddetail div ul {}
.downloaddetail div ul li {line-height:23px;}
.downloaddetail div span {color:#006699;}
.downdetails {padding:0px 0px 10px 0px;}
.downdetails_1 {float:left;width:100%;background-color:#FFFFFF;padding-top:0px;overflow:hidden;}
.downdetails_2 {width:65px;font-weight:bold;clear:both;padding-left:15px;padding-top:2px;border-bottom:1px solid #E0E0E0;color:#000000;font-size:12px;line-height:20px;background:url('../images/select_card_li_hover.gif') no-repeat;}
.downdetails_3 {float:left;width:670px;border:1px solid #CEC7C7;line-height:25px;padding:15px 15px 10px 15px;background-color:#FFFFFF;}
.downdetails_3 img {max-width:99%;height:auto !important;}
.downdetails_4 {padding-top:5px;margin-top:10px;}
.downdetails_4 div {text-align:center;}

/* job */
.joblist {float:left;width:99%;}
.joblist ul {padding:5px 0px 0px 0px;}
.joblist ul li {line-height:25px;padding-left:20px;background:url('../images/pro_dian.gif') no-repeat 5px 8px;border-bottom:1px dashed #DDDDDD;}
.joblist ul li span {color:#666666;}
.jobview {float:left;width:708px;padding:10px 10px 10px 10px;}
.jobview table {border:1px solid #999999;}
.jobview table td {height:30px;border:1px solid #999999;}

/* sitemap */
.sitemap {width:990px;margin:0 auto;line-height:20px;background-color:#FFFFFF;}
.sitemap_1 {line-height:20px;padding-top:20px;}
.sitemap_1 span {font-size:16px;font-weight:bold;padding-left:5px;}
.sitemap_1 hr {width:100%;border:0;border-bottom:1px solid #333333;color:#333333;height:1px;}
.sitemap_3 {float:left;margin-top:10px;}
.sitemap_3 ul {padding-left:10px;color:#062851;list-style:none;}
.sitemap_3 ul li {line-height:21px;padding-left:10px;background:url('../images/dot.gif') no-repeat left center;}
.sitemap_3 ul li a:link,.sitemap_3 ul li a:visited {color:#666666;font-size:12px;text-decoration:none;}
.sitemap_3 ul li a:hover,.sitemap_3 ul li a:active {color:#FF0000;font-size:12px;text-decoration:underline;}

/* member */
.backnull {background:url('');}
.panel-head {height:35px;line-height:35px;background:url('../images/leastdownload.png') no-repeat left -148px;}
.panel-head span {padding-left:35px;color:#FFFFFF;font-size:14px;font-weight:bold;}
.panel-body {padding:5px 0px 5px 0px;}
.panel-body ul {}
.panel-body ul li {height:30px;line-height:30px;}
.panel-body ul li a:link,.panel-body ul li a:visited {float:left;width:100%;_width:150px;height:28px;padding-left:50px;text-align:left;text-decoration:none;color:#666666;font-size:13px;background:url('../images/left_list_bj2.gif') no-repeat left top;}
.panel-body ul li a:hover,.panel-body ul li a:active {color:#FFFFFF;background:url('../images/left_list_bj2.gif') no-repeat left bottom;}
.panel-foot {}
.panel-table {width:98%;margin:0px 0px 10px 10px;}
.panel-table td {height:30px;}
.panel-login {padding:10px 20px 20px 20px;font-size:14px;color:#990000;font-weight:bold;}
.tdinput  {width:150px;height:20px;line-height:20px;border:1px solid #999999;}
.tdinput2 {width:60px;height:20px;line-height:20px;border:1px solid #999999;}
.tdinput3 {border:1px solid #999999;height:19px;line-height:19px;}
.trbackground1 {background-color:#CEEEF6;}
.trbackground2 {background-color:#FFFFFF;}


.slider-btn{}
.osSlider-main .slider-btn-prev {position: absolute;z-index: 30;top: 50%;left: -64px;width: 64px;
    height: 64px;text-indent: -9999px;margin-top: -20px;background: url('../images/left.png') 50% 50% no-repeat;
    transition: all .5s linear;cursor: pointer;}
.osSlider-main:hover .slider-btn-prev {left: 25px;}
.osSlider-main .slider-btn-next {position: absolute;z-index: 30;top: 50%;right: -64px;width: 64px;
    height: 64px;text-indent: -9999px;margin-top: -20px;background: url('../images/right.png') 50% 50% no-repeat;
    transition: all .5s linear;cursor: pointer;}
.osSlider-main:hover .slider-btn-next {right: 25px;}
.osSlider-main .slider-nav {position: absolute;width:100%;height: 22px;bottom: 20px;text-align: center;z-index: 25;}
.osSlider-main .slider-nav li {display: inline-block;height: 20px;line-height: 20px;padding: 0 6px;
    margin: 0 6px;font-size: 12px;color: #eee;border: 1px solid #eee; background: none;cursor: pointer;}
.osSlider-main .slider-nav li.active {color: #333;background: #eee;}
.osSlider-main .slider-nav li:hover { border: 1px solid #f60;background: #f60;}


.topCon_1 {float:left;width:100%;}
.topCon_2 {float:left;width:100%;}
.topCon_2_0 {float:left;width:100%;background:url('../images/index_09.gif') repeat-x;height:32px;line-height:32px;}
.topCon_2_0_01 {float:left;width:600px; color:#888;}
.topCon_2_0_02 {float:left;width:370px;text-align:right;padding-right:10px; color:#999;}
.topCon_2_0_02 img{vertical-align:middle;}
.topCon_2_1 {float:left;width:100%;padding:10px 0px 10px 0px;}
.topCon_2_1_01 {float:left;width:670px;}
.topCon_2_1_02 {float:right;width:300px;}