@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:#525252; font-size:14px; font-family:Microsoft Yahei;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
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,i{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft Yahei; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.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:#525252; text-decoration:none;}
a:hover{ color:#1a61a3; 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_hear{ width:100%; margin:0; overflow:hidden; background:#1a61a3; height:2px;}
.head_top{ margin:28px auto;}
.head_top h1{ width:119px; float:left;}
.head_top h1 img{ width:100%;}
.head_top .head_name{ float:left; font-size:15px; color:#666; line-height:15px; margin:0 0 0 16px;}
.head_top .head_name span{ display:block; font-size:24px; color:#1a61a3; font-weight:bold; line-height:24px; margin:0 0 8px 0; letter-spacing:1.15px;}
.head_top .cnen{ float:right; margin:14px 0 0 0;}
.head_top .cnen a{ background:url(../images/cn.jpg) left center no-repeat; padding:0 0 0 32px; margin:0 0 0 14px; font-size:14px; color:#333; line-height:20px;}
.head_top .cnen a.n1{ background:url(../images/en.jpg) left center no-repeat; padding:0 0 0 26px;}
.head_top .cnen a:hover{ text-decoration:none; color:#1a61a3;}
.head_top .search_pc{ float:right; width:192px; height:28px; background:url(../images/search.jpg) left top no-repeat; margin:9px 0 0 0;}
.head_top .search_pc .search{ float:left; padding:0 0 0 12px; width:150px; font-size:12px; line-height:28px; border:0; color:#525252; background:none; outline:none;}
.head_top .search_pc .button{ float:right; border:0; width:30px; height:28px; background:none; cursor:pointer; outline:none;}

/*nav*/
.header{ width:100%; background:url(../images/navbg.jpg);}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10; width:14.28%;}
.nav .m:nth-child(7n){ width:14.32%; background:url(../images/nav_right.jpg) right center no-repeat;}
.nav a{ display:block; font-size:16px; color:#fff; line-height:46px; text-align:center; font-weight:bold; background:url(../images/nav_right.jpg) left center no-repeat;}
.nav li:hover a{ text-decoration:none; background:#1e73c4; color:#fff;}
.nav li a.hover_h{ background:#1e73c4;}
.nav .sub{ width:188px; position:absolute; left:0; top:46px; background:#1e73c4; box-shadow:0px 1px 4px rgba(102,102,102,0.6);}
.nav .sub li{ line-height:20px;}
.nav .sub li a{ color:#fff; display:block; border-bottom:#1a61a3 1px solid; font-size:14px; line-height:20px; padding:8px 0 8px 12px; text-align:left; font-weight:normal; background:none;}
.nav .sub li a:hover{ background:#1a61a3; text-decoration:none; color:#fff;}
#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:#1a61a3; 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:#a3030e; }
.flex-control-paging li a.flex-active{ background:#a3030e; 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:2%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*new_product*/
.new_product{ margin:52px auto;}
.new_p_name{ width:100%; margin:0 0 26px 0; overflow:hidden;}
.new_p_name div{ float:left; font-size:30px; color:#1a61a3; line-height:32px;}
.new_p_name span{ font-size:14px; color:#333; line-height:25px; font-weight:normal; display:block; margin:4px 0 0 0;}
.new_p_name a{ float:right; margin:22px 0 0 0; font-size:16px; color:#666; line-height:26px; text-transform:uppercase;}
.new_p_name a:hover{ text-decoration:none; color:#1a61a3;}
.new_p_name img{ width:9px; height:16px; margin:4px 0 0 6px;}
.new_p_img{ width:100%; margin:0 auto;}
.new_p_img ul{ overflow:hidden;}
.new_p_img li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.new_p_img li:nth-child(4n){ margin:0 0 2% 0;}
.new_p_img li img{ width:100%;}
.new_p_img li em{ font-size:14px; color:#333; font-weight:bold; line-height:25px; height:25px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:10px 0 0 0;}
.new_p_img li span{ font-size:12px; line-height:25px; height:25px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.new_p_img li a{ display:block; color:#666;}
.new_p_img li a:hover{ text-decoration:none; color:#1e73c4;}

/*center_banner*/
.center_banner{ width:100%; height:119px; background:url(../images/center.png) top center no-repeat; margin:52px auto; overflow:hidden;}

/*about_us*/
.about_us{ margin:52px auto;}
.about_files{ width:46%; float:left;}
.about_files .about_name{ font-size:30px; color:#1a61a3; line-height:32px; text-transform:uppercase; margin:0 0 20px 0;}
.about_files .profiles{ font-size:14px; color:#333; line-height:25px;}
.about_img{ width:50%; float:right;}
.about_img img{ width:100%;}
.about_files a{ font-size:16px; color:#666; text-transform:uppercase; line-height:24px; display:block; padding:28px 0 0 0;}
.about_files a:hover{ text-decoration:none; color:#1a61a3;}
.about_files a img{ width:9px; height:16px; margin:4px 0 0 10px;}

/*news*/
.news{ width:100%; background:#eee; margin:52px auto; padding:45px 0;}
.news .news_name{ width:100%; margin:0 0 26px 0; overflow:hidden;}
.news .news_name div{ float:left; font-size:30px; color:#1a61a3; line-height:32px;}
.news .news_name a{ float:right; margin:4px 0 0 0; font-size:16px; color:#666; line-height:26px; text-transform:uppercase;}
.news .news_name a:hover{ text-decoration:none; color:#1a61a3;}
.news .news_name img{ width:9px; height:16px; margin:4px 0 0 6px;}
.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_width .news_left{ float:left; width:50%;}
.news_width .news_left img{ width:100%;}
.news_width .news_right{ float:right; width:46%;}
.news_width .news_right ul{ overflow:hidden;}
.news_width .news_right ul li{ border-bottom:#c9c9c9 1px solid; overflow:hidden;}
.news_width .news_right ul li a{ font-size:14px; color:#333; line-height:22px; padding:8px 0; display:block;}
.news_width .news_right ul li a:hover{ text-decoration:none; color:#1e73c4;}
.news_width .news_right ul li span{ display:block; color:#888;}
.news_width .news_right ul li i{ width:9px; height:16px; background:url(../images/more_jt.png) center no-repeat; float:right; margin:-10px 0 0 0;}


/*client*/
.client{ margin:52px auto 30px auto;}
.client_name{ width:100%; margin:0 0 26px 0; overflow:hidden;}
.client_name div{ float:left; font-size:30px; color:#1a61a3; line-height:32px;}
.client_name a{ float:right; margin:4px 0 0 0; font-size:16px; color:#666; line-height:26px; text-transform:uppercase;}
.client_name a:hover{ text-decoration:none; color:#1a61a3;}
.client_name img{ width:9px; height:16px; margin:4px 0 0 6px;}
.client ul{ overflow:hidden;}
.client ul li{ float:left; width:15%; margin:0 2% 2% 0;}
.client ul li span{ display:block; border:#ddd 1px solid;}
.client ul li:nth-child(6n){ margin:0 0 2% 0;}
.client ul li img{ width:100%;}

/*links*/
.yl_link{ width:100%; margin:38px auto 20px auto; border-bottom:#cecece 1px solid;}
.link_name{ font-size:22px; color:#1a61a3; line-height:45px;}
.link_name span{ display:inline-block; position:relative;}
.link_name span:before{ position:absolute; left:0; bottom:-1px; content:""; width:100%; height:3px; background:#1e73c4;}
.links{ margin:20px auto 38px auto; font-size:14px; color:#666; line-height:25px;}
.links a{ color:#666; margin:0 20px 0 0;}
.links a:hover{ text-decoration:none; color:#1e73c4;}

/*footer*/
.footer_nav{ background:#eee; overflow:hidden;}
.footer_nav .f_nav_width{ margin:28px auto 36px auto;}
.footer_nav .f_nav_width .f_nav_left{ float:left; overflow:hidden;}
.footer_nav .f_nav_width .f_nav_left dl{ float:left; margin:0 125px 0 0;}
.footer_nav .f_nav_width .f_nav_left dl dd{ margin:0 0 18px 0;}
.footer_nav .f_nav_width .f_nav_left dl dd a{ font-size:16px; line-height:22px; color:#333;}
.footer_nav .f_nav_width .f_nav_left dl dd a:hover{ text-decoration:none; color:#1e73c4;}
.footer_nav .f_nav_width .f_nav_left dl dt{ background:url(../images/footer_jt.png) left center no-repeat; padding:0 0 0 12px;}
.footer_nav .f_nav_width .f_nav_left dl dt a{ font-size:14px; color:#666; line-height:24px;}
.footer_nav .f_nav_width .footer_contact{ float:right; width:35%;}
.footer_nav .f_nav_width .footer_contact strong{ font-size:16px; color:#333; line-height:22px; margin:0 0 18px 0; display:block; font-weight:normal;}
.footer_nav .f_nav_width .footer_contact p{ font-size:14px; line-height:22px; color:#666; background:url(../images/add.png) left 2px no-repeat; padding:0 0 2px 28px; margin:0 0 8px 0;}
.footer_nav .f_nav_width .footer_contact p.c1{ background:url(../images/tel.png) left 2px no-repeat;}
.footer_nav .f_nav_width .footer_contact p.c2{ background:url(../images/fax.png) left 2px no-repeat;}
.footer{ background:#1a61a3; overflow:hidden;}
.footer .footer_icp{ margin:12px auto; overflow:hidden; font-size:14px; color:#eee; line-height:22px;}
.footer .footer_icp a{ color:#eee;}
.footer .footer_icp a:hover{ text-decoration:none; color:#fff;}

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

.lujing{ margin:12px auto; border-bottom:#dfdfdf 1px solid; font-size:14px; color:#333; line-height:25px; padding:0 0 4px 0;}
.lujing a{ text-decoration:underline;}
.lujing a:hover{ text-decoration:none;}

/*content*/
.content{ margin:26px auto 36px auto;}
.content h2{ background:#f0f0f0; font-size:18px; color:#525252; line-height:26px; padding:10px 0 10px 16px; font-weight:bold; margin:0 0 30px 0;}
.content .con_left{ float:left; width:20%;}
.content .con_left span{ background:#1a61a3; display:block; font-size:18px; color:#fff; line-height:26px; padding:10px 0 10px 16px;}
.content .con_left span.l_cot{ margin:16px 0 0 0;}
.content .con_left .l_contact{ border:#dfdfdf 1px solid; padding:12px 16px; font-size:14px; color:#333; line-height:25px;}
.content .con_left ul{ overflow:hidden; border:#dfdfdf 1px solid; border-bottom:none;}
.content .con_left ul li{ border-bottom:#dfdfdf 1px solid;}
.content .con_left ul li i{ width:7px; height:7px; background:url(../images/jtou.png) center no-repeat; float:left; margin:9px 6px 0 14px;}
.content .con_left ul li a{ font-size:14px; line-height:26px; display:block; padding:6px 0; text-decoration:none;}
.content .con_left ul li a.cuttr{ background:#dfdfdf;}

.content .con_right{ float:right; width:78%;}
.content .con_right h2{ background:#f0f0f0; font-size:18px; color:#525252; line-height:26px; padding:10px 0 10px 16px; font-weight:bold; margin:0 0 20px 0;}

/*profiles*/
.profiles{ font-size:14px; color:#333; line-height:25px;}
.profiles img{ max-width:100%;}

.shengchan{ width:100%; margin:0 auto;}
.shengchan ul{ overflow:hidden;}
.shengchan ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.shengchan ul li:nth-child(4n){ margin:0 0 2% 0;}
.shengchan ul li img{ width:100%;}
.shengchan 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;}
.shengchan ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.shengchan ul li a:hover{ text-decoration:none; color:#1a61a3;}
.shengchan ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#1a61a3; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.shengchan ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.shengchan ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#1a61a3; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.shengchan ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.shengchan ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#1a61a3; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.shengchan ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.shengchan ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#1a61a3; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.shengchan ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

.partner{ width:100%; margin:0;}
.partner ul{ overflow:hidden;}
.partner ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.partner ul li span{ display:block; border:#ddd 1px solid;}
.partner ul li:nth-child(4n){ margin:0 0 2% 0;}
.partner ul li img{ width:100%;}

/*products*/
.products{ width:100%; margin:0;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.products li:nth-child(3n){ margin:0 0 3.5% 0;}
.products li img{ width:100%;}
.products li em{ font-size:14px; color:#333; font-weight:bold; line-height:25px; height:25px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:10px 0 0 0;}
.products li span{ font-size:12px; line-height:25px; height:25px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.products li a{ display:block; color:#666;}
.products li a:hover{ text-decoration:none; color:#1e73c4;}

.product_name{ width:100%; margin:20px auto; overflow:hidden; font-size:30px; color:#1a61a3; line-height:42px; text-align:center;}
.product_width{ width:100%; margin:20px auto; overflow:hidden;}
.product_left{ width:48%; margin:0 auto;}
.product_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_detwo{ border:solid 1px #eee; background:#f8f8f8; margin:30px auto 20px auto; overflow:hidden;}
.products_detwo span{ font-size:16px; background:#1a61a3; color:#fff; line-height:26px; padding:10px 4%; display:inline-block;}
.products_dxq{ margin:20px auto 52px auto; font-size:14px; color:#525252; line-height:25px;}
.products_dxq img{ max-width:100%;}
.products_dxq table{ width:100% !important; border:#e6e6e6 1px solid;}
.products_dxq table td{ border:#e6e6e6 1px solid; padding:4px 0 4px 8px;}

/*ny_news*/
.ny_news{ width:100%; margin:0;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ overflow:hidden; border-bottom:#ccc 1px dotted;}
.ny_news ul li i{ width:4px; height:7px; float:left; background:url(../images/news_jt.png) center no-repeat; margin:18px 8px 0 0;}
.ny_news ul li p{ float:left; width:65%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li font{ color:#888; float:right;}
.ny_news ul li a{ font-size:14px; color:#666; line-height:42px; transition:all .3s; display:block;}
.ny_news ul li a:hover{ text-decoration:none; color:#1a61a3;}

.news_names{ width:100%; text-align:center; border-bottom:#dfdfdf 1px dotted; margin:0 0 20px 0;}
.news_names strong{ font-size:16px; color:#333; line-height:22px; margin:0 0 5px 0; display:block; font-weight:normal;}
.news_names em{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}

.p_next{ width:100%; margin:20px 0 0 0; font-size:14px; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; color:#1a61a3; line-height:24px;}

/*services*/
.services{ font-size:14px; color:#333; line-height:25px;}
.services img{ max-width:100%;}

/*feedback*/
.messages_box{ width:100%; margin:0 auto;}
.messages_box ul{ overflow:hidden;} 
.messages_box ul li{ margin:0 2% 2% 0; float:left; width:49%;}
.messages_box ul li:nth-child(2n){ margin:0 0 2% 0;}
.messages_box ul li.ctttttps{ width:100%; float:none;}
.messages_box .text-input{ width:96%; border:none; padding:12px 0 12px 4%; font-size:14px; color:#333; line-height:26px; background:#f2f2f2;}
.messages_box .cont-inputs{ width:98%; padding:12px 0 12px 2%; height:218px; border:none; font-size:14px; color:#666; line-height:26px; background:#f2f2f2;}
.messages_box .messages-button{ width:198px; line-height:46px; font-size:16px; color:#fff; text-align:center; background:#1a61a3; cursor:pointer;}
.messages_box input::-webkit-input-placeholder,.messages_box textarea::-webkit-input-placeholder{ color:#666;}
.messages_box input:-moz-placeholder,.messages_box textarea:-moz-placeholder{ color:#666;}
.messages_box input::-moz-placeholder,.messages_box textarea::-moz-placeholder{ color:#666;}
.messages_box input:-ms-input-placeholder,.messages_box textarea:-ms-input-placeholder{ color:#666;}

/*contact_us*/
.contact_us{ width:100%; margin:0 auto; overflow:hidden;}
.contact_left{ float:left; width:50%; font-size:14px; color:#333; line-height:25px;}
.contact_right{ float:right; width:50%;}
.contact_right iframe{ width:100%; height:468px; padding:0; margin:0; float:left;}