/* CSS Document */
*{ margin:0; padding:0;}
img,input{ border:none;}
a{ text-decoration:none; outline:none; color:#333;}
a:hover{ color:#0057ab;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6,b{ font-weight:normal;}
li{ list-style:none;}
body,button,input,select,textarea {font-family:"Microsoft YaHei"; color:#333; outline:none;}
p{ text-align:justify; text-justify:inter-word;}
body{ font-size:12px; height:100%;}
.m_box,.header_nav,.content_index{ width:1200px; margin:0 auto;}
/*header_nav*/
.header_nav{ position:absolute; top:0; left:50%; margin-left:-600px; z-index:9999;}
/*header*/
.header{ overflow:hidden; height:138px;}
.header h1{ float:left; padding:16px 0 0 0;}
.header .r{ float:right;  padding-top:32px;}
.header .r span{ display:block; height:34px; line-height:34px; font-size:18px; color:#7d7d7d;}
.header .r span img{ display:inline-block; vertical-align:middle; margin-right:6px;}
.header .r p{ overflow:hidden;}
.header .r p input{ display:block; float:left; height:28px; line-height:28px;}
.header .r p input.text{ width:140px; padding:0 5px; border:1px solid #eee; border-right:none;}
.header .r p input.btn{ height:30px; width:36px; background:url(../images/header_search.png) #2c3e50 no-repeat center scroll; cursor:pointer;}
.header .r p input.btn:hover{ background-color:#0057ab;}
/*nav*/
.nav{ height:58px; line-height:58px; background:url(../images/nav_bg.png) repeat-x left scroll;}
.nav ul li{ float:left; height:58px; padding:0 40px; background:url(../images/nav_br.png) no-repeat left scroll;}
.nav ul li.first{ background:none;}
.nav ul li a{ display:block; float:left; height:58px; line-height:58px; padding:0 26px; font-size:18px; color:#fff;}
.nav ul li a:hover,.nav ul li.on a{ background:url(../images/nav_bg_2.png);}
/*banner*/
.banner{ height:300px;}
.flexslider{position:relative;height:850px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1; height:850px; overflow:hidden;}
.slides li{height:850px;}
.flex-control-nav{position:absolute;bottom:58px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;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;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
/*content*/
.content_index{ height:200px; background:url(../images/index_con_bg.jpg) #fff repeat-x left bottom; border-top:3px solid #94bf31; margin-top:-48px; position:relative; z-index:999; margin-bottom:40px;}
.content_index h3{ overflow:hidden; height:66px; line-height:66px;}
.content_index h3 b{ font-size:18px; display:block; float:left;}
.content_index h3 span{ display:block; float:left; color:#818181; font-size:18px;}
.content_index h3 em{ display:block; float:right;}
.content_index h3 em a i{ color:#a40000;}
.content_index h3 em a:hover{ color:#a40000;}
.content_index .box_1{ width:390px; float:left; padding-left:18px; padding-right:34px;}
.content_index .box_1 .min i,.content_index .box_2 .min i{ display:block; float:left; width:135px; height:86px; overflow:hidden;}
.content_index .box_1 .min i a img{ display:block; width:100%; height:86px;}
.content_index .box_1 .min p{ width:230px; float:right; line-height:20px; font-size:14px; color:#8c8c8c; height:80px; overflow:hidden;}
.content_index .box_2{ width:390px; float:left;}
.content_index .box_2 .min ul{ width:230px; float:right;}
.content_index .box_2 .min ul li{ width:100%; float:left; height:21px; line-height:21px; font-size:14px;}
.content_index .box_2 .min ul li a{ display:block; float:left; height:21px; width:162px; float:left; overflow:hidden; color:#555;}
.content_index .box_2 .min ul li a:hover{ color:#0057ab;}
.content_index .box_2 .min ul li em{ display:block; float:right; color:#555;}
.content_index .box_3{ width:322px; float:right; padding-right:18px;}
.content_index .box_3 ul{ width:100%;}
.content_index .box_3 ul li{ width:33.333%; float:left;}
.content_index .box_3 ul li a{ display:block; overflow:hidden;}
.content_index .box_3 ul li img{ display:block; width:94px; height:80px; margin:0 auto;}
.content_index .box_3 ul li span{ display:block; text-align:center; height:40px; line-height:18px; color:#555; padding:0 5px; overflow:hidden; padding-top:6px;}
.content_index .box_3 ul li a:hover span{ color:#0057ab;}
/*footer*/
.footer{ clear:both; overflow:hidden; width:100%; padding:15px 0 30px; border-top:1px solid #eee;}
.footer .l{ width:860px; float:left;}
.footer .l p{ line-height:22px; color:#555;}
.footer ul{ text-align:right; font-size:0; padding-right:16px;}
.footer ul li{ display:inline-block; *display:inline; zoom:1; font-size:12px; color:#555; padding-left:4px;}
.footer ul li span{ display:block; float:left; height:30px; line-height:30px;}
.footer ul li a{ display:block; float:left; width:30px; height:30px; background:url(../images/footer_ico_1.png) #6b7884 no-repeat center scroll; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; position:relative;
z-index:100; behavior:url(css/tool_iecss3.htc);/*IE浏览器 圆角*/}
.footer ul li.ys2 a{ background-image:url(../images/footer_ico_2.png);}
.footer ul li.ys3 a{ background-image:url(../images/footer_ico_3.png);}
.footer ul li.ys4 a{ background-image:url(../images/footer_ico_4.png);}
.footer ul li.ys5 a{ background-image:url(../images/footer_ico_5.png);}
.footer ul li a:hover{ background-color:#0057ab;}
/*====================================================================*/
/*on_page*/
.on_page{ height:30px; line-height:30px; font-size:14px; color:#505050;}
.on_page img{ display:inline-block; vertical-align:middle; margin:0 7px 0 10px;}
.on_page a{ color:#505050;}
.on_page a:hover{ color:#0057ab;}
/*con_r_bt*/
.con_r_bt{ height:52px; line-height:52px; background:url(../images/on_page.png) no-repeat left scroll; padding:6px 28px 0; border-bottom:1px solid #959595;}
.con_r_bt b{ font-size:24px;}
.con_r_bt span{ font-size:18px; color:#888;}
/*page*/
.page{ clear:both; overflow:hidden; font-size:18px; text-align:center; border-top:1px solid #959595; padding-top:25px;}
.page ul{ text-align:center; font-size:0;}
.page ul li{ display:inline-block; *display:inline; zoom:1; font-size:14px; padding:0 5px; color:#8c8c8c;}
.page ul li a{ display:block; float:left; height:28px; line-height:28px; padding:0 12px; border:1px solid #c9c9c9; color:#8c8c8c;}
.page ul li a:hover{ background:#053f6d; color:#fff;}
.page ul li span{ display:block; float:left; height:30px; line-height:30px;}
.page ul li.ys1 a{ margin-left:-1px;}
.page ul li input{ display:inline-block; vertical-align:middle; margin:0 7px; border:1px solid #c9c9c9; width:46px; height:24px; text-align:center; color:#8c8c8c;}
.page ul li.btn input{ cursor:pointer; color:#333;}
.page ul li.btn input:hover{ background:#053f6d; color:#fff;}
/*content*/
.content{ overflow:hidden; background:url(../images/content_bg.png) repeat-x left top; padding:24px 0 94px;}
.content .m_box{ width:1140px;}
.content .con_l{ width:230px; float:left;}
.content .con_r{ width:810px; float:right; background:#fff; overflow:hidden; padding:0 30px;}
/*con_l*/
.con_l h3{ height:44px; line-height:44px; background:#0057ab; text-align:center; color:#fff; font-size:20px; letter-spacing:3px; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px;}
.con_l_nav{ overflow:hidden; border:1px solid #e6e2de; background:#fff; margin-bottom:42px; border-bottom:none;}
.con_l_nav ul{ width:100%;}
.con_l_nav ul li{ width:100%; float:left; height:50px; line-height:50px; border-bottom:1px solid #e6e2de;}
.con_l_nav ul li a{ display:block; height:50px; line-height:50px; text-align:center; font-size:16px; color:#8c8c8c;}
.con_l_nav ul li a:hover,.con_l_nav ul li.on a{ color:#0057ab;}
.con_l_tel{ height:245px; background:url(../images/con_l_tel.jpg) no-repeat center top; padding-top:14px;}
.con_l_tel p{ text-align:center; color:#fff; line-height:16px; padding:0 14px; margin-bottom:6px;}
.con_l_tel b{ display:block; font-size:14px; font-weight:bold; text-align:center; color:#fff; margin-bottom:4px;}
/*关于我们*/
.gywm{ overflow:hidden; padding:20px 0 40px;}
.gywm p{ line-height:28px; font-size:16px; color:#8c8c8c; text-indent:2em;}
.gywm img{ display:block; margin:0 auto;}
/*产品中心*/
.cpzx_li_box{ overflow:hidden; padding:10px 0 42px;}
.czpx_li{ overflow:hidden; padding:14px 0; border-bottom:1px dashed #e7e7e7;}
.czpx_li h3{ width:138px; float:left; padding-left:22px; font-size:14px; font-weight:bold; height:32px; line-height:22px; background:url(../images/cpzx_li_3.png) no-repeat left scroll;}
.czpx_li h3.on{ background-image:url(../images/cpzx_li_4.png);}
.czpx_li .more{ width:638px; float:right; position:relative;}
.czpx_li .more i.more_ico{ display:block; position:absolute; right:0; height:20px; line-height:20px; top:0; padding-right:10px; background:url(../images/cpzx_li_5.png) no-repeat right scroll; cursor:pointer; color:#484848;}
.czpx_li .more i.hide{ display:none; background-image:url(../images/cpzx_li_6.png);}
.czpx_li .more ul{ }
.czpx_li .more ul li{ float:left; line-height:22px; width:33.3%;}
.czpx_li .more ul li a{ display:block; height:22px; float:left; padding-left:12px; line-height:22px; background:url(../images/cpzx_li_1.png) no-repeat left 7px; color:#a5a5a5;}
.czpx_li .more ul li a:hover{ color:#0057ab; background-image:url(../images/cpzx_li_2.png);}
/**/
.cpzx_pic{ overflow:hidden; background:url(../images/cpzx_bg.png) no-repeat center top;}
.cpzx_pic ul{ width:860px; padding:30px 0 0 28px;}
.cpzx_pic ul li{ float:left; padding-right:58px; width:214px; height:186px;}
.cpzx_pic ul li i a{ display:block; height:114px; border:1px solid #c9c9c9;}
.cpzx_pic ul li i a:hover{ border-color:#0057ab;}
.cpzx_pic ul li i a img{ display:block;  width:100%; height:114px;}
.cpzx_pic ul li span{ display:block; height:28px; line-height:28px; overflow:hidden; text-align:center; }
.cpzx_pic ul li span a{ color:#8c8c8c;}
.cpzx_pic ul li span a:hover{ color:#0057ab;}
/*产品中心——内容*/

#playBox{ width:100%; height:426px; margin:30px auto 60px;  position:relative; overflow:hidden;}
#playBox .tu{ position:relative; width:612px; height:400px; border:1px solid #eaeaea; margin:0 auto; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}

#playBox .pre{ cursor:pointer; width:20px; height:36px; background:url(../images/banner_btn_l.png) no-repeat left scroll; position:absolute; top:154px; left:0; z-index:10;}
#playBox .next{ cursor:pointer; width:20px; height:36px; background:url(../images/banner_btn_r.png) no-repeat right scroll; position:absolute; top:154px; right:0; z-index:10;}

#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:4px; z-index:10}
#playBox .smalltitle ul{ width:100%; text-align:center;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 4px; border-radius:10px; background:#d2d2d2;  overflow:hidden; display:inline-block; *display:inline;*zoom:1; cursor:pointer; position:relative;
z-index:100; behavior:url(css/tool_iecss3.htc);/*IE浏览器 圆角*/}
#playBox .smalltitle .thistitle{ background:#0057ab;}

.cpzx_con_min{ overflow:hidden;}
.cpzx_con_min h3{ height:40px; line-height:40px; border-bottom:1px solid #bababa;}
.cpzx_con_min h3 b{ display:block; float:left; height:40px; padding:0 18px; font-size:18px; font-weight:bold; background:#bababa; color:#fff;}
.cpzx_con_min .min{ overflow:hidden; padding:30px 16px 0;}
.cpzx_con_min .min p{ line-height:20px;}
.cpzx_con_min .min p b{ font-weight:bold;}
/*技术支持*/
.jszc_li_box{ overflow:hidden; padding:0 34px 40px 0;}
ul.jszc_li{ width:100%;}
ul.jszc_li li{ width:100%; float:left; overflow:hidden; padding:22px 0 20px; border-bottom:1px dashed #b5b5b5;}
ul.jszc_li li b{ display:block; height:30px; line-height:30px; padding:9px 0;}
ul.jszc_li li b a{ display:block; height:30px; overflow:hidden; float:left; font-size:24px; max-width:658px; overflow:hidden;}
ul.jszc_li li b em{ display:block; float:right;}
ul.jszc_li li p{ clear:both; line-height:24px; font-size:14px; color:#959595;}
/*联系我们*/
.lxwm{ overflow:hidden; padding:20px 0 0;}
.lxwm h3{ height:62px; line-height:62px; font-size:28px; font-weight:bold;}
.lxwm p{ line-height:36px; font-size:16px;}
/*在线反馈*/
.zxfk{ overflow:hidden;}
.zxfk .text{ overflow:hidden; padding:10px 0;}
.zxfk .text p{ font-size:14px; line-height:20px; color:#595959;}
.zxfk ul{ width:360px; margin:0 auto; padding-top:30px;}
.zxfk ul li{ width:100%; float:left; overflow:hidden; margin-bottom:10px; font-size:14px;}
.zxfk ul li b{ display:block; float:left; height:30px; line-height:30px; width:44px;}
.zxfk ul li input{ display:block; float:left; height:28px; line-height:28px; width:304px; float:left; padding:0 5px; border:1px solid #eee;}
.zxfk ul li p{ padding-left:92px; height:30px; line-height:30px;}
.zxfk ul li p label{ display:block; float:left; height:30px; line-height:30px; margin-right:24px; cursor:pointer;}
.zxfk ul li p label input{ display:inline-block; vertical-align:middle; float:none; width:auto; height:auto; border:none; border:none; margin-right:8px;}
.zxfk ul li.ys1 b{ float:none; width:auto;}
.zxfk ul li.ys1 textarea{ display:block; width:348px; height:96px; border:1px solid #eee; resize:none; padding:5px;}
.zxfk ul li.btn input{ display:block; height:26px; line-height:24px; width:104px; margin:0 auto; float:none; cursor:pointer; background:url(../images/tj_bg.jpg) repeat-x left scroll; color:#fff; text-align:center; font-size:16px; font-weight:bold; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative;
z-index:100; behavior:url(css/tool_iecss3.htc);/*IE浏览器 圆角*/}
.zxfk ul li.btn input:hover{ color:#f90;}

.show_detail{ padding-top:30px;}
.show_detail h1{ height:40px; line-height:40px; font-size:24px; text-align:center;}
.show_detail1{ text-align:center; height:40px; line-height:40px; font-size:16px; border-bottom:1px solid #CCCCCC; margin-bottom:20px;}
.show_detail2{ line-height:25px; font-size:16px;}












/*
鼠标经过：蓝色： 0057ab
*/