@charset "utf-8";

/* 全站共用 */
body{ margin:0px; padding:0px; font-size:12px; color:#666; font-family:"微软雅黑"}
ul,li{ margin:0px; padding:0px; list-style: none;}
img{ border:0px;}
a{ color:#666; text-decoration:none}
a:hover{ color:#000; text-decoration:none}
input{ outline:0}


.headbox{ width:100%; height:85px; float:left}
.head{ width:1000px; height:auto; margin:0 auto;}
.head_r{ width:auto height:auto; float:right; margin-top:20px; margin-right:10px;}


/*导航*/
.dhbox{ width:100%; height:45px; float:left; background-color:#FB7D0C; font-family:"微软雅黑";}
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

#menu { height: 46px; min-width: 1000px; width: 1000px !important; margin: 0px auto;}
#menu .nav { width: 1000px; margin: 0 auto; height: 46px; position: relative; z-index: 100;}
#menu .nav ul {float: left;}
#menu li {float: left; display: block; overflow: visible; vertical-align: top;}

.nav a{color:#fff; cursor:pointer;}
.nav a.trad, .nav a.solutions_products, .nav a.support, .nav a.about_systron, .nav a.join_systron,.nav a.shop_systron {display: block; text-decoration:none; color:#000; text-align:center; position:relative; z-index:1007; font-size:15px; line-height:46px;width:109px;}
.nav li a.hover{ float:left;width:109px; color:#0d569b; background:url(../images/menu_li_bg.png) background-repeat: no-repeat; background-position: 0 -85px; background-color:transparent; margin-top: 0px; line-height: 46px;}
.nav li a.hover span{ float:left;width:109px; background:url(../images/menu_li_bg.png); background-repeat:no-repeat; background-position:100% -18px; background-color:transparent; color:#FA7D0C;}
.nav li a.active span{color: #FA7D0C;}
/*take off background*/
.nav a.shop_systron:hover,.nav li a.shop_systron:hover span{background:none;}
/*take off background by zwx171614 20140805*/
.nav a.join_systron:hover,.nav li a.join_systron:hover span{background:none;}


.menuitempanel {top: 46px; position: absolute; z-index: 1000; display: none; left: 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); box-shadow: 2px 2px 6px rgba(0,0,0,.3); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;}
.menuright{right:0px; left:auto;}
.menucontentdiv {background: #fff url(../images/s_232057.png) 0 0 repeat-x; border-left: 1px solid #CCC; margin-right: 7px; padding: 20px 20px 0 30px; width:700px; height:100%; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.menucontentdiv .clearfix{ padding-bottom:10px; position:relative;}
.menufillet_s, .menufillet_w, .menufillet_e, .menufillet_se, .menufillet_sw{position: absolute;zoom: 1;display: block;overflow: hidden;
background-attachment:scroll; background-color:transparent; z-index: 999; width: 10px;height: 10px;}
.menufillet_e { background-image: url(../images/s_232058.png);background-repeat: repeat-y; _background:transparent; height: 100%; right: 0px; top: 0; width: 7px;}
.verticalLine{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:200px; height:200px; margin:0 45px;}
#menu .menuitempanel li {float: none; top: 0; line-height:24px;}
#menu .menuitempanel li.left {float: left;}
.menuitempanel h2 {color: #FA7D0C; font-size: 15px;font-weight: bold;}
.menuitempanel h2 a {color: #00409a;}
.menuitempanel ul li a{ color:#666;}
.menuitempanel ul li a:hover{ color:#000; text-decoration:underline}
.menuitempanel ul.taxonomy { margin-left: -5px;}
#menu .menuitempanel ul.taxonomy li {font-size: 14px; font-weight: bold; text-indent: 10px; line-height: 32px;}
.menuitempanel ul.taxonomy li a{ color:#333;}
.menuitempanel ul.m_box li.title {font-weight: bold; margin-top: 5px;}
.menuitempanel ul.m_box li.summary { width:259px; font-weight: normal;}
#menu .menuitempanel ul.m_box li.summary ul {padding: 0 0; float:none;}
.menuitempanel .solutions_products ul.m_box li.summary{ padding:0 0 0 2px;}
.menuitempanel .solutions_products ul.m_box li.left{ margin-right:15px;}
.menuitempanel ul.list {margin-right: 50px;}
.menuitempanel ul > li.left > ul {margin-right: 50px;}
.menuitempanel ul.list h3 {padding: 0px 0px 0px 0px;}
.menuitempanel ul.list h3 a {color: #333333;font-size: 14px;font-weight: bold;}
.menuitempanel .solutions_products ul.m_box li.last, .menuitempanel ul.last,.menuitempanel ul li ul.last { margin:0px;}

.shadow_b_layout {background-image: url(../images/menu_li_bg.png); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 -67px; position: absolute; width: 100%; left: 0px;}
.shadow_b_layout div {background: url(../images/menu_li_bg.png) 100% -1px no-repeat;background-attachment: scroll;display: block;height: 16px;margin-left: 15px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}
@-moz-document url-prefix(){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}/*opera专属*/
:root .shadow_b_layout, :root .menufillet_e {display:none\9;}/*IE9专属*/
:root .menucontentdiv{ margin-right:0px\9;border-right: 1px solid #CCC\9;border-bottom: 1px solid #CCC\9;}
:root .menucontentdiv .clearfix{ padding-bottom:15px\9;}
.press-center div.more{width:655px; float:right; text-align:right;}
.press-center div.more a{color:#FA7D0C;}


/* 首页大图 */
.banner{ width:100%; height:450px; float:left}
.flexslider{position:relative;height:450px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:450px;}
.flex-control-nav{position:absolute;bottom:0px;z-index:2;width:158%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:12px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}


.zbox{ width:100%; height:auto; float:left}
.z{ width:1000px; height:auto; margin:0 auto}
.z1{ width:1000px; height:auto; float:left; margin-top:20px;}
.z1_left{ width:300px; height:220px; float:left;border: 1px solid #dfdfdf;}
.z1_center{ width:320px; height:220px; float:left; margin-left:10px;border: 2px solid #979797;}

.z1_right{ width:360px; height:222px; float:right; background:url(../images/index_r7_c12.jpg) top center no-repeat;border: 1px solid #f6f6f6;}
.z1_right1{ width:340px; height:auto; float:left; border-bottom:1px dotted #D6D6D6; padding:5px 10px; margin-top:10px;}
.z1_right1 ul li{ width:340px; height:auto; float:left; line-height:22px;}
.z1_right2{ width:340px; height:auto; float:left; padding:0 10px; margin-top:10px;}
.z1_right2 ul li{ width:340px; height:auto; float:left; line-height:22px;}

.z2box{ width:100%; height:610px; float:left; background:url(../images/index_r11_c1.jpg) top center repeat-x; border-bottom:1px solid #EDEDED; border-top:1px solid #EDEDED; margin-top:10px; padding-top:40px;}
.z2_left{ width:290px; height:320px; float:left; background:url(../images/index_r12_c3.jpg) top center no-repeat; font-family:"微软雅黑"; font-size:15px; line-height:30px; padding:130px 15px 0 15px; color:#333; margin-top:30px;}
.z2_left1{ width:290px; height:320px; float:left; background:url(../images/index_r12_c10.jpg) top center no-repeat; font-family:"微软雅黑"; font-size:15px; line-height:30px; padding:130px 15px 0 15px; color:#333; margin-left:20px; margin-top:30px;}
.z2_left2{ width:290px; height:320px; float:left; background:url(../images/index_r12_c14.jpg) top center no-repeat; font-family:"微软雅黑"; font-size:15px; line-height:30px; padding:130px 15px 0 15px; color:#333; margin-left:20px; margin-top:30px;}


.rollBox{width:1000px; overflow:hidden; float:left; margin-top:10px; margin-bottom:5px;}
.rollBox .Cont{ width:1000px;overflow:hidden;float:left;}
.rollBox .ScrCont{ width:10000000px;}
.rollBox .Cont .pic{ width:160px; float:left;text-align:center; margin-right:7px; display:inline}
.rollBox .Cont .pic img{ width:160px; height:60px; border:1px solid #EDEDED}
.rollBox .Cont .pic p{ height:20px; line-height:20px;color:#333;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{ color:#626466;}
.rollBox .Cont a:hover{ color:#f00;}
.rollBox #List1,.rollBox #List2{ float:left;}

.botbox{ width:100%; height:auto; float:left; border-top:10px solid #FB7D0C; background-color:#F2F2F2; margin-top:10px; line-height:25px; text-align:center; padding:15px 0}


/*单页*/
.abanner{ width:100%; height:250px; float:left; border-bottom:3px solid #FFC20E; margin-bottom:20px;}
.about_left{ width:200px; height:auto; float:left; border-bottom:2px solid #FB7D0C}
.about_left1{ width:190px; height:30px; float:left; line-height:25px; background:url(../images/about_left.jpg) left center no-repeat; color:#fff; padding-left:20px;  font-size:14px;}
.about_left2{ width:200px; height:auto; float:left;}
.about_left2 ul li{ width:175px; height:40px; float:left; line-height:40px; background:url(../images/ico01.jpg) left center no-repeat; background-position:5px; border-bottom:1px solid #ccc; padding-left:25px}
.about_left2 ul li a{ width:175px; height:40px; float:left; color:#FA7D0C}
.about_left2 ul li a:hover{ width:175px ; height:40px; float:left;}

.about_right{ width:784px; height:auto; float:right;}
.about_right1{ width:764px; height:150px; float:left; background:url(../images/about_right.jpg) bottom center no-repeat; line-height:70px; padding-left:20px; color:#fff; font-size:18px; font-family:"微软雅黑"}
.about_right1 a{ color:#666; text-decoration:none;}
.about_right1 a:hover{ color:#333; text-decoration:underline}
.about_right2{ width:784px; height:auto; float:left; background:url(../images/about_right1.jpg) top center no-repeat;}
.about_right3{ width:758px; height:auto; float:left; margin-left:2px; background-color:#fff; border:1px solid #ccc; border-bottom:none; line-height:30px; padding:10px;}
.about_right3 .wz{ width:auto; float:right; padding-right:20px; border-bottom:1px solid #ccc; line-height:30px; margin-right:10px;}
.about_right3 .wz a{ color:#FA7D0C; text-decoration:none;}
.about_right3 .wz a:hover{ color:#FA7D0C; text-decoration:underline}
.about_right3 .bt{ width:738px; float:left; line-height:30px; font-size:16px; margin-left:10px; padding-bottom:15px;} 
.about_right3 .btn{ width:738px; float:left; border-bottom:1px solid #ccc; line-height:25px; padding-bottom:20px; margin-left:10px;} 
.about_right3 .bt2{ width:738px; float:left; margin-top:10px; font-size:16px; margin-left:10px;} 
.about_right3 .nr{ width:738px; float:left; padding:10px 0; line-height:20px; margin-top:20px; margin-left:10px; margin-bottom:20px;}
.about_right3 .nr2{ width:365px; float:left; padding:10px 0; line-height:20px; margin-top:20px; margin-left:10px; margin-bottom:20px;}

.about_img{ width:90px; height:60px; float:left}
.about_nr{ width:630px; height:auto; float:right}
.about_nr a{ color:#FA7D0C; text-decoration:none;}
.about_nr a:hover{ color:#FA7D0C; text-decoration:underline}
.about_nr2{ width:260px; height:auto; float:right}
.about_nr2 a{ color:#FA7D0C; text-decoration:none;}
.about_nr2 a:hover{ color:#FA7D0C; text-decoration:underline}

.about_right4{ width:784px; height:auto; float:left}


/* mod-menu */
.mold_open_hover,.mold_open{display:inline-block;width:10px;height:6px;margin-left:10px;position:relative;top:-2px;}
.mold_open{background-position:0 -6px;}
.mold_open_hover{background-position:0 0;}

.mod-menu{position:relative;z-index:1;left:-1px;margin-left:0px;float:left;}
.menu-cont-list a:hover{text-decoration:underline;}
.mod-menu .menu-item{width:200px;border-top:solid 0px #ccc;position:relative;z-index:22;}
.mod-menu .menu-item li{height:40px;line-height:40px;background:#fff;border-top:solid 1px #CCC;}
.mod-menu .menu-item li a {background:url(../images/ico01.jpg) no-repeat 15px 15px;}
.mod-menu .menu-item li a:hover {background:url(../images/ico01.jpg) no-repeat 15px 15px;}
		
.mod-menu .menu-item li.mouse-bg{position:relative;z-index:22;}
.mod-menu .menu-item a{color:#000;font-size:12px;padding-left:33px;display:block;height:40px;border-top:solid 1px #f1f2f7;}
.mod-menu .menu-item a:hover{ text-decoration:none;}
.mod-menu .menu-cont{position:absolute;left:200px; width:540px;border:solid 1px #ccc;border-left:none;box-shadow:2px 0 10px rgba(92,70,17,0.25);z-index:20; background:url(../images/aa.jpg) top left no-repeat; background-color:#fff; margin-top:-30px;}
.mod-menu .menu-cont-list{padding:0 30px;}
.mod-menu .menu-cont-list li{border-bottom:dotted 1px #ccc; padding:10px 0}
.mod-menu .menu-cont-list li:last-child{border-bottom:none;}
.mod-menu .menu-list-link a{color:#666;}
.mod-menu .menu-list-link .long-string{color:#ccc;font-size:12px;padding:0 10px;}
/* mod-menu */





/*新闻*/
.nes{ width:750px; float:left; border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px;}
.nes .nr{ width:530px; float:right; margin-bottom:10px;}
.nes .nr ul li{ width:530px; float:right ; height:auto; line-height:25px;}
.nes .nr ul li a{ color:#FA7D0C}
.nes .nr ul li a:hover{  color#:FA7D0C; text-decoration:underline}
.nes .img{ width:200px; float:left ; height:150px; margin-right:10px;}

.news{ width:750px; height:auto; float:left;}
.news ul{ width:750px; height:auto; float:left;}
.news ul li{ width:720px; height:50px; float:left; border-bottom:1px dotted #ccc; line-height:50px; background:url(../images/ico02.jpg) left center no-repeat; background-position:5px; padding-left:30px;}


/*合作伙伴*/
.hz{ width:160px; float:left;}
.hz ul li{ width:160px; float:left;}
.hz img{ width:160px; float:left ; height:60px; border:1px dotted #ccc; margin-top:10px;}
.mr20{ margin-right:35px;}



/*产品样式*/
.product{ width:230px; float:left; display:inline;}
.product ul li{ width:230px; float:left ; height:auto; line-height:30px; text-align:center; overflow:hidden; margin-top:10px;}
.product ul li a{ width:220px; float:left ; height:auto; line-height:30px; text-align:center; overflow:hidden; border:1px solid #E8E8E8; padding:4px;}
.product ul li a:hover{ width:220px; float:left ; height:auto; line-height:30px; text-align:center; overflow:hidden; border:1px solid #FA7D0C; padding:4px; color:#FA7D0C}
.product ul img{ width:220px; float:left ; height:180px; display:inline;}
.mr16{ margin-right:30px;}
.mr0{ margin-right:0}


.product-nr{ width:740px; float:left; padding:20px 0;}
.product-nr ul li{ width: 740px; float:left; line-height:25px; }
.product-nr ul li img{ max-width:740px;/*IE7以上及Firefox用*/ width: expression(this.width > 740 ? 740: true); /*IE6用*/}
.product-nr ul li a{ color:#666;}
.product-nr ul li a:hover{ color:#003798; text-decoration:underline }


/*分页*/
.fenye{ width:750px; float:left; height:30px; padding:30px 0 0px 0; display:inline}
.div1{ text-align:right; float:right;}
.diva{color:#999; float:left; height:19px; line-height:19px; width:200px; text-align:center; float:left;}

.divb{float:left; height:17px; line-height:17px; width:70px; text-align:center; margin-left:3px; border:1px solid #e7e7e7}
.divb a{ background-color:#fff; display:block; color:#999}
.divb a:hover{ background-color:#efefef; display:block; color:#454545}

.divc{float:left; height:17px; line-height:17px; width:17px; text-align:center; margin-left:3px; border:1px solid #e7e7e7} 
.divc a{ background-color:#fff; display:block; color:#999}
.divc a:hover{ background-color:#efefef; display:block; color:#454545}

#div2{ background-color:#efefef; color:#454545 }


/*----------留言板----------*/
.lyb0{ width:740px; float:left; padding-top:10px;}
.lyb0 ul li{ width:740px; float:left; margin-bottom:10px; display:inline}

.ziduan{ width:70px; height:30px; line-height:30px; display:inline-block; padding-left:20px; text-align:right; margin-right:10px;}
.ziduan2{ width:100px; height:30px; line-height:30px; display:inline-block; padding-left:20px;}

.textbox100{width:100px; height:20px; background-color:#fff;  border:1px solid #ccc; color:#666;}
.textbox200{width:200px; height:20px; background-color:#fff;  border:1px solid #e2e2e2; color:#666; line-height:20px; font-family:"宋体"}
.textbox500{width:500px; height:120px; background-color:#fff;  border:1px solid #e2e2e2; color:#666; line-height:20px; font-family:"宋体"}
.border-bottom{ border-bottom:3px solid #eee; margin-bottom:20px;}

.jy_hf{ width:740px; height:auto; float:left; border:1px solid #eee; margin-bottom:15px; margin-left:10px;}
.jy_hf_bt{ width:720px; height:28px; float:left; padding:0 10px;
background: -moz-linear-gradient(top, #fff, #eee); /* Firefox */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); /* Saf4+, Chrome */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType='0'); /* IE*/ 
} 
.jy_hf_nr{ width:720px; height:auto; float:left; line-height:25px; padding:10px;}
.jy_hf_nr1{ width:720px; height:auto; float:left; border-top:1px solid #eee; padding:0 10px;}



/*按钮样式*/
.button{ width:60px; height:25px; background-color:#FB7D0C; border:0;border-radius: 3px;cursor:pointer; line-height:22px; color:#fff; font-size:12px;}







/*对齐方式*/
.fl{ float:left;margin-top: 7px;}
.fr{ float:right;}
.tar{ text-align:right;}
.tac{ text-align:center}
.tar{ text-align:right}


/*边距*/
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.ml10{ margin-left:10px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.ml40{ margin-left:70px;}


/*文字样式*/
.fam{ font-family:"微软雅黑"}
.fow{ font-weight:bold}
.fz14{ font-size:14px;}
.fz16{ font-size:16px;}
.fz18{ font-size:18px;}
.hui6{ color:#666}
.hui9{ color:#999}
.huang{ color:#FA7D0C}
.hei{ color:#000}
.red{ color:#B20000}
#red{ color:#B20000}
#huang{ color:#FA7D0C}





/*2017-04-04 修改*/
/*小焦点图*/