@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; font-family: '5FAE8F6F96C59ED1', Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; background: #fff; }
div, form, img, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-family: '5FAE8F6F96C59ED1'; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
fieldset, img, input { border: 0 none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style: none; }
i, em { font-style: normal; }
fieldset, img { border: 0px; }
textarea { resize: vertical }
a { text-decoration: none; color: #333; blr:exPRession(this.onFocus=this.blur());
-webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus { outline: 0; }
a:hover { text-decoration: none; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clear { zoom: 1 }
.left { float: left; }
.right { float: right; }
.p15 { padding-top: 15px; }
.mb15 { margin-bottom: 15px; }
/* top */
.header{position:fixed;left:0;top:0;z-index:99;}
.top_bj { width: 100%; overflow: hidden; display: block; height: 40px; line-height: 40px; border-bottom: 1px dashed #CCC; background-color: #f8f8f8;}
.top { width: 1200px; margin: 0 auto; text-align: right; }
.top a { color: #656565; font-size: 12px; margin:0 7px;}
.top a:last-child{margin-right:0;}
.top a:hover { color: #ef4545; }
/* logo */
.logo { width: 1200px; margin: 25px auto 20px auto; display: block; overflow: hidden; }
/* nav */
.navi { width: 100%; background-color: #20606a; display: block; overflow: hidden; }
.nav { width: 1200px; height: 52px; margin: 0 auto; }
.nav ul {float:left;}
.nav ul li { float: left; width: 120px; }
.nav ul li a { width: 120px; font-size: 16px; text-align: center; color: #fff; line-height: 52px; position: relative; display: block; overflow: hidden; }
.nav ul li a:hover, .nav ul li a.current { color: #fff;background:#42c2b6;}
.nav ul li .nav_box { width: 120px; overflow: hidden; line-height: 40px; background-color: #20606a; position: absolute; display: none; z-index: 100; text-align: center; opacity:0.6;}
.nav ul li .nav_box ul li { float: none; }
.nav ul li .nav_box ul li a { width: 120px; color: #fff; height: 40px; line-height: 40px; display: block; overflow: hidden; float: none; font-size: 14px; }
.nav ul li .nav_box ul li a:hover { background-color: #f68e8e;}
.nav form { margin-top: 10px; float: right; }
.search_main { width: 155px; height: 28px; line-height: 30px; color: #fff; border: 1px solid #958b9e; background-color: #544a5d; border-bottom-left-radius: 5px; border-top-left-radius: 5px; outline: 0 none; float: left; padding-left: 5px; }
.search_button { width: 37px; height: 32px; border: 1px solid #958b9e; border-left: 0; outline: 0 none; border-bottom-right-radius: 5px; border-top-right-radius: 5px; float: left; background: url(img/search_button.png) no-repeat center center #544a5d; cursor: pointer;}
/* banner */
.banner { position: relative; display: block; overflow: hidden; width: 100%; margin-bottom: 4px; }
.slides { position: relative; }
.slides li img { display: block; width: 100% 9; width: 100%; height: auto; }
.flex-control-nav { position: absolute; bottom: 30px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 30px; height: 5px; margin: 0 5px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 30px; height: 5px; line-height: 40px; overflow: hidden; cursor: pointer; background-color: #fff; }
.flex-control-nav .flex-active { background-position: 0 0; background: #f40946 }
/* 产品展示 */
.product { width: 1200px; margin: 0 auto; clear: both; display: block; overflow: hidden; }
.title { text-align: center; font-size: 30px; color: #737373; margin: 40px 0px 30px 0px; }
.title i { font-size: 34px; color: #20606a;aline-height: 55px; }
.title span { width: 80px; height: 5px; background-color: #20606a; margin: 0 auto; display: block; margin-top: 5px; }
.product_nav {   margin: 0 auto; }
.product_nav a { padding:0 22px;height: 40px; line-height: 40px; color: #585858; font-size: 18px; display: block; float: left; text-align: center; margin-bottom: 25px; }
.product_nav a:hover { background-color: #20606a; color: #fff; }
.product_news { position: relative; display: block; overflow: hidden; width: 715px; margin-bottom: 4px; }
.example2 { float: left; width:715px;  height:472px;}
.example2 ol { position: relative; width: 80px; height: 6px; top: -40px; margin: 0 auto; }
.example2 ol li { float: left; width: 6px; height: 6px; margin: 5px; background: #a0a0a0; border: 2px solid #a0a0a0; border-radius: 20px; }
.example2 ol li.seleted { background: rgba(0,0,0,0); border: 2px solid #a0a0a0; }
.luara-left { position: relative; padding: 0; overflow: hidden; }
.luara-left ul { position: relative; padding: inherit; margin: 0; }
.luara-left ul li { float: left; padding: inherit; margin: inherit; list-style: none; }
.luara-left ul li img { width: 715px; height: 472px; }
.product_main ul li { float: left; margin-bottom: 11px; }
.product_m { margin: 0 11px; }
.item_block { position: relative; overflow: hidden; float: left; }
.item_block .item_wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,1); opacity: 0; }
.item_block .item_wrapper1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,1); opacity: 0; }
.item_block:hover .item_wrapper { opacity: 0.8 }
.item_block:hover .item_wrapper1 { opacity: 0.8 }
.item_block:hover .item_wrapper1 .product_t { font-size: 20px; color: #fff; text-align: center; margin-top: 32px; margin-bottom: 10px; }
.item_block:hover .item_wrapper1 img { opacity: 1; width: 57px; margin: 0 auto; display: block; margin-top: 15px; }
.item_block:hover .item_wrapper1 .subtitle { color: #fff; font-size: 14px; line-height: 24px; text-align: center; width:72%; margin:0 auto;}
.item_block:hover .item_wrapper img { opacity: 1; width: 57px; margin: 0 auto; display: block; margin-top: 55px; margin-bottom: 25px; }
.item_block:hover .item_wrapper .subtitle { opacity: 1; width: 100px; line-height: 30px; margin: 0 auto; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 5px; text-align: center; }
/* 合作伙伴 */
.partner_bj { background-attachment: fixed; overflow: hidden; display: block; position: relative; margin-top:80px;}
.partner { width: 1200px; margin: 0 auto; height: 890px; }
.title1 { text-align: center; font-size: 30px; color: #737373; padding: 40px 0px 30px 0px; }
.title1 i { font-size: 34px; color: #20606a; line-height: 65px; }
.title1 span { width: 80px; height: 5px; background-color: #20606a; margin: 0 auto; display: block; margin-top: 5px; }
.partner ul { margin-right: -36px; display: block; overflow: hidden; }
.partner ul li { margin-right: 36px; margin-bottom: 36px; }
.item_block .item_wrapper3 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(239,65,54,0.7); opacity: 0; }
.item_block:hover .item_wrapper3 { opacity: 1 }
.item_block:hover .item_wrapper3 img { opacity: 1; width: 57px; margin: 0 auto; display: block; margin-top: 55px; margin-bottom: 25px; }
.item_block:hover .item_wrapper3 .subtitle { opacity: 1; width: 100px; line-height: 30px; margin: 0 auto; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 5px; text-align: center; }
.item_block:hover .item_wrapper3 .par_t { font-size: 20px; color: #fff; text-align: center; margin: 20px 0 15px 0;}
.item_block:hover .item_wrapper3 .par_t1 { font-size: 14px; color: #fff; line-height: 24px; width: 220px; margin: 0 auto; height: 95px; overflow: hidden; text-indent: 2em; }
.par_more a { width: 150px; height: 40px; border: 1px solid #737373; line-height: 40px; color: #737373; font-size: 20px; margin: 0 auto; text-align: center; margin-top: 10px; display: block; }
.par_more a:hover { background-color: #20606a; color: #fff; border: 1px solid #b50808; }
.item_block .item1_img {width: 272px; height:183px;}
.item_block .item1_img img{width: 272px; height:183px;}
.par_li { width: 752px; line-height: 30px; font-size: 16px; margin: 0 auto; color: #737373; margin-top: 20px; text-align:center;}
.par_li a{color:#737373;}
.par_li a:hover{color:#f40946;}
.par_t2 { text-align: center; font-size: 18px; margin-top: 30px; color: #737373; line-height:30px;}
.par_t2 a {color:#737373;}
.par_t2 a:hover {color: #f90326;}
/* 四大优势 */
.ascendancy { width: 100%; /*background-color: #e5e5e5;*/ display: block; overflow: hidden; }

#four_flash { position: relative; width: 1300px; margin: 0 auto; }
#four_flash .ascen_t{text-align:center;margin-top:580px; font-size:28px; color:#585858;}
#four_flash .flashBg { width: 1200px; height: 460px; margin: 0 auto; position: relative; overflow: hidden; padding-bottom: 210px; }
#four_flash .flashBg ul.mobile { width: 2000%; height: 520px; position: absolute; top: 15; left: 0; padding-top: 20px; }
#four_flash .flashBg ul.mobile li {float: left;width: 400px;height: 520px;min-;/* min-height: 520px; */e:visibility: visible;animation-name: slideInUp;}
#four_flash .flashBg ul.mobile li .mobile_1 { width: 370px;  height: 520px; ; background-color: #fff; margin-left: 15px; transition: all 0.3s ease-out 0s; text-align:center;}
#four_flash .flashBg ul.mobile li .mobile_1:hover { box-shadow: 0 0px 10px rgba(0, 0, 0, 0.6); margin-top: -13px; margin-left:4px;height: 537px; width:390px;border-bottom: 10px solid #20606a; }
#four_flash .flashBg ul.mobile li img { width:95% ; margin-top:10px; }
#four_flash .flashBg ul.mobile li .mobile_1:hover img{width:95% ; margin-top:10px;}
#four_flash .flashBg ul.mobile li .ascendancy_t1 { font-size: 26px; width:50%; margin: 0 auto; line-height: 38px; margin-top: 25px; color: #585858; text-align: center; }
#four_flash .flashBg ul.mobile li .ascendancy_t2 { font-size: 18px;  color: #555555; line-height: 25px;width:270px; margin:0  auto; margin-top:25px;}
#four_flash .but_left { width: 50px; height: 100px; position: absolute; top: 230px; left: 0px; background: url(img/left.png) no-repeat;   cursor: pointer;}
#four_flash .but_right { width: 50px; height: 100px; position: absolute; top: 230px; right: 0px; background: url(img/right.png) no-repeat;  cursor: pointer;}
#four_flash .but_left:hover { background: url(img/left_1.png) no-repeat; }
#four_flash .but_right:hover { background: url(img/right_1.png) no-repeat; }
/* 流程 */
.process_bj { background-attachment: fixed; overflow: hidden; display: block; position: relative; }
.process { width: 1200px; margin: 0 auto; height: 920px; background: url(img/process_1.png) center 390px no-repeat; }
.process .process_time{text-align:center; margin-top:-70px; font-size:18px; color:#fff;}
.process .process_time a{color:#737373;}
.process .process_time a:hover{color:#f90326;}
.process P { text-align: center; font-size: 30px; color: #737373; padding: 40px 0px 30px 0px; }
.process P i { font-size: 34px; color: #20606a;line-height: 65px; }
.process P em { width: 250px; height: 38px; line-height: 38px; margin: 0 auto; color: #737373; border: 1px solid #737373; text-align: center; font-size: 20px; display: block; margin-top: 10px; }
.process P span { width: 80px; height: 5px; background-color: #20606a; margin: 0 auto; display: block; margin-top: -15px; }
.process ul {width:1200px; display:block;  overflow:hidden;}
.process .process_t { width: 102px; height: 113px; text-align: center; color: #737373; font-size: 16px; padding-top: 180px; float: left; }
.process .pr1 { background: url(img/p1-1.png) no-repeat; margin-left: 109px;}
.process .pr1:hover { background: url(img/p1-2.png) no-repeat; }
.process .pr2 { background: url(img/p2-1.png) no-repeat; margin-left: 113px;}
.process .pr2:hover { background: url(img/p2-2.png) no-repeat; }
.process .pr3 { background: url(img/p3-1.png) no-repeat; margin-left: 105px;}
.process .pr3:hover { background: url(img/p3-2.png) no-repeat; }
.process .pr4 { background: url(img/p4-1.png) no-repeat; margin-left: 113px;}
.process .pr4:hover { background: url(img/p4-2.png) no-repeat; }
.process .pr5 { background: url(img/p5-1.png) no-repeat; margin-left: 113px;}
.process .pr5:hover { background: url(img/p5-2.png) no-repeat; }
.process .pr6 { background: url(img/p6-1.png) no-repeat; margin-left: 110px; margin-top: 30px; }
.process .pr6:hover { background: url(img/p6-2.png) no-repeat; }
.process .pr7 { background: url(img/p7-1.png) no-repeat; margin-left: 112px; margin-top: 30px; }
.process .pr7:hover { background: url(img/p7-2.png) no-repeat; }
.process .pr8 { background: url(img/p8-1.png) no-repeat; margin-left: 105px; margin-top: 30px; }
.process .pr8:hover { background: url(img/p8-2.png) no-repeat; }
.process .pr9 { background: url(img/p9-1.png) no-repeat; margin-left: 115px; margin-top: 30px; }
.process .pr9:hover { background: url(img/p9-2.png) no-repeat; }
.process .pr10 { background: url(img/p10-1.png) no-repeat; margin-left: 113px; margin-top: 30px; }
.process .pr10:hover { background: url(img/p10-2.png) no-repeat; }
/* 走进优色 */
.about { width: 1260px; margin: 0 auto; overflow: hidden; display: block; margin-top: 40px; }
.about .about1 { width: 1200px; margin: 0 auto; }
.about img { width: 635px; height: 557px; float: left; }
.about_main { float: right; width: 530px; }
.about_main P { font-size: 30px; color: #737373; }
.about_main P i { font-size: 34px; color: #20606a; line-height: 50px; }
.about_main P em { font-size: 20px; color: #8e8d8d; margin-top: 10px; clear: both; }
.about_main P span { width: 80px; height: 5px; background-color: #20606a; display: block; margin-top: 15px; }
.about_main .about_t { margin-top: 35px; }
.about_main .about_t .about_t1 { font-size: 20px; font-weight: bold; color: #737373; margin-bottom: 20px; }
.about_main .about_t .about_t2 { font-size: 16px; color: #3e3e3e; line-height: 30px; text-indent: 2em; }
.about_main .about_t .about_more a { font-size: 18px; color: #20606a; float: right; margin-top: 30px; }
.about-title { width: 530px; margin: 0px auto; height: 40px; margin-top: -41px; margin-right: 31px; color: #054201; overflow: hidden; }
.about-title .item { width: 175px; line-height: 40px; font-size: 14px; color: #000; display: block; float: left; margin-right: 1px; text-align: center; background-color: #d1d1d1; cursor: pointer; }
.item p a { font-size: 14px; color: #054201; line-height: 30px; padding-left: 10px; }
.item p a:hover, .about_xjp p a:hover { color: #0f9306; }
.about-title .on a{ color: #fff; background-color: #20606a; display:block;}
.about-cont { height: 226px; margin-top: 40px; }
.about-cont .about-cont__wrap { width: 1260px; display: block; overflow: hidden; }
.tabbox .content { overflow: hidden; }
.tabbox .content li { display: none; }
#pro_div { width: 1260px; overflow: hidden; height: 226px; position: relative; }
#pro_div .mr_frBtnL { position: absolute; left: 0; top: 85px; width: 24px; height: 46px; background:url(img/a_left.png) no-repeat; cursor: pointer; }
#pro_div .mr_frBtnL:hover {background:url(img/a_left_1.png) no-repeat;}
#pro_div .mr_frBtnR { position: absolute; right: 0px; top: 85px; width: 24px; height: 46px; background:url(img/a_right.png) no-repeat;  cursor: pointer;}
#pro_div .mr_frBtnR:hover {background:url(img/a_right_1.png) no-repeat;}
#pro_div1 { width: 1260px; overflow: hidden; height: 226px; position: relative; }
#pro_div1 .mr_frBtnL { position: absolute; left: 0; top: 85px; width: 24px; height: 46px; background:url(img/a_left.png) no-repeat; cursor: pointer;}
#pro_div1 .mr_frBtnL:hover {background:url(img/a_left_1.png) no-repeat;}
#pro_div1 .mr_frBtnR { position: absolute; right: 0px; top: 85px; width: 24px; height: 46px; background:url(img/a_right.png) no-repeat;  cursor: pointer; }
#pro_div1 .mr_frBtnR:hover {background:url(img/a_right_1.png) no-repeat;}
#pro_div2 { width: 1260px; overflow: hidden; height: 226px; position: relative; }
#pro_div2 .mr_frBtnL { position: absolute; left: 0; top: 85px; width: 24px; height: 46px; background:url(img/a_left.png) no-repeat; cursor: pointer;}
#pro_div2 .mr_frBtnL:hover {background:url(img/a_left_1.png) no-repeat;}
#pro_div2 .mr_frBtnR { position: absolute; right: 0px; top: 85px; width: 24px; height: 46px; background:url(img/a_right.png) no-repeat;  cursor: pointer; }
#pro_div2 .mr_frBtnR:hover {background:url(img/a_right_1.png) no-repeat;}
#pro_list { width: 1200px; margin: 0 auto; }
#pro_list ul li { float: left; width: 290px; padding-left: 5px; padding-right: 5px; }
#pro_list ul li img { width: 290px; height: 226px; }
#pro_list ul li { position: relative; height: 226px; }
#pro_list1 { width: 1200px; margin: 0 auto; }
#pro_list1 ul li { float: left; width: 290px; padding-left: 5px; padding-right: 5px; }
#pro_list1 ul li img { width: 290px; height: 226px; }
#pro_list1 ul li { position: relative; height: 226px; }
#pro_list2 { width: 1200px; margin: 0 auto; }
#pro_list2 ul li { float: left; width: 290px; padding-left: 5px; padding-right: 5px; }
#pro_list2 ul li img { width: 290px; height: 226px; }
#pro_list2 ul li { position: relative; height: 226px; }
/* 新闻 */
.news_bj { width: 100%; /*background-color: #e5e5e5;*/ display: block; overflow: hidden; clear: both; margin-top: 70px; padding-bottom: 70px; }
.news_bj .news { width: 1200px; margin: 0 auto }
.news_bj .news .news_1 { float: left; width: 370px;}
.news_ys {margin-top:50px; width:370px; overflow:hidden;}
.news_title .title-list .item1{width: 100px; line-height: 40px; font-size: 18px; color: #000; display: block; float: left; margin-right: 1px; text-align: center; background-color: #d1d1d1; cursor: pointer; }
.news_title .title-list .on { color: #fff; background-color: #20606a; }

.news_bj .news .news_1 .news_1_main { width: 350px; height: 390px; overflow: hidden; background-color: #fff; padding: 10px; }
.news_bj .news .news_1 .news_1_main img { width: 350px; height: 120px; }
.news_title span a { float: right; font-size: 20px; color: #737373; line-height: 40px; }
.news_title span a:hover { color: #20606a; }
.wrap { width: 370px; height: 410px; overflow: hidden; background-color: #fff; margin-top: 10px; }
.news_bj .news .news_1 .news_1_main  { width: 350px; height: 410px; margin: 0 auto; margin-top: 10px; }
.news_bj .news .news_1 .news_1_main  a { font-size: 14px; color: #747474; line-height: 40px; border-bottom: 1px dashed #a0a0a0; display: block; }
.news_bj .news .news_1 .news_1_main  a:hover { color: #b30e0e; }
.news_bj .news .news_2 { width: 370px; float: left; margin: 0 45px 0 45px; }
.news_title { margin-bottom: 10px; overflow: hidden; }
.news_title h2 { font-size: 18px; width: 100px; line-height: 40px; color: #fff; background-color: #20606a; text-align: center; float: left; }
.news_bj .news .news_2 .news_2_main { width: 350px; height: 390px; overflow: hidden; background-color: #fff; padding: 10px; }
.news_bj .news .news_2 .news_2_main img { width: 350px; height: 120px; }
.news_bj .news .news_2 .news_2_main p { font-size: 14px; color: #3f3f3f; line-height: 24px; overflow: inherit; height: 50px; margin-top: 15px; margin-bottom: 15px; }
.news_bj .news .news_2 .news_2_main p a { color: #3f3f3f; }
.news_bj .news .news_2 .news_2_main p a:hover { color: #b30e0e; }
.news_bj .news .news_3 { width: 370px; float: left; }
.news_bj .news .news_3 ul { width: 350px; height: 420px; overflow: hidden; background-color: #fff; padding: 10px; padding-top: 0px; }
.news_bj .news .news_3 ul li { height: 95px; border-bottom: 1px dashed #a0a0a0; margin: 8px; }
.news_bj .news .news_3 ul li p { font-size: 14px; color: #3f3f3f; line-height: 24px; width: 350px; }
.news_bj .news .news_3 ul li p img { float: left; margin-top: 5px; position: relative; top: 3px; }
.news_bj .news .news_3 ul li p span a { width: 310px; margin-left: 10px; float: left; margin-top: 5px; color:#747474}
.news_bj .news .news_3 ul li p span a:hover { color: #b30e0e; }
/* 友情链接 */
.link_bj { width: 100%; height: 60px; background-color: #20606a; display: block; overflow: hidden; line-height: 60px; }
.link_bj .link { width: 1200px; margin: 0 auto; }
.link_bj .link a { font-size: 16px; color: #fff; padding: 0 20px; }
.link_bj .link a:hover { color: #000; }
.link_bj .link span { font-size: 20px; color: #fff; }
/* 底部 */
.footer_bj { background-attachment: fixed; overflow: hidden; display: block; position: relative; height: 340px; }
.footer_bj .footer { width: 1200px; margin: 0 auto; }
.footer_bj .footer img { float: left; margin-right: 70px; margin-top: 120px; }
.footer_bj .footer .footer_t1 { color: #fff; line-height: 30px; margin-right: 30px; margin-top: 60px; float: left; }
.footer_bj .footer .footer_t1 h2 { font-size: 20px; }
.footer_bj .footer .footer_t1 p { font-size: 14px; }
.footer_bj .footer .footer_t2 { width: 320px; float: left; color: #fff; }
.footer_bj .footer .footer_t2 h2 { font-size: 20px; margin-left: 50px; line-height: 30px; margin-top: 60px; }
.footer_bj .footer .footer_t2 a { font-size: 14px; float: left; color: #fff; margin-left: 50px; width: 80px; line-height: 30px; }
.footer_bj .footer .footer_t2 a:hover { color: #20606a; }
/* 产品列表 */
.banner_product { width: 100%; height: 350px; overflow: hidden; display: block; background: url(img/product_ny.jpg) 50% 0; }
.content { width: 1200px; display: block; overflow: hidden; margin: 0 auto; }
.content .location img { position: relative; top: 5px; margin: 0px 10px; }
.content .location { font-size: 14px; color: #5b5b5b; height: 40px; background-color: #e3e2e2; line-height: 40px; margin: 20px 0; }
.content .location a:hover { color: #20606a; }
.content .menu { width: 250px; }
.sidemenu h2 { height: 75px; width: 250px; background-color: #000; text-align: center; font-size: 24px; color: #fff; padding-top: 25px; }
.sidemenu h2 i { font-size: 14px; color: #a7a6a6; }
.sidemenu ul { background-color: #20606a; width: 250px; padding-bottom: 60px; }
.sidemenu ul li { width: 180px; margin:0 auto;border-bottom: 1px solid #42c2b6; line-height: 50px; color: #fff; font-size: 16px; }
.sidemenu ul li a { color: #fff; }
.sidemenu ul li .sub_nav { color: #000; }
.sidemenu ul li a:hover { color: #000; }
.sideMenu1 { width: 250px; height: auto; overflow: hidden; background: #20606a; font-family: "微软雅黑"; }
.sideMenu1 h2 { height: 75px; width: 250px; background-color: #000; text-align: center; font-size: 24px; color: #fff; padding-top: 25px; }
.sideMenu1 h2 i { font-size: 14px; color: #a7a6a6; }
.sideMenu1 .side_t { padding: 8px; }
.sideMenu1 h5 { height: 40px; font-weight: normal; line-height: 40px; text-align: left; font-size: 13px; border-bottom: 1px solid #42c2b6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
.sideMenu1 h5 a { color: #fff; }
.sideMenu1 h5 em { float: left; display: block; width: 19px; height: 32px; line-height: 42px;cursor: pointer; color: #fff; font-size: 12px; font-family: "宋体"; padding-left: 3px; }
.sideMenu1 h5.on em { background-position: 0px 15px; color: #fff; }
.sideMenu1 dl { display: none; padding-top: 6px; /* 默认都隐藏 */ }
.sideMenu1 dl img { width: 234px; overflow: hidden; /* 默认都隐藏 */ }
.ny_contact { width: 250px; height: auto; overflow: hidden; margin-top:20px;}
.product_list { width: 910px; height: auto; }
.product_title { line-height: 50px; border-bottom: 1px solid #dadada; font-size: 18px; color: #000; }
.product_title em { border-bottom: 3px solid #20606a; padding-bottom: 11px; }
.product_title span a { float: right; font-size: 14px; color: #3f3f3f; }
.product_title span a:hover { color: #20606a; }
.product_list .product_list_con { margin-top: 20px; margin-right: -10px; display: block; overflow: hidden; }
.product_list .product_list_con li a { float: left; width: 295px; margin-right: 10px; margin-bottom: 10px; }
.product_list .product_list_con li a:hover { background-color: #20606a; }
.product_list .product_list_con li a:hover p { color: #fff; }
.product_list .product_list_con li p { text-align: center; font-size: 14px; color: #000; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_list .product_list_con li img { width: 291px; height: 198px; margin-top: 2px; margin-left: 2px; }
.product_rq { width: 1200px; overflow: hidden; display: block; padding-top: 50px; }
.product_rq ul { margin-top: 20px; }
.product_rq li a { float: left; margin-right: 13px; width: 290px; }
.product_rq li a:hover { background-color: #20606a; }
.product_rq li a:hover p { color: #fff; }
.product_rq li p { text-align: center; font-size: 14px; color: #000; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_rq li img { width: 286px; height: 195px; margin-top: 2px; margin-left: 2px; }
.product_rq li:last-child a { margin-right: 0; }
.read { padding-top: 20px; margin-bottom: 50px; display: block; overflow: hidden; width: 1200px; }
.read p { width: 360px; float: left; line-height: 50px; border-bottom: 1px dashed #9d9c9c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.read p a:hover { color: #20606a; }
.read p img { margin-right: 10px; }
.read .read_center { margin: 0 60px; }
/* 分页 */
.page { margin-top: 30px; text-align: center; font-size: 12px; font-family: '5b8b4f53'; }
.page a { display: inline-block; margin: 0 5px; height: 24px; line-height: 24px; padding: 0 8px; border: #a3a3a3 solid 1px; border-radius: 2px; color: #a3a3a3; }
.page i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 7px; }
.page .first { padding-left: 20px !important; position: relative; }
.page .last { padding-right: 20px !important; position: relative; }
.page .first i { border-color: transparent #a3a3a3 transparent transparent; left: 5px; }
.page .last i { border-color: transparent transparent transparent #a3a3a3; right: 5px; }
.page a:hover { color: #a3a3a3; border: #a3a3a3 solid 1px; text-decoration: none; }
.page .on { color: #FFF !important; border: #a3a3a3 solid 1px; background: #a3a3a3; }
/* 产品详情 */
.product_detail { width: 910px; overflow: hidden; display: block; }
.cp_det1 { overflow: hidden; display: block; }
.cp_det1 .foucebox { position: relative; width: 427px; height: 400px; overflow: hidden; padding-bottom: 10px; }
.cp_det1 .foucebox .bd { position: absolute; left: 0; top: 0; width: 425px; height: 285px; overflow: hidden; border: 1px solid #eaeaea; }
.cp_det1 .foucebox .bd img { width: 427px; height: 285px; }
.cp_det1 .foucebox .hd { position: relative; height: 96px; top: 310px; }
.cp_det1 .foucebox .hd ul { text-align: center; }
.cp_det1 .foucebox .hd li { position: relative; float: left; display: inline; width: 135px; height: 96px; overflow: hidden; margin-right: 11px; }
.cp_det1 .foucebox .hd li:last-child { margin-right: 0; }
.cp_det1 .foucebox .hd a { display: block; width: 135px; height: 96px; }
.cp_det1 .foucebox .hd img { width: 135px; height: 96px; }
.cp_det1 .foucebox .hoverBg { position: absolute; top: 0px; width: 135px; height: 94px; border: 2px solid #20606a; cursor: pointer; z-index: 2; }
.cp_det1 dl dd { width: 460px; height: 400px; text-align: left; }
.cp_det1 dl dd h2 { padding-bottom: 0px; line-height: 30px; font-size: 16px; font-weight: 700; color: #c53535; }
.cp_det1 dl dd h3 { padding-bottom: 10px; line-height: 30px; font-size: 14px; color: #4c4c4c; }
.cp_det1 dl dd h4 { padding: 10px 0px; height: auto; line-height: 24px; font-size: 14px; color: #000; border-top: 1px dashed #DFD5CB; margin-top: 8px; padding: 8px 0 px; max-height: 160px; overflow: hidden; }
.cp_det1 dl dd p { font-size: 14px; color: #555; line-height: 24px; font-weight: normal; }
.cp_det1 dl dd em { margin-top: 20px; display: block; }
.product_introduce { margin-top: 30px; overflow: hidden; display: block; }
.product_introduce .product_introduce_main { margin-top: 30px; text-align: center; }
.product_introduce .product_introduce_main img { margin-bottom: 20px; width:90%;}
.page_text { border-top: #b6b6b6 dotted 1px; border-bottom: #b6b6b6 dotted 1px; font-size: 14px; padding: 10px 0px; margin-top: 30px; color: #20606a; }
.page_text p { line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; }
.page_text p a { color: #3f3f3f; font-weight: normal; }
/* 公司概况 */
.banner_about { width: 100%; height: 350px; overflow: hidden; display: block; background: url(img/about_banner.jpg) 50% 0; }
.about_ny { width: 910px; overflow: hidden; display: block; }
.about_ny h2 { font-size: 18px; }
.about_ny p { font-size: 14px; color: #000; line-height: 24px; text-indent: 2em; }
/* 客户案例 */
.case_list { width: 910px; height: auto; }
.case_list ul { margin-right: -10px; display: block; overflow: hidden;}
.case_list li a { float: left; width: 295px; margin-right: 10px; margin-bottom: 10px; }
.case_list li a:hover { background-color: #20606a; }
.case_list li a:hover p { color: #fff; }
.case_list li p { text-align: center; font-size: 14px; color: #000; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_list li img { width: 291px; height: 198px; margin-top: 2px; margin-left: 2px; }
/* 图片分享 */
.pic_list { width: 910px; height: auto; }
.pic_list ul { margin-right: -10px; display: block; overflow: hidden; }
.pic_list li a { float: left; width: 295px; margin-right: 10px; margin-bottom: 10px; }
.pic_list li a:hover { background-color: #20606a; }
.pic_list li a:hover p { color: #fff; }
.pic_list li p { text-align: center; font-size: 14px; color: #000; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pic_list li img { width: 290px; height: 225px; margin-top: 2px; margin-left: 2px; }
/* 客户案例详情 */
.case_details { width: 900px; display: block; overflow: hidden; }
.case_details h2 { font-size: 24px; text-align: center; color: #000; }
.case_details h3 { font-size: 14px; color: #979696; text-align: center; line-height: 50px; }
.case_details .case_details_main { border-top: 1px dashed #d6d4d4; padding-top: 20px; margin-top: 20px; text-align: center; }
.case_details .case_details_main p { font-size: 14px; color: #000; text-align: left; line-height: 24px; padding-top: 20px; }
.case_details .case_details_main img, .case_details .case_details_main p img{padding:15px 0; width:100%}
.banner_news { width: 100%; height: 350px; overflow: hidden; display: block; background: url(img/news_banner.jpg) 50% 0; }
.news_list { width: 910px; display: block; overflow: hidden; }
.news_list dl { width: 895px; height: 130px; background-color: #faf2e4; padding: 15px; margin-bottom: 20px; }
.news_list dl dt { font-size: 18px; color: 3333; margin-bottom: 10px; }
.news_list dl dd { font-size: 14px; color: #3f3f3f; line-height: 24px; margin-bottom: 30px; height: 50px; overflow: hidden; }
.news_list dl span a { font-size: 14px; color: #20606a; }
.news_list a:hover { color: #20606a; }
.contact_ny { width: 910px; overflow: hidden; display: block; }
.contact_ny h2 { font-size: 18px; line-height: 40px; }
.contact_ny p { font-size: 14px; color: #000; line-height: 24px; }

.map_ny{width:910px; display:block; overflow:hidden;}
.map_ny h2{font-size:18px; color:#000; line-height:60px; border-bottom:1px solid #ccc;}
.map_ny  p{font-size:14px; color:#000; line-height:50px;}
.map_ny  p a{margin-right:80px;}
.map_ny  p a:hover{ color:#ef1212;}

.side-bar {width: 100px; height:410px; border:2px solid #000;position: fixed;/*background:#737373;*/bottom: 32%;right: 0;font-size: 0;line-height: 0;z-index: 100; border-radius:10px}
/*.side-bar a {width: 56px;height: 50px;display: inline-block;margin-bottom: 2px;}*/
.side-bar a:hover {/*background:#f40946;*/}
.side-bar .icon-qq {background-position: 0 -62px; background:url(img/wx.png) center  center no-repeat;position: relative;}
/*.side-bar .icon-chat {background-position: 0 -130px;position: relative;  background:url(img/qq.png) center  center no-repeat;}*/
.side-bar .icon-chat:hover {background: url(img/qq_3.png) no-repeat;background-position: 15px 12px;}
.side-bar .icon-qq:hover{background:url(img/wx_3.png)  no-repeat;background-position: 12px 12px;}
.side-bar .icon-blog:hover{background:url(img/dh_3.png)  no-repeat;background-position: 13px 13px;}
.side-bar .icon-chat:hover .chat-tips {display: block;}
.side-bar .icon-qq:hover .qq-tips {display: block;}
.side-bar .icon-blog:hover .blog-tips {display: block;}
.side-bar .icon-blog {background-position: 0 -198px; background:url(img/dh.png) center  center no-repeat ; }
.side-bar .icon-totop {background-position: 0 -334px;}
.chat-tips {width:100px; height:90px; background:#ffff80; border-top-left-radius:10px;border-top-right-radius:10px}
.chat-tips p, .blog-tips p{ font-size:12px; color:#333; text-align:center; line-height:18px; /*background-color:#737373*/}
.chat-tips img, .blog-tips img{padding:5px 0 5px 0}
.chat-tips .zxzx {width:120px;line-height:30px;border-radius:5px;border: 1px solid #fff; font-weight:bold;color: #fff;text-align:center;margin:0 auto;margin-top:5px; font-size:18px;}
.chat-tips .zxzx:hover{border: 1px solid #f40946;color: #f40946;}
.qq-tips  img{width:90px; height:90px; margin:0 auto; display:block; padding:10px 0 5px 0}
.qq-tips p{font-size:14px; color:#333; text-align:center; padding-top:10px}
.qq-tips {width:100px; height:140px; background:#ffff00; border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.blog-tips{width:100px; height:90px; background:#ffff00; }
.blog-tips .p_dh1{font-size:20px;color: #fff;text-align:center;line-height:40px;margin-top:15px;background-color: #737373;}
.blog-tips .p_dh2{font-size:18px; font-weight:bold;color: #fff;border: 1px solid #fff;text-align:center;margin-top:5px; width:140px; line-height:30px;border-radius:5px;}
.blog-tips .p_dh2:hover{color: #f40946;border: 1px solid #f40946;}
.side-bar .top{ background:url(img/top_2.png) no-repeat;background-position: 12px 25px;border-bottom-left-radius:10px; border-top-left-radius:10px;}
.side-bar .bottom{background:url(img/bottom_2.png) no-repeat;background-position: 12px 10px;border-bottom-left-radius:10px; border-top-left-radius:10px;}




.contact {width:39%; float:left;}
.contact p{text-indent:0;}
.contact2 {width:25%; float:left;}
.contact2 p{text-indent:0;}
.kefu {float:left; margin-right:10px;}
.contact_1 {float:left;height:120px; margin-top:10px;}

/* 右侧浮动在线客服 */
.commonposition { _position: absolute; _top: expression(documentElement.scrollTop + 200 + "px");
position: fixed; top: 31.6%; right: 0px; z-index: 999999; display: none; }
.commonposition a { display: block; width: 45px; height: 45px; position: relative; background-color: #dc4c4c; background-image: url(img/icon.png); background-repeat: no-repeat; margin-top: 2px; }
.commonposition a span { display: none; position: absolute; right: 0px; top: 0px; height: 45px; padding-left: 50px; color: #fff; line-height: 45px; font-size: 14px; background-color: #3e352d; }
.commonposition a.HomeQQ { background-position: -4px 0px; }
.commonposition a.HomeQQ1 { background-position: -4px 0px; }
.commonposition a.Homedianhua { background-position: -4px -52px; }
.commonposition a.Homeweixin { background-position: -4px -102px; }
.commonposition a.Hometop { background-position: -4px -205px; background-color: #3e352d; }
.commonposition a span.QQbggray { background-position: -4px 0px; background-image: url(img/icon.png); background-repeat: no-repeat; width: 90px; }
.commonposition a span.QQbggray1 { background-position: -4px 0px; background-image: url(img/icon.png); background-repeat: no-repeat; width: 90px; }
.commonposition a span.weixinerweima { right: 45px; padding: 0px; }
.commonposition a span.dianhuabggray { background-position: -4px -52px; background-image: url(img/icon.png); background-repeat: no-repeat; width: 120px; }