@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:#333; 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{ 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:#333; text-decoration:none;}
a:hover{ color:#fe4339; text-decoration:underline;}

.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{ margin:33px auto;}
.head_top .logo{ float:left; width:84px;}
.head_top .logo img{ width:100%;}
.head_top .company_name{ float:left; font-size:20px; color:#083c7e; line-height:26px; margin:0 0 0 16px; font-weight:bold;}
.head_top .company_name span{ color:#fe4339; display:block;}
.head_top .rexian{ float:right; margin:0 0 0 32px;}
.head_top .rexian dl{ overflow:hidden;}
.head_top .rexian dl dd{ font-size:14px; color:#888; line-height:26px; text-align:right;}
.head_top .rexian dl dt{ font-size:18px; color:#fe4339; line-height:26px;}
.head_top .rexian dl dt i{ width:20px; height:20px; background:url(../images/rexian.jpg) center no-repeat; border-right:#eee 1px solid; float:left; margin:3px 8px 0 0;}
.head_top .cnen{ float:right; margin:29px 0 0 20px;}
.head_top .cnen ul{ overflow:hidden;}
.head_top .cnen ul li{ float:left; line-height:20px; border-right:#eee 1px solid;}
.head_top .cnen ul li:last-child{ border-right:none;}
.head_top .cnen ul li a{ margin:0 12px; font-size:14px; color:#333;}
.head_top .cnen ul li a:hover,.head_top .cnen ul li a.hott{ text-decoration:none; color:#fe4339;}
.head_top .search_pc{ float:right; width:316px; height:40px; background:url(../images/searchbg.jpg) left top no-repeat; margin:6px 0 0 0;}
.head_top .search_pc .search{ float:left; padding:2px 0 2px 12px; width:254px; font-size:14px; line-height:36px; border:0; background:none; outline:none;}
.head_top .search_pc .button{ float:right; border:0; width:50px; height:40px; background:none; cursor:pointer; outline:none;}
.head_top .search_pc .search::-webkit-input-placeholder{ color:#666;}
.head_top .search_pc .search::-moz-placeholder{ color:#666;}

/*nav*/
.nav{ width:100%; margin:0 auto; line-height:52px; border-top:#eee 1px solid;}
.navbar_nav{ width:100%; margin:0 auto;}
.navbar_nav li{ float:left; position:relative; text-align:center; width:14.285714%;}
.navbar_nav li:after{ content:""; width:0; height:2px; background:#083c7e; position:absolute; top:-1px; left:0; transition:all 0.5s ease 0s;}
.navbar_nav li:hover:after{ width:100%;}
.navbar_nav li a{ text-decoration:none; display:block; color:#333; font-size:18px; text-transform:uppercase;}
.navbar_nav li:hover a,.navbar_nav li a.active{ color:#083c7e;}
.navbar_nav li a.active:after{ content:""; width:100%; height:2px; background:#083c7e; position:absolute; top:-1px; left:0; transition:all 0.5s ease 0s;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:52px; background:#083c7e; box-shadow:0 3px 9px 0 rgba(51,51,51,0.38); width:100%;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:15px; color:#fff; padding:0 10px; line-height:42px; text-align:center; text-transform:inherit;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display:block; transition:0.5s;}
.navbar_nav li.dropdown:hover .dropdown_menu a{ color:#fff;}
.navbar_nav li.dropdown:hover .dropdown_menu a:hover{ background:#fe4339;}
#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin:10px 0 0 0;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:16px; height:50px; line-height:50px; width:100%;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu a{	display:block; height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative; height:auto;}
.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:0;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:10px; height:10px; border-radius:5px; display:block; background:#083c7e; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#fe4339;}
.flex-control-paging li a.flex-active{ background:#fe4339; cursor:default;}
.banner .flex-direction-nav a{ width:15%; height:100%; display:block; position:absolute; top:0; text-indent:-9000px;}
.banner .flex-direction-nav a.flex-prev{ left:0;}
.banner:hover .flex-direction-nav a.flex-prev{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));}
.banner .flex-direction-nav a.flex-next{ right:0;}
.banner:hover .flex-direction-nav a.flex-next{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));}
.banner .flex-direction-nav a i{ position:absolute; left:50%; top:50%; width:16px; height:40px; margin:-20px 0 0 0;}
.banner:hover .flex-direction-nav a.flex-prev i{ background:url(../images/b_prev_h.png) center no-repeat; transition:all .5s;}
.banner:hover .flex-direction-nav a.flex-next i{ background:url(../images/b_next_h.png) center no-repeat; transition:all .5s;}
.banner .flex-direction-nav a:hover.flex-prev i{ background:url(../images/b_prev.png) center no-repeat;}
.banner .flex-direction-nav a:hover.flex-next i{ background:url(../images/b_next.png) center no-repeat;}

/*new_product*/
.new_product{ margin:60px auto;}
.new_p_left{ float:left; width:21.8%; background:#083c7e;}
.new_p_left .new_p_biaoti{ color:#fff; font-size:24px; line-height:77px; position:relative; text-align:center;}
.new_p_left .new_p_biaoti:after{ position:absolute; left:50%; bottom:0; width:48px; height:1px; background:#fff; content:""; margin:0 0 0 -24px;}
.new_p_left ul{ width:84.5%; overflow:hidden; margin:20px auto;}
.new_p_left ul li{ line-height:42px; margin:0 0 8px 0;}
.new_p_left ul li:last-child{ margin:0;}
.new_p_left ul li a{ display:block; font-size:18px; color:#000; padding:0 0 0 16px; background:#fff;}
.new_p_left ul li a:hover{ text-decoration:none; background:#666; color:#fff;}
.new_p_right{ float:right; width:73.4%;}
.new_p_right .new_p_zt{ margin:0 auto 24px auto; width:100%; overflow:hidden;}
.new_p_right .new_p_name{ float:left; position:relative; z-index:2; font-size:24px; color:#333; line-height:52px; padding:0 0 6px 0;}
.new_p_right .new_p_name:before{ position:absolute; background:#a6a6a6; width:48px; height:1px; bottom:0; left:0; content:""; z-index:3;}
.new_p_right .new_p_more{ float:right; width:142px; margin:20px 0 0 0;}
.new_p_right .new_p_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.new_p_right .new_p_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#fe4339; border-radius:19px;}
.new_p_right .new_p_more a:hover{ text-decoration:none; background:#999;}
.new_p_right ul{ overflow:hidden;}
.new_p_right ul li{ float:left; width:31.6%; margin:0 2.6% 2.6% 0;}
.new_p_right ul li:nth-child(3n){ margin:0 0 2.6% 0;}
.new_p_right ul li img{ width:100%;}
.new_p_right ul li em{ display:block; text-align:center; font-size:16px; line-height:28px; margin:8px 0 0 0;}
.new_p_right ul li a{ color:#333;}
.new_p_right ul li a:hover{ text-decoration:none; color:#083c7e;}

/*about_us*/
.about_us{ width:100%; margin:60px auto; overflow:hidden; background:#f6f7fb; padding:46px 0 60px 0;}
.about_us .about_name{ width:100%; margin:0 auto 24px auto; position:relative; z-index:2; font-size:24px; color:#333; line-height:52px; padding:0 0 6px 0;}
.about_us .about_name:before{ position:absolute; background:#a6a6a6; width:48px; height:1px; bottom:0; left:0; content:""; z-index:3;}
.about_us .about_name span{ font-size:14px; color:#888; margin:0 0 0 14px;}
.about_width{ width:100%; margin:0 auto; overflow:hidden;}
.about_left{ float:left; width:39.9%; background:#083c7e; border-radius:25px; padding:1.8%;}
.about_left img{ border-radius:5px; max-width:100%;}
.about_right{ float:right; width:52.5%;}
.about_width .about_zhuti{ font-size:20px; color:#083c7e; font-weight:bold; border-bottom:#eee 1px solid; line-height:32px; margin:12px 0; padding:0 0 6px 0;}
.about_width .about_zhuti span{ display:block; font-size:14px; color:#666; font-weight:normal;}
.about_width .company_profile{ width:100%; margin:12px auto 22px auto; font-size:14px; color:#666; line-height:25px;}
.about_width .about_more{ width:142px;}
.about_width .about_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.about_width .about_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#fe4339; border-radius:19px;}
.about_width .about_more a:hover{ text-decoration:none; background:#999;}

/*youshi*/
.youshi{ margin:60px auto;}
.youshi_name{ font-size:30px; color:#333; line-height:42px; text-align:center; position:relative; padding:0 0 10px 0;}
.youshi_name:before{ position:absolute; background:#a6a6a6; width:60px; height:1px; bottom:0; left:50%; content:""; z-index:3; margin:0 0 0 -30px;}
.youshi_name span{ color:#fe4339; font-size:36px; margin:0 12px;}
.youshi_width{ width:100%; margin:36px auto; overflow:hidden;}
.youshi_width .youshi_left{ float:left; width:46.5%;}
.youshi_width .youshi_left dl{ overflow:hidden; margin:0 0 48px 0;}
.youshi_width .youshi_left dl:last-child{ margin:0;}
.youshi_width .youshi_left dl dd{ float:left; width:11.5%; font-size:26px; color:#333; border:#083c7e 3px solid; line-height:64px; position:relative; text-align:center;}
.youshi_width .youshi_left dl dd:before{ position:absolute; right:-3px; top:50%; margin:-15px 0 0 0; width:3px; height:30px; background:#fff; content:"";}
.youshi_width .youshi_left dl dd i{ width:2px; height:20px; background:#083c7e; float:left; margin:22px 0 0 12px;}
.youshi_width .youshi_left dl dt{ float:right; width:82%; font-size:14px; color:#525252; line-height:25px;}
.youshi_width .youshi_left dl dt em{ display:block; font-size:24px; color:#333; line-height:70px; position:relative; margin:0 0 16px 0;}
.youshi_width .youshi_left dl dt em:after{ position:absolute; width:48px; height:2px; left:0; bottom:0; content:""; background:#083c7e;}
.youshi_width .youshi_right{ float:right; width:44.666667%;}
.youshi_width .youshi_right img{ width:100%;}

.youshi_width2{ width:100%; margin:0 auto; overflow:hidden;}
.youshi_width2 .youshi_right{ float:right; width:46.5%; margin:8px 0 0 0;}
.youshi_width2 .youshi_right dl{ overflow:hidden; margin:0 0 48px 0;}
.youshi_width2 .youshi_right dl:last-child{ margin:0;}
.youshi_width2 .youshi_right dl dd{ float:left; width:11.5%; font-size:26px; color:#333; border:#083c7e 3px solid; line-height:64px; position:relative; text-align:center;}
.youshi_width2 .youshi_right dl dd:before{ position:absolute; right:-3px; top:50%; margin:-15px 0 0 0; width:3px; height:30px; background:#fff; content:"";}
.youshi_width2 .youshi_right dl dd i{ width:2px; height:20px; background:#083c7e; float:left; margin:22px 0 0 12px;}
.youshi_width2 .youshi_right dl dt{ float:right; width:82%; font-size:14px; color:#525252; line-height:25px;}
.youshi_width2 .youshi_right dl dt em{ display:block; font-size:24px; color:#333; line-height:70px; position:relative; margin:0 0 16px 0;}
.youshi_width2 .youshi_right dl dt em:after{ position:absolute; width:48px; height:2px; left:0; bottom:0; content:""; background:#083c7e;}
.youshi_width2 .youshi_left{ float:left; width:48.083%;}
.youshi_width2 .youshi_left img{ width:100%;}
.youshi_bottom{ width:100%; margin:60px auto; overflow:hidden;}
.youshi_bottom img{ width:100%;}

/*news*/
.news{ margin:60px auto;}
.news .news_center{ margin:0 auto 24px auto; width:100%; overflow:hidden;}
.news .news_name{ float:left; position:relative; z-index:2; font-size:24px; color:#333; line-height:52px; padding:0 0 6px 0;}
.news .news_name:before{ position:absolute; background:#a6a6a6; width:48px; height:1px; bottom:0; left:0; content:""; z-index:3;}
.news .news_more{ float:right; width:142px; margin:20px 0 0 0;}
.news .news_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.news .news_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#fe4339; border-radius:19px;}
.news .news_more a:hover{ text-decoration:none; background:#999;}
.news_width{ width:100%; margin:0 auto;}
.news_width ul{ overflow:hidden;}
.news_width ul li{ float:left; width:31%; margin:0 3.5% 0 0;}
.news_width ul li:last-child{ margin:0;}
.news_width ul li a{ color:#666;}
.news_width ul li a:hover{ text-decoration:none; color:#083c7e;}
.news_width .news_img{ width:100%; margin:0 auto;}
.news_width .news_img img{ width:100%;}
.news_width .news_zti{ width:100%; margin:18px auto 10px auto; font-size:14px; line-height:24px;}
.news_width .news_zti em{ display:block; color:#333; font-size:16px; margin:0 0 8px 0;}
.news_width .news_time{ font-size:14px; color:#083c7e; font-weight:bold; border-top:#e2e4e6 1px solid; line-height:24px; padding:6px 0 0 0;}

/*witness*/
.witness{ width:100%; background:#f5f7fa; margin:0 auto; overflow:hidden; padding:52px 0;}
.witness .witness_kf{ margin:0 auto 24px auto; width:100%; overflow:hidden;}
.witness .witness_name{ float:left; position:relative; z-index:2; font-size:24px; color:#333; line-height:52px; padding:0 0 6px 0;}
.witness .witness_name:before{ position:absolute; background:#a6a6a6; width:48px; height:1px; bottom:0; left:0; content:""; z-index:3;}
.witness .witness_more{ float:right; width:142px; margin:20px 0 0 0;}
.witness .witness_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.witness .witness_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#fe4339; border-radius:19px;}
.witness .witness_more a:hover{ text-decoration:none; background:#999;}
.witness_width{ width:100%; margin:0 auto;}
.witness_width ul{ overflow:hidden;}
.witness_width ul li{ float:left; width:18.4%; margin:0 2% 2% 0;}
.witness_width ul li img{ width:100%;}
.witness_width ul li:nth-child(5n){ margin:0 0 2% 0;}
.witness_width ul li em{ display:block; margin:6px 0 0 0; text-align:center; font-size:14px; line-height:24px;}
.witness_width ul li a{ color:#333;}
.witness_width ul li a:hover{ text-decoration:none; color:#083c7e;}

/*footer*/
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#083c7e;}
.footer_w{ margin:50px auto;}
.footer_left{ float:left; font-size:14px; color:#fff; line-height:25px;}
.footer_right{ float:right; width:24.5%;}
.footer_right ul{ overflow:hidden;}
.footer_right ul li{ float:left; width:46%; margin:0 8% 0 0;}
.footer_right ul li:last-child{ margin:0;}
.footer_right ul li img{ width:100%;}
.footer_right ul li span{ display:block; font-size:14px; color:#fff; text-align:center; line-height:24px; margin:6px 0 0 0;}

.foot_icp{ font-size:14px; color:#fff; line-height:24px; padding:18px 0; background:#083c7e; border-top:#2d5991 1px solid;}
.foot_icp a{ color:#fff;}
.foot_icp a:hover{ color:#eee; text-decoration:none;}

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

/*content*/
.content{ margin:52px auto;}
.content .content_left{ float:left; width:21.8%;}
.content_left .content_l_name{ background:#083c7e; font-size:24px; color:#fff; line-height:32px; padding:34px 0; text-align:center;}
.content_left ul{ border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#083c7e 5px solid;}
.content_left ul li{ border-bottom:#eee 1px solid;}
.content_left ul li a{ font-size:16px; color:#525252; line-height:59px; padding:0 24px; height:59px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.content_left ul li i{ float:right; width:12px; height:14px; margin:23px 0 22px 0; background:url(../images/new_p_jtou.png) center no-repeat;}
.content_left ul li a:hover{ text-decoration:none; color:#083c7e;}

.content .content_right{ float:right; width:73.4%;}
.content_right .content_r_name{ background:linear-gradient(#fff, #dbdbdb); overflow:hidden; margin:0 0 26px 0;}
.content_right .content_r_name span{ float:left; background:#083c7e; font-size:18px; color:#fff; line-height:50px; padding:0 22px;}

/*profiles*/
.profiles{ font-size:14px; color:#666; line-height:25px;}
.profiles p{ text-indent:2em;}
.profiles img{ max-width:100%;}

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

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.products ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.products ul li img{ width:100%;}
.products ul li a{ border:#d2d2d2 1px solid; display:block; color:#333;}
.products ul li a:hover{ border:#083c7e 1px solid; background:#083c7e; color:#fff; text-decoration:none;}
.products ul li font{ font-size:14px; line-height:40px; display:block; text-align:center;}

.product_width{ width:100%; margin:0 auto 30px auto; overflow:hidden;}
.product_left{ float:left; width:54%; border:#eee 1px solid;}
.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;}
.product_right{ float:right; width:42%;}
.product_right .prr_name{ font-size:18px; color:#083c7e; line-height:20px; font-weight:bold; margin:0 0 12px 0;}
.product_right .miaoshu{ border:#eee 1px solid; border-left:none; border-right:none; font-size:14px; color:#666; line-height:25px; padding:8px 0;}
.product_right .pp_lx{ margin:12px 0 0 0;}
.product_right .pp_lx a{ background:#f4f4f4; display:block; padding:8px 10px; font-size:16px; color:#fe4339; line-height:22px;}
.product_right .pp_lx a:hover{ text-decoration:none;}

.p_yingy{ width:100%; margin:30px auto; overflow:hidden;}
.p_yingy dl{ overflow:hidden;}
.p_yingy dl dd{ background:#eee; font-size:18px; line-height:42px; color:#333; padding:0 0 0 16px;}
.p_yingy dl dt{ font-size:14px; color:#525252; line-height:25px; margin:16px 0 0 0;}
.p_yingy dl dt table{ width:100%; margin:0 auto; border:0; border:#ddd 1px solid;}
.p_yingy dl dt table td{ font-size:14px; color:#525252; line-height:24px; border:#ddd 1px solid; padding:6px; text-align:center;}

.pro_xiangguan{ margin:30px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:30px; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#fe4339; float:left; margin:8px 10px 0 8px;}
.pro_xgcp{ margin:12px auto 0 auto; overflow:hidden;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#083c7e 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ display:block; text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0;}
.pro_xgcp ul li a{ color:#666;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#083c7e;}

/*news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news dl{ width:100%; margin:0 auto; overflow:hidden;}
.ny_news dl dd{ float:left; width:40%;}
.ny_news dl dd img{ width:100%;}
.ny_news dl dt{ float:right; width:57%; font-size:12px; color:#666; line-height:22px;}
.ny_news dl dt em{ display:block; font-size:14px; color:#333;}
.ny_news dl dt small{ display:block; font-size:12px; color:#888; margin:0 0 8px 0;}
.ny_news dl dt .n_more{ width:100%; margin:12px auto 0 auto; overflow:hidden;}
.ny_news dl dt .n_more a{ font-size:14px; color:#083c7e; line-height:22px; display:block;}
.ny_news ul{ overflow:hidden; margin:16px auto 0 auto;}
.ny_news ul li{ overflow:hidden; border-bottom:#ccc 1px solid;}
.ny_news ul li a{ font-size:14px; color:#333; line-height:42px; display:block;}
.ny_news ul li a:hover{ color:#083c7e; text-decoration:none;}
.ny_news ul li i{ width:3px; height:14px; background:#fe4339; float:left; margin:14px 10px 0 0;}
.ny_news ul li span{ width:68%; float:left; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li font{ float:right; color:#999;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:15px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; border:#eee 1px dashed; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#083c7e;}

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

/*support*/
.content_name{ background:linear-gradient(#fff, #dbdbdb); overflow:hidden; margin:0 0 26px 0;}
.content_name span{ float:left; background:#083c7e; font-size:18px; color:#fff; line-height:50px; padding:0 22px;}

/*feedback*/
.messages_box{ width:100%; margin:26px auto 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:last-child{ margin:0;}
.messages_box ul li.ctttttp{ 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-input{ 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:168px; line-height:46px; font-size:14px; color:#fff; text-align:center; background:#fe4339; cursor:pointer;}

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