@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3, h4
{ margin: 0; padding: 0; font-size: 12px;_background-attachment:fixed;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;/*display:block*/}
.clear { clear:both;}
a{text-decoration:none;outline:0;}
center{padding:20px 0;}
/* fixed */
body{ font-family:"微软雅黑", "宋体";}
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
/* banner */
.banner { width: 1920px; height: 500px; position: relative; overflow:hidden;z-index:1; margin:0 auto}
.banner-box{width:1920px;height:500px;position:absolute;left:50%;margin-left:-800px;top:0;z-index:1;}
.sub_banner{height:251px;}
.banner img{display:block;margin:0 auto;}
.btns{width:1002px;position: absolute;height:81px;left:50%;top:160px;margin-left:-501px;}
.btns .prev,
.btns .next {width: 36px; height: 81px;float:left;background:url(../images/leftbtn.png) 0 0 no-repeat;}
.btns .next {background:url(../images/rightbtn.png) 0 0 no-repeat;float:right;}

/* top */
.top-bg{width:100%;background:url(../images/topbg.jpg) 0 0 repeat-x;height:85px;}
.top{width:1002px;height:85px;margin:0 auto;overflow:hidden;}
.logo{float:left;margin:18px 0 0 10px;}
.top_tel{float:right;background:url(../images/top_tel.png) 3px center no-repeat;padding-left:38px;border-bottom:1px solid #becbe0;margin:11px 36px 0 0;padding-right:3px;}
.top_tel span{display:block;font:12px/20px "microsoft yahei";color:#3e74ce;}
.top_tel p{font:29px/28px "impact";color:#3e74ce;height:33px;}
.nav-bg{width:100%;height:49px;background:#3e74ce}
.nav{width:1002px;height:49px;margin:0 auto;}
.nav li{width:111px;height:49px;float:left;position:relative;z-index:2}
.nav li>a{display:block;width:111px;height:49px;text-align:center;font:700 15px/49px "microsoft yahei";color:#fff;overflow:hidden;}
.nav li>a:hover{background:#F90}
.nav li .cur{background:#F90}
.nav li dl{position:absolute;left:0;top:49px;background:url(../images/navbg.png) 0 0 repeat;z-index:2;width:111px;border-top:1px solid #006cb2;display:none}
.nav li dl a{display:block;width:111px;text-indent:13px;height:37px;overflow:hidden;font:700 15px/37px "microsoft yahei";color:#fff;}
/* marquee */
.marquee-bg{width:100%;background:url(../images/marquee_bg.jpg) center 0 no-repeat;height:52px;overflow:hidden}
.marquee{width:1002px;height:52px;margin:0 auto;overflow:hidden;}
.mar-left{float:left;width:546px;height:52px;overflow:hidden;}
.mar-left p{float:left;background:url(../images/notice.jpg) 19px center no-repeat;text-align:right;height:52px;font:700 15px/52px "microsoft yahei";color:#fa0000;width:98px;}
.mar-left marquee{float:left;width:448px;font:700 15px/52px "microsoft yahei";color:#fa0000;}
.search{width:366px;height:36px;overflow:hidden;float:left;margin:9px 0 0 61px;}
.text{width:293px;float:left;font:12px/26px 'microsoft yahei';color:#494949;height:26px;padding:5px 0;background:#fff;border:0}
.select{float:left;width:85px;border:0;background:url(../images/select.jpg) 65px center no-repeat #fff;}
.btn{float:left;background:url(../images/button.jpg) no-repeat center center #adadad;width:66px;height:36px;border:0;cursor:pointer;}
.select select{margin:5px auto;width:85px;}
.searchBar span{ float:right; margin-top:6px;}
.searchBar span a{ color:#666; margin-right:8px;}
.searchBar span a:hover{ color:#6a6a6a;}
.searchBar .select {float:left; margin-top:1px; display:inline; margin-right:8px;}
.searchBar .text {float:left;}
.searchBar .text input{width:182px; padding-top:3px; height:17px; border:1px solid #b7d1eb;}
div.selectbox-wrapper{overflow:hidden;width:85px;position: absolute;text-align:left;*margin-top:0;z-index:111;background:#ccc}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#36c}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:85px;cursor:pointer;line-height:26px;padding-top: 3px;font-size:12px;font-family:'微软雅黑';color:#fff; background:#6c6c6c;}
div.selectbox-wrapper ul li.selected {background-color: #36c;color:#fff;}
.selectbox{border:none;display:block;width:85px;background:none;text-indent:9px;cursor:pointer;height:36px;font-size:12px;font-family:'microsoft yahei';color:#7d7d7d;line-height:36px;}
/* con1 */
.con1-bg{width:100%;;min-height:428px;overflow:hidden; background-color:#3e74ce}
.con1-title{background:url(../images/titlebg.jpg) center center no-repeat;text-align:center;font:700 24px/52px "microsoft yahei";color:#fff;margin:18px auto 12px;width:220px;}
.con1-class{width:1002px;height:26px;margin:0 auto 8px;text-align:center;}
.con1-class a{color:#b5c6e3;background:#1b4996;font:14px/26px "microsoft yahei";padding:2px 6px;margin:0 4px;}
.con1-class a.on{background:#4aae00;color:#fff;}
.movead {zoom:1; width:1020px; margin:0 auto;position:relative;z-index:11;height:246px;background:#fff;}
.movead .pcont {width:1000px;margin:0 auto;height:246px; overflow:hidden;padding-top:14px;}
.movead .ScrCont {width: 32766px; zoom: 1}
.movead #List1_1 {FLOAT: left}
.movead #List2_1 {FLOAT: left}
.movead .LeftBotton { background:url(../images/lbtn.jpg) no-repeat center 0;position:absolute;left:-52px;width: 42px;top:82px;height:84px;}
.movead .RightBotton {background:url(../images/rbtn.jpg) no-repeat center 0;position:absolute;right:-52px;width: 42px;top:82px;height:84px;}
.movead .pl {float:left; width:250px;height:246px;overflow:hidden;}
.con1_img{width:237px;height:220px;overflow:hidden;position:relative}
.con1_img p{width:237px;height:40px;text-align:center;font:700 14px/40px "microsoft yahei";color:#3c3c3c;overflow:hidden;background:#f0f0f0;}
.con1_img p a{color:#3c3c3c;}
.zoom{position: absolute;width:50px;height:50px;left:94px;top:-72px;background:url(../images/zoom.png) 0 0 no-repeat;cursor: pointer}
#picShow{position: fixed;width:100%;height:100%;background:url(../images/blackbg.png) 0 0 repeat;left:0;top:0;z-index:9999}
.pic_show_box{width:100%;height:100%;overflow:hidden;position: relative;}
.pic_show_box img{display:block;margin:93px auto 0;border:5px solid rgba(255,255,255,.2);}
.pic_quit{position: absolute;background:url(../images/quit.png) 0 0 no-repeat;width:64px;height:64px;top:0;right:0;cursor: pointer}
.lbtn{display:block;position: absolute;background:url(../images/leftbtn1.png) 0 0 no-repeat;width:53px;height:53px;top:287px;left:65px;}
.rbtn{display:block;position: absolute;background:url(../images/rightbtn1.png) 0 0 no-repeat;width:53px;height:53px;top:287px;right:65px;}
.pic_show_box p{width:593px;text-align:center;margin:0 auto;overflow:hidden;font:18px/106px "microsoft yahei";color:#0c4201;text-overflow: ellipsis;white-space: nowrap}
.pic_show_box p a{color:#fff;}
.con1-more{width:1002px;height:60px;margin:0 auto;overflow:hidden;text-align:center;font:700 14px/60px "microsoft yahei";color:#fff;}
.con1-more a{color:#fff;}
/* con2 */
.con2-bg{width:100%;background-color: #3e74ce;height:442px;overflow:hidden;}
.con2{width:1002px;height:442px;margin:0 auto;overflow:hidden;}
.con2-title{width:204px;height: 57px;margin:0 auto;text-align:center;background:url(../images/con2_title.png) 0 bottom no-repeat;font:700 24px/55px "microsoft yahei";color:#fff;}
.iabout{width:1002px;height:78px;margin:16px auto 0;overflow:hidden;color:#fff;font:14px/26px "microsoft yahei"}
.iabout a{color:#fff;}
.con2-news{background:url(../images/con2.png) center 0 no-repeat;width:987px;height:218px;margin:16px auto 0;position:relative;}
.con2-news h1{position:absolute;width:204px;height:46px;text-align:center;left:396px;top:0;font:700 27px/46px "microsoft yahei";color:#fff;}
.con2-news li{position:absolute;width: 328px;height: 76px;overflow:hidden;}
.news-li1{left:51px;top:15px;}
.news-li2{right:6px;top:15px;}
.news-li3{left:51px;top:114px;}
.news-li4{right:6px;top:114px;}
.con2-news li>p{width:100%;height:28px;overflow:hidden;font:700 14px/28px "microsoft yahei";color:#fff;}
.con2-news li>p>a{color:#fff;}
.con2-news li>div{width:100%;height:48px;overflow:hidden;font:12px/24px "microsoft yahei";color:#fff;}
/* con3 */
.con3-bg{width:100%;background:url(../images/con3bg.jpg) center 0 no-repeat #3e74ce;height:495px;overflow:hidden;}
.con3{width:994px;height:495px;margin:0 auto;overflow:hidden;}
.con3-title{width:994px;height:86px;margin:14px auto 0;overflow:hidden;background:url(../images/con3_title.jpg) center center no-repeat;text-align:center;font:700 24px/86px "microsoft yahei";color:#fff;}
.con3-ul{width:1008px;height:390px;overflow:hidden}
.con3-ul li{width:252px;height:195px;float:left;overflow:hidden;position:relative;}
.zoom1{position: absolute;width:50px;height:50px;left:99px;top:-66px;background:url(../images/zoom.png) 0 0 no-repeat;cursor: pointer}
/* foot */
.links-bg{width:100%;height:53px;border-bottom:1px solid #303946;overflow:hidden;background:#2e2e2e;}
.links{width:1002px;height:53px;margin:0 auto;overflow:hidden;font:700 16px/53px "microsoft yahei";color:#fff;background:url(../images/links.jpg) 12px center no-repeat;text-indent:60px;text-overflow: ellipsis;white-space: nowrap;}
.links a,.links span{color:#fff;margin-right:10px;}
.foot-bg{width:100%;background:#2e2e2e;height:136px;}
.foot{width:1002px;height:136px;margin:0 auto;position:relative;background:url(../images/foot_line.jpg) 297px 22px no-repeat;}
.foot-nav{float:left;width:264px;height:108px;overflow:hidden;margin-top:12px;}
.foot-nav li{width:88px;height:36px;float:left;overflow:hidden;text-align:center;font:15px/36px "microsoft yahei";color:#fff;}
.foot-nav li a{color:#fff;}
#pgshare1 #bdshare a{background: url(../images/share.jpg) no-repeat scroll 0 0 transparent;margin-right:33px;min-height: 41px;min-width:41px;display:block;float:left;padding:0}
#pgshare1 #bdshare{background: url(../images/share.jpg) repeat-x scroll 0 -178px transparent;display: block;float: left;padding-bottom: 2px;text-align: left !important;z-index: 999999;}
#pgshare1 #bdshare .bds_tsina,#pgshare1 #bdshare a.bds_tsina:hover{background-position:-153px 0 !important;}
#pgshare1 #bdshare .bds_tqq,#pgshare1 #bdshare a.bds_tqq:hover{background-position:0 0 !important;}
#pgshare1 #bdshare .bds_weixin,#pgshare1 #bdshare a.bds_weixin:hover{background-position:-74px 0 !important;}
#pgshare1{width:222px;height:41px;float:left;margin:45px 0 0 130px;position:relative;z-index:2}
.site-map{position:absolute;background:url(../images/site_map.jpg) 0 center no-repeat;font:12px/38px "microsoft yahei";color:#fff;padding-left:53px;left:368px;top:70px;}
.foot-contact{background:url(../images/foot_tel_bg.jpg) 0 0 no-repeat;width:423px;height:137px;position:absolute;right:-9px;top:-1px;overflow:hidden;z-index:1}
.foot-contact p{width:100%;height:26px;margin-top:17px;overflow:hidden;background:url(../images/foot_tel.jpg) 176px center no-repeat;text-indent:197px;font:18px/26px "microsoft yahei";color:#fff;}
.foot-contact h2{width:274px;height:40px;font:34px/36px "impact";color:#fff;border-bottom:1px dashed #fff;margin:0 0 0 80px;text-align:center;}
.foot-contact div{width:244px;font:12px/30px "microsoft yahei";color:#fff;padding-left:74px;}
.foot-copyright{width:100%;height:63px;border-bottom:1px solid #3e74ce;background:#009bfe;text-align:center;font:14px/63px "microsoft yahei";color:#fff;}
.foot-copyright span{margin:0 10px;}
.foot-copyright a{color:#fff;}
/* subpage */
.subpage{width:735px;height:auto;overflow:hidden;margin:16px auto; float:right;}
.subpage1{width:1002px;height:auto;overflow:hidden;margin:16px auto; }
.sub-title-bg{width:100%;background:url(../images/zy-bg_03.jpg) center 0 no-repeat #3e74ce;;height:73px;overflow:hidden;}
.sub-title{width:1002px;height:73px;margin:0 auto;overflow:hidden;}
.sub-fl { float:left; width:172px;font:700 24px/58px "microsoft yahei";color:#3e74ce; padding:10px 0 0 80px;}
.sub-name{float:left;height:58px;text-indent:28px;font:700 24px/58px "microsoft yahei";color:#fff;overflow:hidden;padding:10px 0 0 0px;}
.sub-title p{float:right;font:14px/73px "microsoft yahei";color:#fff;padding-right:26px;}
.sub-title p a{color:#fff;}
.about{font:14px/30px "microsoft yahei";color:#1b1b1b}
.sub-box { width:1002px; margin:auto; position:relative;}
.fenlei { width:243px; margin:0px 0 15px 8px;float:left; display:inline;}
.fenlei-box { width:243px; background:url(../images/zy-bb_07.jpg) repeat-y; overflow:hidden; padding:0 0 15px 0;}
.fenlei-box ul {}
.fenlei-box ul li { border-bottom:1px solid #ededed; margin:0 18px; height:40px; line-height:40px; font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.fenlei-box ul li a { color:#3e74ce; padding:0 0 0 25px; background:url(../images/dd1.png) 8px 5px no-repeat; font-weight:bold; }
.fenlei-box ul li a:hover { color:#666666; padding:0 0 0 25px; background:url(../images/dd1.png) 8px 5px no-repeat;  font-weight:bold; }
.lianxi { background:url(../images/zy-bb_10.jpg) no-repeat; height:259px;}
.biaoti {height:50px;font:bold 24px/58px "microsoft yahei";margin:0 0 0 15px;color:#fff;padding:0 0 0 60px;background:url(../images/zyb2.png) 10px 18px no-repeat;}
.lianxi .neirong {width: 194px; height: auto;overflow: hidden;color: #fff;font: 14px/25px "microsoft yahei"; padding:0 15px; margin:12px 0 0 0;}
.lianxi .neirong h1 {  width: 100%;text-align: center;font: 28px/60px "impact";color: #fff;}
/* news */
.news{width:100%;height:auto;overflow:hidden;}
.news li{width:100%;height:47px;border-bottom:1px solid #b2b2b2;overflow:hidden;background:url(../images/icons1.jpg) 4px center no-repeat;text-indent:34px;font:15px/47px "microsoft yahei";color:#1b1b1b;}
.news li a{float:left;color:#1b1b1b}
.news li span{float:right;padding-right:22px;}
.news_list2{width:100%;height:auto;overflow:hidden}
.news_list2 li{width:100%;height:106px;overflow:hidden;}
.news_list2 li p{width:100%;height:42px;border-bottom:1px dashed #dadada;overflow:hidden;background:url(../images/icons2.jpg) 8px center no-repeat;text-indent:22px;}
.news_list2 li p a{float:left;font:14px/42px "microsoft yahei";color:#3e3e3e;}
.news_list2 li p img{float:left;margin:16px 0 0 8px;}
.news_list2 li p span{float:right;font:12px/42px "microsoft yahei";color:#a3a3a3;padding-right:12px;}
.news_list2 li div{width:100%;height:52px;overflow:hidden;font:14px/26px "microsoft yahei";color:#999898;margin-top:5px;}
.news_list2 li:hover a,.news_list2 li:hover span,.news_list2 li:hover div{color:#d40000}
.news_list2 li:hover a{background:url(../images/icons2.jpg) 8px center no-repeat;}
.news_list3{width:100%;height:auto;overflow:hidden}
.news_list3 li{width:100%;height:140px;overflow:hidden;}
.news_list3 li p{width:100%;height:42px;border-bottom:1px dashed #dadada;overflow:hidden;background:url(../images/icons2.jpg) 8px center no-repeat;text-indent:22px;}
.news_list3 li p a{float:left;font:14px/42px "microsoft yahei";color:#3e3e3e;}
.news_list3 li p img{float:left;margin:16px 0 0 8px;}
.news_list3 li p span{float:right;font:12px/42px "microsoft yahei";color:#a3a3a3;padding-right:12px;}
.news_list3 li div{width:100%;height:88px;overflow:hidden;font:14px/22px "microsoft yahei";color:#999898;margin-top:8px;}
.news_list3 li:hover a,.news_list3 li:hover span,.news_list3 li:hover div,.news_list3 li:hover div img{color:#d40000;border-color:#d40000}
.news_list3 li:hover a{background:url(../images/icons2.jpg) 8px center no-repeat;}
.news_list3 li div a{display:block;float:left;padding:3px;border:1px solid #ddd;margin:0 14px 0 3px;width:107px;height:78px;}
/* pages */
.pages{width:100%;height:28px; margin:14px 0; clear:both;}
.pages ul{float:right; margin:0 15px 0 0; display:inline;}
.pages ul li{float:left; display:inline; margin:0 7px 0 0; font:500 12px/28px "microsoft yahei";color:#6e6e6e;width:26px;height:26px;border:1px solid #3e74ce;background:#3e74ce; text-align:center;}
.pages ul li a{color:#fff; display:block;width:26px;height:26px;}
.pages ul li.prev{width:64px;height:26px;background:url(../images/prev_page.jpg) 6px center no-repeat #3e74ce;text-indent:13px; border:1px solid #3e74ce; text-align:left;}
.pages ul li.prev a,.pages ul li.next a{display:block;width:64px;height:26px;}
.pages ul li.ok a{display:block;width:55px;height:28px;}
.pages ul li.next{width:64px;height:26px;background:url(../images/next_page.jpg) 54px center no-repeat #3e74ce;text-indent:6px; border:1px solid #3e74ce; text-align:left;}
.pages ul li.clickli{background:#55b210;border:1px solid #55b210}
.pages ul li.clickli a{color:#fff}
.pages ul li.dot{border:0; background:none;color:#64728f;}
.pages ul li.allpage{width:136px;border:0;background:none;}
.allpage input{width:26px;height:26px;border:1px solid #3e74ce;text-align:center;background:#3e74ce; margin:0 5px;color:#fff;font:12px/26px "microsoft yahei";}
.pages ul li.ok{background:#3e74ce;width:53px;height:26px;float:left;border:1px solid #3e74ce}
.pages ul li.ok a{color:#fff}
/* product */
.product{width:730px;height:auto;overflow:hidden;margin:0 auto;}
.product li{width:243px;height:236px;float:left;overflow:hidden;position:relative;}
.product li>a{display:block;width:235px;height:176px;margin:0 auto;overflow:hidden;}
.product li>p{width:235px;height:43px;margin:0 auto;overflow:hidden;text-align:center;font:14px/43px "microsoft yahei";color:#fff;background:#3e74ce}
.product li>p a{color:#fff;}
.product li span.zoom1{left:99px}
.product-class{height:auto;margin:42px auto;overflow:hidden;}
.product-class a{display:block;float:left;margin-bottom:6px;line-height:20px;}



/* product */
.product2{width:1002px;height:auto;overflow:hidden;margin:0 auto;}
.product2 li{width:243px;height:236px;float:left;overflow:hidden;position:relative; background-color:#FFF; border-radius:5px; margin-top:10px; margin-left:2px; margin-right:2px; padding-top:10px;}
.product2 li>a{display:block;width:235px;height:176px;margin:0 auto;overflow:hidden;}
.product2 li>p{width:235px;height:43px;margin:0 auto;overflow:hidden;text-align:center;font:14px/43px "microsoft yahei";color:#fff;background:#3e74ce}
.product2 li>p a{color:#fff;}
.product2 li span.zoom1{left:99px}

/* case */
.case{width:922px;height:auto;margin:0 auto;overflow:hidden;}
.case li{width:100%;height:144px;overflow:hidden;position:relative;}
.case li>a{display:block;float:left;width:165px;height:124px;overflow:hidden;}
.case li>p{float:left;width:742px;height:26px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font:15px/1 "microsoft yahei";color:#2e2e2e;padding-left:12px;}
.case li>p a{color:#2e2e2e;}
.case li>div{float:left;width:742px;height:44px;overflow:hidden;font:14px/22px "microsoft yahei";color:#666667;padding-left:12px;}
.case li>h4{float:left;width:742px;height:22px;overflow:hidden;font:14px/22px "microsoft yahei";color:#848484;padding-left:12px;}
.case li span.zoom1{left:60px;top:-38px;}
/* view */
.view{font:14px/30px "microsoft yahei";color:#1b1b1b}
.view h1{width:100%;text-align:center;font:700 22px/30px "microsoft yahei";color:#484747;}
.date{width:100%;text-align:center;font:12px/32px "microsoft yahei";color:#7d7d7d;border-bottom:1px dotted #c6aa7f;}
.xpage{width:100%;height:auto;margin:10px auto;overflow: hidden;position: relative;border-top:1px dotted #c6aa7f;padding:12px 0;}
.xpage p{width:100%;height:28px;font:14px/28px "microsoft yahei";color:#555;overflow: hidden;}
.xpage p a{color:#555}
.back{position:absolute;right:12px;top:20px;font-size:14px;color:#4f4b4b;line-height:38px;}
.right_con img{max-width: 100%;}
.view img{max-width: 100%;display:inline}
.view div{font-size:14px;}
.pdf_down{display:block;background:url(../images/pdf.jpg) 0 0 no-repeat;width:224px;height:46px;margin:10px auto;font:14px/46px "microsoft yahei";color:#fff;text-indent:74px;}
.white-bg{background:#fff;padding:10px 0;}
/* common color 通用样式 */
.common_color,.has_account a.common_color,.xiadd a{color:#3e74ce}
.common_bg,.common_page a.nowpage,.common_page a:hover,.vip_left_nav li.vip_left_btn1:hover,.vip_left_nav li.vip_left_btn1.nowpage,.vip_left_nav li.vip_left_btn2:hover,.vip_left_nav li.vip_left_btn2.nowpage,.vip_left_nav li.vip_left_btn3:hover,.vip_left_nav li.vip_left_btn3.nowpage,.vip_left_nav li.vip_left_btn4:hover,.vip_left_nav li.vip_left_btn4.nowpage,.vip_left_nav li.vip_left_btn5:hover,.vip_left_nav li.vip_left_btn5.nowpage,.vip_add_address a.common_bg,.vip_login li input.common_bg,.level_bg p.common_bg,.scrollbutton.smallImgUp:hover,.scrollbutton.smallImgDown:hover,.star_score_box p.common_bg,.view_img_btns input,.view_imgs .prev:hover,.view_imgs .next:hover,.common_page a.nowpage,.common_page a:hover,.pagebox a.nowpage,.pagebox a:hover,.pagebox_num_nonce,.order-list-state a.on,.vip_login_alert li input.vip_login_btn,.vip_left_nav li.vip_left_btn6:hover,.vip_left_nav li.vip_left_btn6.nowpage,.m_car_collect a:hover{background-color:#3e74ce}
.common_border_color,.type_choose span.border_color,.type_choose2 span.border_color,.view_imgs .listBox .on img,.cart_address.common_border{border-color:#3e74ce;}
.product_about_top span.on{border-top-color:#3e74ce}

.fanye{
	text-align:center;
	clear: both;
	padding-top: 26px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.fanye a{display:inline-block;height:30px;color:#fff;text-align:center;margin:0 4px;line-height:30px; text-decoration:none;}
.fanye a.page{background-color:#999;width:30px;height:30px;color:#fff;text-align:center;margin:0 4px;line-height:30px}
.fanye a.next{background-color:#333;width:60px;}
.fanye a.page:hover{background-color:#333;box-shadow: 0px 0px 9px #999;}
.fanye a.cur{background-color:#333;width:30px; text-align:center;box-shadow: 0px 0px 9px #999;}

/* 在线留言 */
.bookx {
	width: 90%;
	/*margin: 3% auto;*/
	padding: 3%;
}
.bookx li {
	width: 100%;
	margin-bottom: 5%;
	margin-top:15px;
}

.bookx_input {
	display: block;
	height:25px;
	line-height:25px;
	-webkit-appearance: none;
	border-radius: 0;
	width:100%;
	padding:5px;
}
.bookx_textarea {
	width: 100%;
	height:100px;
	padding:5px;
}
.bookx li .pin_width {
	width: 100%;
}
.bookx li .login_btn {
	width: 100%;
	color: #fff;
	border: 0;
	text-align: center;
	font-size:14px;
	background:#216ac4;
	box-shadow: none;
	line-height:40px;
}
.bookx input, .bookx textarea {
	
	border: 1px solid #dcdcdc;
	background: #fff;
	color: #333;
font-size:14px;
line-height:25px;
}
.msg_now {
    width: 100%;
    height: 34px;
    background: url(../images/msg_line1.png) center center no-repeat;
    overflow: hidden;
    margin: 15px 0 0 0;
}
.msg_title {
    width: 155px;
    height: 34px;
    background: url(../images/msg_btn.png) 7px center no-repeat #3e74ce;
    text-indent: 43px;
    margin: 0 auto;
    color: #fff;
    font: 22px/34px "microsoft yahei";
}
.ys_bg{ width:100%; height:auto; background:#fff; margin:0 auto; padding-top:30px;}
.ys_1{width:1102px; height:221px; background:url(/skin/images/20161110142615_1261273297.jpg); margin:0 auto;background-size: 100% 100%;}
.ys_2{width:1102px; height:217px; background:url(/skin/images/20161110142615_1055100519.jpg); margin:0 auto;background-size: 100% 100%;}
.ys_3{width:1102px; height:216px; background:url(/skin/images/20161110142618_227573371.jpg); margin:0 auto;background-size: 100% 100%;}
.ys_4{width:1102px; height:222px; background:url(/skin/images/20161110142617_1072748783.jpg); margin:0 auto;background-size: 100% 100%;}
.ys_bg img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:343px; height:184px;}
.ys_bg img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}
.ys_wz1{ font-size:26px; line-height:40px; color:#0075bb;margin-top:48px;}
.ys_wz2{font-size:15px; color:#b8b8b8; text-transform:uppercase; }
.ys_wz3{font-size:14px; line-height:20px; color:#666666; margin-top:20px;}
.fl {
    float: left;
}
.fr {
    float: right;
}
.ggy {
    width: 100%;
    text-align: center;
    height: 160px;
    background: url(/skin/images/20161021182410_1890034189.jpg) no-repeat center;
    margin: 0px auto;
    
}
.brand-type {
	display: block;
	text-align: center;
	font-size: 0;
	margin-bottom:15px;
	max-width:1002px;
	margin-left:auto;
	margin-right:auto;
}
.brand-type li {
	display: inline-block;
	width: 24%;
	height: 40px;
	margin: 0 0.1%;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;
	font-size: 15px;
	color: #8d8d8d;
	background-color:#ffe40b;
	cursor: pointer;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	margin-top:10px;
}
.brand-type li a {
	color: #000;
	display: block;
}
 @media screen and (max-width: 768px) {
.brand-type li {
	width: 20%;
	margin: 1%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
}
 @media screen and (max-width: 640px) {
.brand-type li {
	width: 45%;
}
}
.brand-type li.active {
	color: #fff;
	background-color: #2A80E5;
}
.brand-type li.active a {
	color: #fff;
}
#wrapper {
	background:#fff;
	position:relative;
}
.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:500px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#e1472f !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 188px;
    height: 6px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.child_top{ width:1600px; margin:0 auto}