@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:12px; font-family:Microsoft yahei;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft yahei,''; vertical-align:middle;}
table,td,tr,th{ font-size:12px;}
.nodispaly{ display:none}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#0b78c9; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ max-width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; border-bottom:1px solid #ddd;}
.head_width{ position:relative;}
.head_width .head_left{ float:left; font-size:12px; color:#666; line-height:20px; margin:10px 0;}
.head_width .head_center{ position:absolute; top:0; left:36%; width:40%; text-align:center; font-size:12px; color:#666; line-height:20px; padding:10px 0;}
.head_width .head_center a{ font-size:12px; color:#666; line-height:20px; margin:0 8px 0 0;}
.head_width .head_center a:hover{ text-decoration:none; color:#0b78c9;}
.head_width .head_right{ float:right; border:1px solid #ddd; border-bottom:none; border-top:none;}
.head_width .head_right a{ padding:10px 28px; font-size:12px; color:#333; line-height:20px; display:block;}
.head_width .head_right a:hover{ background:#0b78c9; color:#fff; text-decoration:none;}

/*collar_department*/
.collar_department{ width:100%; background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb));}
.collar_department h1{ width:254px; float:left; margin:39px 0;}
.collar_department h1 img{ width:100%;}
.collar_department .company_name{ float:left; margin:38px 0 0 8%; font-size:22px; color:#333; line-height:32px; width:456px;}
.collar_department .company_name em{ color:#050505; display:block; font-size:30px; font-weight:bold; line-height:36px; margin:0 0 6px 0;}
.collar_department .company_name span{ display:block; float:left; width:26%; margin:16px 0 0 0; text-align:right;}
.collar_department .company_name b{ color:#d81030; display:block; width:30%; float:left; text-align:center;}
.collar_department .company_name font{ display:block; float:right; width:44%; margin:16px 0 0 0; text-align:left;}
.collar_department .rexian{ float:right; margin:25px 0 0 0;}
.collar_department .rexian dl{ overflow:hidden;}
.collar_department .rexian dl dt{ font-size:20px; color:#000; border-bottom:1px solid #ddd; line-height:30px; margin-bottom:8px; padding-bottom:3px;}
.collar_department .rexian dl dd{ background:url(../images/rexian.png) no-repeat left center; padding-left:65px; padding-top:5px;}
.collar_department .rexian dl dd p.p1{ font-size:14px; color:#333; line-height:15px;}
.collar_department .rexian dl dd p.p2{ font-family:"impact"; font-size:28px; color:#d81030; line-height:28px;}

/*nav*/
.header{ width:100%; background:#0b78c9;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10; width:12.5%;}
.nav a{ display:block; font-size:16px; color:#fff; line-height:50px; text-align:center;}
.nav li:hover a,.nav li a.hover_h{ text-decoration:none; background:#d81030;}
.nav .sub{ width:218px; position:absolute; left:0; top:50px; box-shadow:0px 4px 5px rgba(0,0,0,0.3); display:none;}
.nav .sub li{ line-height:20px;}
.nav .sub li a{ color:#fff; background:#d81030; border-bottom:1px solid #e46176; display:block; font-size:14px; line-height:20px; padding:11px 0 11px 12px;text-align:left;}
.nav .sub li:last-child a{ border-bottom:none;}
.nav .sub li a:hover{ color:#fff; background:#0b78c9; text-decoration:none;}
#dowebok{ display:none;}
.sidebar{ display:none;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:10px; height:10px; display:block; background:#666; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.flex-control-paging li a:hover{ background:#0b78c9; }
.flex-control-paging li a.flex-active{ background:#0b78c9; cursor:default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:4%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:4%;}

/*search*/
.search{ background:#f0f0f0; width:100%; overflow:hidden;}
.search .search_zi{ margin:18px auto;}
.search .search_zi .sea_wz{ font-size:14px; color:#333; line-height:30px; float:left;}
.search .search_zi .sea_wz span{ font-weight:bold; color:#0b78c9;}
.search .search_zi .sea_wz a{ font-size:14px; color:#333; margin:0 8px;}
.search .search_zi .searchBox{ float:right; width:334px; height:30px; background:url(../images/searchbg.jpg) left top no-repeat;}
.search .search_zi .searchBox .search{ float:left; padding:0 0 0 12px; width:232px; line-height:30px; border:0; color:#7d7d7d; background:none; outline:medium;}
.search .search_zi .searchBox .button{ float:right; border:0; width:90px; height:30px; background:none; cursor:pointer; outline:medium;}

/*partner*/
.sj_partner{ display:none;}
.partner{ margin:26px auto 42px auto; position:relative;}
.partner .par_prev,.partner .par_next{ position:absolute; display:block; width:15px; height:31px; top:50%; margin-top:-15px; z-index:99;}
.partner .par_prev{ left:-25px; cursor:pointer;}
.partner .par_next{ right:-25px; cursor:pointer;}
.partner:hover .par_prev{ background:url(../images/l.png) no-repeat center;}
.partner:hover .par_next{ background:url(../images/r.png) no-repeat center;}
.partner_list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.partner_list ul{ width:800%;}
.partner_list li{ float:left; width:2.341%; margin:0 0.2% 0 0;}
.partner_list li img{ width:100%;}
.partner_list li em{ font-size:14px; line-height:30px; height:30px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align:center;}
.partner_list li a{ color:#525252; border:#eee 1px solid; display:block; padding:12px 12px 0 12px;}
.partner_list li a:hover{ text-decoration:none; color:#1365b0;}

/*product*/
.product{ width:100%; margin:38px auto 24px auto; overflow:hidden; padding:38px 0; background:#f5f7ff;}
.product_width{ position:relative;}
.product_left{ position:absolute; left:0; top:0; bottom:0; width:18.8%; background:#fff;}
.product_left .ctr_product{ font-size:18px; background:#0b78c9; line-height:50px; color:#fff; padding:0 0 0 26px; border-bottom:#e8e8e8 1px solid;}
.product_left .ctr_product i{ width:11px; height:22px; float:right; margin:14px 14px 14px 0; background:url(../images/ctr_jt.png) center no-repeat;}
.product_left ul{ overflow:hidden;}
.product_left ul li{ border-bottom:#e8e8e8 1px solid; overflow:hidden;}
.product_left ul li i{ width:11px; height:22px; float:right; margin:14px 14px 14px 0; background:url(../images/jiantou.png) center no-repeat;}
.product_left ul li a{ font-size:14px; display:block; line-height:50px; color:#666; padding:0 0 0 26px;}
.product_left ul li a:hover{ text-decoration:none; background:#f8f8f8;}
.product_left dl{ width:80%; margin:16px auto 0 auto;}
.product_left dl dd{ font-size:16px; color:#0b78c9; border-bottom:#0b78c9 1px dotted; line-height:34px; margin:0 0 12px 0;}
.product_left dl dt{ font-size:12px; color:#525252; line-height:22px;}
.product_right{ float:right; width:79.7%;}
.product_right ul li{ float:left; width:21.5%; margin:0 2% 2% 0; padding:1%; background:#fff; transition:all .3s;}
.product_right ul li:hover{ background:rgba(11,120,201,.8); box-shadow:0 8px 20px #999; transform:translateY(-8px);}
.product_right ul li:nth-child(4n){ margin:0 0 2% 0;}
.product_right ul li:nth-child(5n){ margin:0 2% 0 0;}
.product_right ul li:nth-child(6n){ margin:0 2% 0 0;}
.product_right ul li:nth-child(7n){ margin:0 2% 0 0;}
.product_right ul li:nth-child(8n){ margin:0;}
.product_right ul li img{ width:100%;}
.product_right ul li em{ font-size:12px; line-height:22px; margin:6px 0; height:22px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.product_right ul li span{ color:#999; font-size:12px; line-height:22px; height:22px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.product_right ul li:hover span{ color:#fff;}
.product_right ul li a{ color:#666; display:block;}
.product_right ul li:hover a{ text-decoration:none; color:#fff;}

/*home_name*/
.home_name{ margin:42px auto 26px auto; text-align:center;}
.home_name .eng_title{ font-family:"impact"; font-size:58px; line-height:58px; margin:0; color:#0b78c9; text-transform:uppercase;}
.home_name .chin_title{ font-size:21px; line-height:37px; color:#333; width:387px; margin:0px auto; background:url(../images/name_xian.png) center no-repeat;}

/*advantage*/
.advantage_name{ margin:42px auto 26px auto; text-align:center;}
.advantage_name .eng_title{ font-family:"impact"; font-size:58px; line-height:58px; margin:0; color:#0b78c9; text-transform:uppercase;}
.advantage_name .chin_title{ font-size:21px; line-height:37px; color:#333; width:387px; margin:0px auto; background:url(../images/name_xian.png) no-repeat top center;}
.advantage01{ width:100%; position:relative;}
.advantage01_l{ width:45%;}
.advantage01_la{ width:100%; margin:0 auto; overflow:hidden;}
.advantage01_la_l{ width:66px; height:77px; background:#0b78c9; color:#fff; text-align:center;} 
.advantage01_la_l span{ display:inline-block; padding:8px 0 3px 0; border-bottom:1px solid #fff; font-family: "impact"; font-size:40px;}
.advantage01_la_r{ width:83%;}
.advantage01_la_r p:nth-child(1){ font-size:24px; font-weight:bold; color:#606060; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px;}
.advantage01_la_r p:nth-child(1) span{ color:#0b78c9;}
.advantage01_la_r p:nth-child(2){ font-size:18px; color:#606060;}
.advantage01_lb{ padding-left:60px; padding-top:30px;}
.advantage01_lb ul li{ line-height:25px; margin-bottom:22px; font-size:14px; color:#606060; padding-left:28px; background:url(../images/ys_li.jpg) no-repeat left 12px;}
.advantage01_lc{ margin-top:50px; margin-left:58px;} 
.advantage01_lc a{ display:block; width:171px; height:44px; line-height:44px; border:1px solid #cfcfcf; color:#7e7e7e; text-align:center;transition:all 1s;}
.advantage01_lc a i{ display:inline-block; font-style:normal;transition:all 1s;}
.advantage01_lc a:hover{ border:1px solid #0b78c9; color:#fff; background:#0b78c9; text-decoration:none;}
.advantage01_lc a:hover i{ padding-left:20px; transition:all 1s;}
.advantage01_r{ position:absolute; right:0; top:0; width:50%;}
.advantage01_r img{ /*width:100%;*/}

.advantage02{ margin:42px auto}
.advantage02_l{ width:52%;}
.advantage02_l img{ width:100%;}
.advantage02_r{ width:45%;}
.advantage02_ra{ width:100%; margin:0 auto; overflow:hidden;}
.advantage02_ra_l{ width:66px; height:77px; background:#0b78c9; color:#fff; text-align:center;} 
.advantage02_ra_l span{ display:inline-block; padding:8px 0 3px 0; border-bottom:1px solid #fff; font-family:"impact"; font-size:40px;}
.advantage02_ra_r{ width:83%;}
.advantage02_ra_r p:nth-child(1){ font-size:24px; font-weight:bold; color:#606060; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px;}
.advantage02_ra_r p:nth-child(1) span{ color:#0b78c9;}
.advantage02_ra_r p:nth-child(2){ font-size:18px; color:#606060;}
.advantage02_rb{ padding-left:60px; padding-top:30px;}
.advantage02_rb ul li{ line-height:25px; margin-bottom:30px; font-size:14px; color:#606060; padding-left:28px; background:url(../images/ys_li.jpg) no-repeat left 12px;}
.advantage02_rc{ margin-top:50px; margin-left:58px;} 
.advantage02_rc a{ display:block; width:171px; height:44px; line-height:44px; border:1px solid #cfcfcf; color:#7e7e7e; text-align:center;transition:all 1s;}
.advantage02_rc a i{ display:inline-block; font-style:normal; transition:all 1s;}
.advantage02_rc a:hover{ border:1px solid #0b78c9; color:#fff; text-decoration:none; background:#0b78c9;}
.advantage02_rc a:hover i{ padding-left:20px; transition:all 1s;}

.advantage03{ height:372px; margin:42px auto}
.advantage03_r{ width:50%;}
.advantage03_r img{ width:100%;}
.advantage03_l{ width:45%;}
.advantage03_la{ width:100%; margin:0 auto; overflow:hidden;}
.advantage03_la_l{ width:66px; height:77px; background:#0b78c9; color:#fff; text-align:center;} 
.advantage03_la_l span{ display:inline-block; padding:8px 0 3px 0; border-bottom:1px solid #fff; font-family:"impact"; font-size:40px;}
.advantage03_la_r{ width:83%;}
.advantage03_la_r p:nth-child(1){ font-size:24px; font-weight:bold; color:#606060; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px;}
.advantage03_la_r p:nth-child(1) span{ color:#0b78c9;}
.advantage03_la_r p:nth-child(2){ font-size:18px; color:#606060;}
.advantage03_lb{ padding-left:60px; padding-top:30px;}
.advantage03_lb ul li{ line-height:25px; margin-bottom:22px; font-size:14px; color:#606060; padding-left:28px; background:url(../images/ys_li.jpg) no-repeat left 12px;}
.advantage03_lc{ margin-top:50px; margin-left:58px;} 
.advantage03_lc a{ display:block; width:171px; height:44px; line-height:44px; border:1px solid #cfcfcf; color:#7e7e7e; text-align:center;transition:all 1s;}
.advantage03_lc a i{ display:inline-block; font-style:normal;transition:all 1s;}
.advantage03_lc a:hover{ border:1px solid #0b78c9; color:#fff; text-decoration:none; background:#0b78c9;}
.advantage03_lc a:hover i{ padding-left:20px; transition:all 1s;}

.advantage04{ width:100%; margin:42px auto; position:relative;}
.advantage04_l{ position:absolute; left:0; top:0; width:50%;}
.advantage04_l img{ width:100%;}
.advantage04_r{ width:45%; margin:0 0 6% 0;}
.advantage04_ra{ width:100%; margin:0 auto; overflow:hidden;}
.advantage04_ra_l{ width:66px; height:77px; background:#0b78c9; color:#fff; text-align:center;} 
.advantage04_ra_l span{ display:inline-block; padding:8px 0 3px 0; border-bottom:1px solid #fff; font-family:"impact"; font-size:40px;}
.advantage04_ra_r{ width:83%;}
.advantage04_ra_r p:nth-child(1){ font-size:24px; font-weight:bold; color:#606060; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px;}
.advantage04_ra_r p:nth-child(1) span{ color:#0b78c9;}
.advantage04_ra_r p:nth-child(2){ font-size:18px; color:#606060;}
.advantage04_rb{ padding-left:60px; padding-top:30px;}
.advantage04_rb ul li{ line-height:25px; margin-bottom:30px; font-size:14px; color:#606060; padding-left:28px; background:url(../images/ys_li.jpg) no-repeat left 12px;}
.advantage04_rc{ margin-top:50px; margin-left:58px;} 
.advantage04_rc a{ display:block; width:171px; height:44px; line-height:44px; border:1px solid #cfcfcf; color:#7e7e7e; text-align:center;transition:all 1s;}
.advantage04_rc a i{ display:inline-block; font-style:normal;transition:all 1s;}
.advantage04_rc a:hover{ border:1px solid #0b78c9; color:#fff; text-decoration:none; background:#0b78c9;}
.advantage04_rc a:hover i{ padding-left:20px; transition:all 1s;}

/*honor*/
.certificate{ width:100%; background:#f5f7ff; margin:0 auto; overflow:hidden}
.img-scroll{ margin:26px auto 42px auto; position:relative;}
.img-scroll .prev,.img-scroll .next{ position:absolute; display:block; width:15px; height:31px; top:50%; margin-top:-30px; z-index:99;}
.img-scroll .prev{ left:-25px; cursor:pointer;}
.img-scroll .next{ right:-25px; cursor:pointer;}
.img-scroll:hover .prev{ background:url(../images/l.png) no-repeat center;}
.img-scroll:hover .next{ background:url(../images/r.png) no-repeat center;}
.img-list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.img-list ul{ width:800%;}
.img-list li{ float:left; width:2.9%; margin:0 0.3% 0 0;}
.img-list li img{ width:100%;}
.img-list li em{ font-size:14px; line-height:30px; height:30px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align:center;}
.img-list li a{ display:block; color:#525252;}
.img-list li a:hover{ text-decoration:none; color:#1365b0;}

/*about_us*/
.about_us_qj{ width:100%; background:#f0f0f0; margin:0 auto; overflow:hidden}
.about_us{ margin:26px auto 42px auto;}
.about_us .about_left{ width:45%; float:left;}
.about_us .about_left img{ width:100%;}
.about_us .about_right{ width:52%; float:right; font-size:14px; line-height:22px; color:#666;}
.about_us .about_right em{ font-size:18px; color:#0b78c9; font-weight:bold; display:block; line-height:20px; margin:0 0 10px 0;}
.about_us .about_right a{ font-size:14px; color:#0b78c9; font-weight:bold; display:block; line-height:20px; margin:16px 0 0 0;}

/*album*/
.album_width{ margin:42px auto;}
.album{ overflow:hidden; border:#e1dfe0 1px solid;}
.album .album_name{ background:#0b78c9; border-bottom:#e1dfe0 1px solid; overflow:hidden; padding:12px 12px 12px 24px;}
.album .album_name strong{ font-size:24px; color:#fff; line-height:32px; float:left;}
.album .album_name a{ float:right; font-size:14px; color:#eee; line-height:32px;}
.album .album_name a:hover{ text-decoration:none; color:#fff;}
.album .album_w{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebf2ff)); padding:26px 24px;}
#demo{ width:100%; margin:0 auto; overflow:hidden;}
#demo #indemo{ float:left; width:3000%;}
#demo #indemo #demo1{ float:left;}
#demo #indemo #demo2{ float:left;}
#demo ul{ overflow:hidden;} 
#demo ul li{ float:left; margin:0 16px 0 0; width:276px;}
#demo ul li img{ width:100%;}
#demo ul li span{ font-size:14px; display:block; line-height:25px; text-align:center; margin:6px 0 0 0;}
#demo ul li a{ color:#333; display:block;}
#demo ul li a:hover{ text-decoration:none; color:#d81030;}

/*findings*/
.findings{ margin:42px auto;}
.common_problem{ float:left; width:28%;}
.common_problem .c_name{ border-bottom:1px solid #ddd; overflow:hidden; padding:0 0 10px 0; margin:0 0 20px 0;}
.common_problem .c_name b{ font-size:24px; color:#333; display:block; float:left; line-height:32px;}
.common_problem .c_name a{ float:right; font-size:14px; color:#333; line-height:32px; border-radius:6px; background:#eee; padding:0 12px;}
.common_problem .c_name a:hover{ text-decoration:none; background:#0b78c9; color:#fff;}
.common_problem dl{ border-bottom:1px dotted #ddd; padding:0 0 16px 0; margin:0 0 16px 0;}
.common_problem dl dt{ margin:0 0 10px 0; overflow:hidden;}
.common_problem dl dt span{ float:left; display:block; width:20px; text-align:center; line-height:20px; color:#fff; border-radius:50%; margin:3px 0 0 0; background:#0b78c9; font-size:14px;}
.common_problem dl dt a{ width:91%; font-weight:bold; color:#333; font-size:14px; line-height:23px; float:right; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.common_problem dl dt a:hover{ text-decoration:none;}
.common_problem dl dd{ overflow:hidden;}
.common_problem dl dd span{ float:left; display:block; width:20px; text-align:center; line-height:20px; color:#fff; border-radius:50%; margin:2px 0 0 0; background:#d81030; font-size:14px;}
.common_problem dl dd a{ width:91%; font-size:12px; color:#666; line-height:20px; float:right; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.common_problem dl dd a:hover{ color:#d81030; text-decoration:none;}

/*news*/
.news{ float:left; width:36%; margin:0 0 0 4%;}
.news .n_name{ border-bottom:1px solid #ddd; overflow:hidden; padding:0 0 10px 0; margin:0 0 20px 0;}
.news .n_name b{ font-size:24px; color:#333; display:block; float:left; line-height:32px;}
.news .n_name a{ float:right; font-size:14px; color:#333; line-height:32px; border-radius:6px; background:#eee; padding:0 12px; font-family:Arial;}
.news .n_name a:hover{ text-decoration:none; background:#0b78c9; color:#fff;}
.news dl{ border-bottom:1px dotted #ddd; margin:0 0 18px 0; padding:0 0 18px 0; overflow:hidden;}
.news dl dt{ float:left; width:40%;}
.news dl dt img{ width:100%;}
.news dl dd{ float:right; width:56%;}
.news dl dd b{ font-size:14px; color:#333; line-height:20px; margin:0 0 6px 0; display:block;}
.news dl dd p{ font-size:12px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.news dl dd a{ color:#666;}
.news dl dd a:hover{ text-decoration:none; color:#0b78c9;}	
.news ul{ overflow:hidden;}
.news ul li{ line-height:36px; height:36px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.news ul li a{ background:url(../images/news_tb.png) no-repeat left center; color:#666; font-size:14px; padding-left:15px;}
.news ul li a:hover{ color:#0b78c9; text-decoration:none;}
.news ul li span{ color:#999; margin:0 10px 0 0;}

/*feedback*/
.feedback{ float:right; width:28%;}
.feedback .f_name{ border-bottom:1px solid #ddd; overflow:hidden; padding:0 0 10px 0; margin:0 0 20px 0;}
.feedback .f_name b{ font-size:24px; color:#333; display:block; float:left; line-height:32px;}
.feedback .f_name a{ float:right; font-size:14px; color:#333; line-height:32px; border-radius:6px; background:#eee; padding:0 12px; font-family:Arial;}
.feedback .f_name a:hover{ text-decoration:none; background:#0b78c9; color:#fff;}

.feedback .feed_h{ width:100%; padding:0; overflow:hidden;}
.feedback .feed_h .feed{ width:99%;}
.feedback .feed_h .feed .input{ width:96%; line-height:36px; padding:0 0 0 4%; background:#f5f5f5; border:none; margin-bottom:10px;}
.feedback .feed_h .feed .textarea{ width:92%; height:147px; line-height:25px; padding:10px 4% 10px 4%; background:#f5f5f5; border:none; margin-bottom:15px;}
.feedback .feed_h .feed .subt{ width:85px; line-height:36px; border:none; background:#0b78c9; text-align:center; font-size:14px; color:#fff; cursor:pointer;border-radius:4px; float:left; margin-right:15px;}
.feedback .feed_h .feed .subt:hover{ background:#f90202; color:#fff;}

/*links*/
.links{ background:#f0f0f0; width:100%; padding:30px 0px; overflow:hidden;}
.links b{ font-size:16px; color:#333; display:block; margin:0 0 15px 0;}
.links .links_cnt{ border-bottom:1px solid #ddd; padding:0 0 8px 0;}
.links .links_cnt a{ font-size:14px; color:#666; line-height:24px;}
.links .links_cnt span{ color:#ccc; font-size:14px; margin:0 6px;}

/*footer*/
.footer{ background:#0b78c9; width:100%; padding:20px 0px; overflow:hidden;}
.footer .footer_nav{ border-bottom:#046cba 1px solid; text-align:center; padding:10px 0 22px 0; position:relative;}
.footer .footer_nav:before{ position:absolute; left:0; bottom:0; background:#1e8adb; width:100%; height:1px; content:"";}
.footer .footer_nav a{ font-size:16px; color:#fff; line-height:28px; margin:0 22px;}

.footer .f_left{ float:left; background:url(../images/footer_line.png) no-repeat right center; min-height:207px; width:260px; margin:0 40px 0 0;}
.footer .f_left strong{ font-size:16px; color:#fff; display:block; margin:36px 0 8px 0;}
.footer .f_left em{ display:block; padding:0 40px 0 0;}
.footer .f_left em a{ font-size:12px; color:#ccc; font-weight:bold; line-height:22px;}
.footer .f_left em a:hover{ color:#fff; text-decoration:none;}
.footer .f_left em span{ color:#999; font-size:12px; margin:0 6px;}

.footer .f_center{ float:left; background:url(../images/footer_line.png) no-repeat right center; width:490px; min-height:207px;}
.footer .f_center strong{ font-size:16px; color:#fff; display:block; margin:36px 0 8px 0;}
.footer .f_center p{ font-size:12px; color:#ccc; line-height:34px;}
.footer .f_center p i{ background:url(../images/d1.png) left center no-repeat; width:20px; height:34px; display:block; float:left; margin:0 6px 0 0;}
.footer .f_center p.c1 i{ background:url(../images/d2.png) left center no-repeat;}
.footer .f_center p.c2 i{ background:url(../images/d3.png) left center no-repeat;}

.footer .f_right{ float:right; width:370px;}
.footer .f_right dl{ margin:36px 0 0 0;}
.footer .f_right dl dt{ float:left; width:114px;}
.footer .f_right dl dt img{ width:100%;}
.footer .f_right dl dd{ float:right; width:240px;}
.footer .f_right dl dd strong{ font-size:16px; color:#fff; display:block; margin:0 0 8px 0;}
.footer .f_right dl dd p{ font-size:12px; line-height:20px; color:#ccc;}

/*company_icp*/
.company_icp{ font-size:12px; color:#666; line-height:20px; padding:15px 0; text-align:center;}


/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner a{ display:block;}
.ny_banner img{ width:100%;}

/*content*/
.content{ width:100%; margin:20px auto; overflow:hidden;}
.content .content_left{ width:22%; float:left;}
.content .content_left .ctr_ne{ font-size:18px; background:#0b78c9; line-height:50px; color:#fff; padding:0 0 0 26px;}
.content .content_left .ctr_ne i{ width:11px; height:22px; float:right; margin:14px 14px 14px 0; background:url(../images/ctr_jt.png) center no-repeat;}
.content .content_left .ntpe{ margin:20px 0 0 0;}
.content .content_left ul{ overflow:hidden; background:#fff;}
.content .content_left ul li{ border-bottom:#e8e8e8 1px solid; overflow:hidden;}
.content .content_left ul li i{ width:11px; height:22px; float:right; margin:14px 14px 14px 0; background:url(../images/jiantou.png) center no-repeat;}
.content .content_left ul li a{ font-size:14px; display:block; line-height:50px; color:#666; padding:0 0 0 26px;}
.content .content_left ul li a:hover{ text-decoration:none; background:#f8f8f8;}
.content .content_left .l_news{ width:100%; margin:0; background:#fff;}
.content .content_left .l_news ol{ overflow:hidden;}
.content .content_left .l_news ol li{ border-bottom:#e8e8e8 1px dotted; height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.content .content_left .l_news ol li img{ width:100%;}
.content .content_left .l_news ol li i{ width:5px; height:5px; background:#0b78c9; float:left; margin:18px 12px 17px 6px;}
.content .content_left .l_news ol li a{ color:#666; font-size:14px; line-height:40px; display:block;}
.content .content_left .l_news ol li a:hover{ color:#0b78c9; text-decoration:none;}
.content .content_left .left_cont{ width:100%; margin:20px 0 0 0;}
.content .content_left .left_cont img{ width:100%;}
.content .content_right{ width:75%; float:right; background:#fff; overflow:hidden;}
.content .content_right .right_name{ width:100%; margin:10px auto; border-bottom:#cecece 1px solid;}
.content .content_right .right_name h2{ float:left; font-size:18px; color:#666; line-height:38px; position:relative;}
.content .content_right .right_name h2:before{ position:absolute; left:0; bottom:-1px; content:""; width:100%; height:3px; background:#0b78c9;}
.content .content_right .right_name h3{ float:right; font-size:12px; color:#666; line-height:22px; margin:12px 0 0 0;}
.content .content_right .right_name h3 a{ color:#666;}
.content .content_right .right_name h3 a:hover{ text-decoration:none; color:#0b78c9;}

/*products*/
.products{ width:100%; margin:20px auto;}
.products ul li{ float:left; width:21.5%; margin:0 2% 2% 0; padding:1%; background:#f8f8f8; transition:all .3s;}
.products ul li:hover{ background:rgba(11,120,201,.8); box-shadow:0 8px 20px #999; transform:translateY(-8px);}
.products ul li:nth-child(4n){ margin:0 0 2% 0;}
.products ul li img{ width:100%;}
.products ul li em{ font-size:12px; line-height:22px; margin:6px 0; height:22px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li span{ color:#999; font-size:12px; line-height:22px; height:22px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li:hover span{ color:#fff;}
.products ul li a{ color:#666; display:block;}
.products ul li:hover a{ text-decoration:none; color:#fff;}

.products_width{ width:100%; margin:20px auto; overflow:hidden;}
.products_left{ float:left; width:52%;}
.products_left img{ width:100%;}

div.jqZoomTitle{ z-index:5000; text-align:center; font-size:12px; height:20px; padding-top:2px; position:absolute; top:0px; left:0px; width:100%; color:#666; background:#f0f0f0;}
.jqZoomPup{	overflow:hidden; background-color:#fff;	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:10; border-color:#f0f0f0; border-style:solid; cursor:crosshair;}
.jqZoomPup img{	border:0px;}
.preload{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; text-decoration:none; border:1px solid #f0f0f0; padding:8px; text-align:center; background:#fff url(../images/zoomloader.gif) 43px 30px no-repeat; width:90px; *width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px;}
.jqZoomWindow{	border:1px solid #f0f0f0; background:#fff;}

.products_right{ float:right; width:45%;}
.products_right h2{ font-size:18px; color:#0b78c9; line-height:30px; font-weight:bold;}
.products_right h3{ font-size:14px; color:#666; line-height:25px; margin:10px auto;}
.products_right h4{ border:#eee 1px solid; border-left:none; border-right:none; font-size:14px; color:#666; line-height:25px; padding:6px 0;}
.products_right .pp_lx{ margin:12px 0 0 0;}
.products_right .pp_lx a{ background:#f4f4f4; display:block; padding:8px 10px; font-size:16px; color:#d81030; line-height:22px;}
.products_right .pp_lx a:hover{ text-decoration:none; color:#d81030;}

.products_detwo_titel{ border-bottom:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8; height:40px; line-height:40px; background:#fff; margin:26px 0 0 0;}
.products_detwo_titel a{ cursor:pointer; float:left; font-size:16px; text-align:center; display:block; height:40px; border-right:solid 1px #e8e8e8; border-top:none; padding:0 4%;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ color:#fff; background:#0769b2; text-decoration:none;}
.borleft{ width:100%; margin:0 auto; border-left:solid 1px #e8e8e8;}
.products_decon{ width:100%; margin:0 auto;}
.pro_con{ display:none; padding-top:20px; font-size:14px; color:#666; line-height:25px;}
.pro_con img{ max-width:100%;}

.p_messages{ width:100%; margin:20px auto 0 auto; overflow:hidden;}
.p_messages ul{ overflow:hidden;} 
.p_messages ul li{ width:100%; margin:0 0 1% 0;}
.p_messages .input{ width:50%; border:none; padding:8px 0 8px 2%; font-size:14px; color:#1c1c1c; line-height:22px; background:#f3f3f3;}
.p_messages .p_input{ width:98%; padding:8px 0 8px 2%; height:88px; border:none; font-size:14px; color:#1c1c1c; line-height:22px; cue-after:none; background:#f3f3f3;}
.p_messages .button{ width:22%; line-height:42px; font-size:16px; color:#fff; text-align:center; background:#0b78c9; cursor:pointer;}

/*case*/
.case{ width:100%; margin:20px auto;}
.case ul{ overflow:hidden;}
.case ul li{ width:32%; float:left; margin:0 2% 2% 0;}
.case ul li:nth-child(3n){ margin:0 0 2% 0;}
.case ul li img{ width:100%;}
.case ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.case ul li a{ color:#666; border:#eee 1px solid; padding:1%; display:block;}
.case ul li a:hover{ text-decoration:none; border:#0b78c9 1px solid; color:#0b78c9;}

/*hezuo*/
.hezuo{ width:100%; margin:20px auto;}
.hezuo ul{ overflow:hidden;}
.hezuo ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.hezuo ul li:nth-child(4n){ margin:0 0 2% 0;}
.hezuo ul li img{ width:100%;}
.hezuo ul li a{ display:block; border:#cdcdcd 1px solid; color:#666; padding:12px;}
.hezuo ul li a:hover{ text-decoration:none; color:#0b78c9; border:#0b78c9 1px solid;}
.hezuo ul li em{ display:block; text-align:center; font-size:14px; line-height:24px; margin:12px 0 0 0;}

/*ny_news*/
.ny_news{ width:100%; margin:20px auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ overflow:hidden; border-bottom:#e8e8e8 1px dotted;}
.ny_news ul li font{ float:right; color:#888; font-size:12px;}
.ny_news ul li i{ width:5px; height:5px; background:#0b78c9; float:left; margin:18px 12px 17px 6px;}
.ny_news ul li span{ float:left; width:62%; height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li small{ color:#f00; font-size:14px;}
.ny_news ul li a{ color:#666; font-size:14px; line-height:40px; display:block;}
.ny_news ul li a:hover{ text-decoration:none; color:#0b78c9;}
.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 20px auto;}
.news_name_n strong{ font-size:18px; color:#0b78c9; line-height:25px; margin:0 0 8px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:20px auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.p_next{ width:100%; margin:20px auto 0 auto; border-bottom:#d1cfd0 2px solid;}
.p_next dl{ overflow:hidden;}
.p_next dl dd{ float:left;}
.p_next dl dd i{ float:left; width:18px; height:11px; background:url(../images/news_l.jpg) center no-repeat; margin:10px 5px 0 0;}
.p_next dl dt{ float:right;}
.p_next dl dt i{ float:right; width:18px; height:11px; background:url(../images/news_r.jpg) center no-repeat; margin:10px 0 0 5px;}
.p_next a{ font-size:14px; line-height:30px; color:#666;}
.p_next a:hover{ color:#0b78c9; text-decoration:none;}

.ny_faq{ width:100%; margin:20px auto;}
.ny_faq dl{ border-bottom:#ccc 1px dotted; margin:0 0 20px 0; padding:0 0 16px 0;}
.ny_faq dl dd{ margin:0 0 10px 0; font-size:14px; color:#333; line-height:23px; font-weight:bold;}
.ny_faq dl dd font{ background:#0b78c9; font-size:16px; color:#fff; line-height:23px; width:23px; height:23px; display:block; text-align:center; float:left; font-weight:normal; font-family:Arial; margin:0 12px 0 0;}
.ny_faq dl dt{ font-size:14px; color:#666; line-height:23px;}
.ny_faq dl dt font{ background:#d81030; font-size:16px; color:#fff; line-height:23px; width:23px; height:23px; display:block; text-align:center; float:left; font-family:Arial; margin:0 12px 0 0;}

/*company*/
.company{ width:100%; margin:20px auto; font-size:14px; line-height:25px; color:#666;}
.company img{ max-width:100%;}

.shili{ width:100%; margin:20px auto;}
.shili ul{ overflow:hidden;}
.shili ul li{ width:32%; float:left; margin:0 2% 2% 0;}
.shili ul li:nth-child(3n){ margin:0 0 2% 0;}
.shili ul li img{ width:100%;}
.shili ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.shili ul li a{ color:#666; border:#eee 1px solid; padding:1%; display:block;}
.shili ul li a:hover{ text-decoration:none; border:#0b78c9 1px solid; color:#0b78c9;}

/*contact_us*/
.contact_us{ width:100%; margin:20px auto; font-size:14px; line-height:25px; color:#666;}
.contact_us img{ max-width:100%;}