/*reset*/
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
div {text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:12px;}
address, cite, em{font-style:normal;}
ul li{list-style-type:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea{font-size:12px;line-height:1.2em; font-weight:normal; outline:none;}
textarea{resize : none;}

@font-face {
    font-family: 'helvetica_lightregular';
    src: url('../fonts/helvetica-light_0-webfont.eot');
    src: url('../fonts/helvetica-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-light_0-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-light_0-webfont.woff') format('woff'),
         url('../fonts/helvetica-light_0-webfont.ttf') format('truetype'),
         url('../fonts/helvetica-light_0-webfont.svg#helvetica_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{font-size:12px;font-family: 'Arial';overflow-x:hidden;color:#444;}
a{text-decoration:none;color:#444;cursor:pointer;}
a:hover,a:focus,a:active{ text-decoration:none;}
dt{ font-weight:normal;}


/*header*/
.navbar-default .navbar-nav > li > a,.c_box01 dl dd.button a,.c_box03 dl dd.more,.c_box04 .left ul li a,.c_box04 .left ul li a dl dd.text,.c_box04 .right  ul li h4,.c_box04 .right  ul li h4 span.date,.c_box04 .right  ul li h4 span.text,.f_box01 form label.button input.send,.f_box02 p a,.sub_proCover_box .pro_box p,.sub_proList_box ul li a dl dd.more,.sub_proList_box ul li,.sub_proDetail_box .main02 .box02 ul li a p,.sub_inquiry form label input.send,.sub_case_box .main ul li a p.name,.sub_proDetail_box .main01 .share span.icons a,.sub_proDetail_box .main01 .proDetail_btn a,.sub_news_box li .news_date,.sub_news_box li .news_date span,.sub_news_box li dl dd.text,.sub_news_box02 p.return a,.c_box02 ul li a dl dt,.sub_detail_box .box02 ul li a p{transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out;}
.uppercase{text-transform:uppercase;}
.navbar-collapse{ padding:0;}
.navbar-default{ background:none;border:none;}
.navbar{ border-radius:0; margin-bottom:0; min-height:44px;}


.h_box01{ height:40px; background:#232f3b;}
.h_box01 .container{overflow:hidden; zoom:1;}
.h_box01 p.icons,.h_box01 .language{ float:right;}
.h_box01 p.icons{ margin:10px 20px 0 0;} 
.h_box01 p.icons a{display:inline-block; height:23px; background:url(../images/social01.jpg) no-repeat; margin:0 10px;transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out;}
.h_box01 p.icons a.icon01{background-position:0 -1px; width:11px;}
.h_box01 p.icons a.icon02{background-position:-32px 0;width:20px;}
.h_box01 p.icons a.icon03{background-position:-70px 0;width:20px;}
.h_box01 p.icons a.icon04{background-position:-106px 0;width:20px;}
.h_box01 p.icons a.icon05{background-position:-140px 0;width:22px;}
.h_box01 p.icons a:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}

.h_box01 .language{ border:solid 1px #4c6680; height:26px; margin:7px 0 0;}
.h_box01 .language span{color:#afd2f4;line-height:24px; display:inline-block;width:100px; padding:0 10px; cursor:pointer;}
.h_box01 .language span i{width:0; height:0; border:solid 5px #c0d9f3; border-width:7px 6px 0 6px; border-color:#c0d9f3 transparent; float:right; margin:10px 0 0;}
.h_box01 .language .lan_select{position:absolute;z-index:999;display:none; background:#afd2f4; width:100px; padding:10px; border-bottom:solid 2px #c0241c;}
.h_box01 .language .lan_select dd{ text-align:center;}
.h_box01 .language .lan_select dd a{line-height:28px;}
.h_box01 .language:hover .lan_select{display:block; }
.h_box01 .language .lan_select dd:hover a{ color:#c0241c; text-decoration:underline;}



.h_box02 .logo img{ max-width:100%; height:auto;}
.h_box02 .search{text-align:right; margin:18px 55px 0; height:32px;   color: #fff; font-size: 20px; }
.h_box02 .search form{width:275px; height:32px; display:inline-block;}
.h_box02 .search form #searchfield{float:left; height:28px;width:235px;background:#386bbd; padding:0 10px;  border:none; font-family:Arial; color:#86b0fa; border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px;}
.h_box02 .search form #searchbutton{float:right;height:28px;width:28px; cursor:pointer;background:url(../images/icons.png) no-repeat 0 0;border:none;}


header input::-moz-placeholder,
header textarea::-moz-placeholder {color:#86b0fa;}
header input::-ms-input-placeholder,
header textarea::-ms-input-placeholder {color:#86b0fa;}
header input::-webkit-input-placeholder,
header textarea::-webkit-input-placeholder {color:#86b0fa;}




/*c_box01*/
.c_box01{padding:45px 0; background:url(../images/bg02.jpg) no-repeat center top #e7e7e7; min-height:194px; border-top:solid 1px #fff;}
.c_box01 dl{ text-align:center;}
.c_box01 dl dt{ font-size:24px;}
.c_box01 dl dt span{ color:#bd251a;}
.c_box01 dl dd.sub_title{ margin:15px 0 0;}
.c_box01 dl dd.button{font-family:Tahoma; font-size:18px; margin:20px 0 0;}
.c_box01 dl dd.button a{ display:inline-block; width:136px; height:30px; text-align:center; background:#c2271a; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; color:#fff; font-size:18px; font-family:Tahoma; line-height:30px; margin:0 20px;}
.c_box01 dl dd.button a:hover,.c_box03 dl:hover dd.more,.f_box01 form label.button input.send:hover,.sub_proList_box ul li:hover a dl dd.more{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}




/*c_box02*/
.c_box02{ background:#fff;padding:80px 0;}
.c_box02 p.title{text-align:center; border-top:solid 1px #ccc;}
.c_box02 p.title a{ display:inline-block; position:relative; z-index:9; background:#fff; padding:0 25px; font-size:24px; top:-18px; }
.c_box02 ul{overflow:hidden; zoom:1; margin:30px 0 0;}
.c_box02 ul li{float:left; width:100%; margin:0 0 20px;}
.c_box02 ul li a{ display:block; overflow:hidden; zoom:1; background:#ebebeb}
.c_box02 ul li a p,.c_box02 ul li a dl{float:left; width:50%; overflow:hidden;}
.c_box02 ul li a p img{ width:100%; height:auto;position:relative;}
.c_box02 ul li a dl{padding:30px; text-align:center;position:relative;}
.c_box02 ul li a dl dt{color:#333; font-size:18px;}
.c_box02 ul li a dl dt span{ display:block; width:35%; margin:10px auto 0;height:1px; background:#bfbfbf;}
.c_box02 ul li a dl dd.text{color:#666; height:46px; overflow:hidden; line-height:22px; margin:15px 0;}
.c_box02 ul li a dl dd.more,.sub_proCover_box .title_box .more{color:#c2271a;}
.c_box02 ul li a dl dd.more i,.sub_proCover_box .title_box .more i{display:inline-block; width:10px; height:14px; background:url(../images/icons.png) no-repeat -37px 0; vertical-align:middle; margin:0 0 0 10px;}
.c_box02 ul li:hover a dl dt{color:#c12619;}



/*c_box03*/
.c_box03{ background:url(../images/bg03.jpg) no-repeat left top #d6e2eb; min-height:437px;}
.c_box03 .left{ padding:70px 0 0;height:437px;  overflow: hidden;}
.c_box03 dl dt{font-family:Helvetica; color:#fff; font-size:18px;}
.c_box03 dl dt span{ display:block;font-size:48px;}
.c_box03 dl dd.text{ color:#fff; line-height:22px; margin:25px 0; font-family:Tahoma;}
.c_box03 dl dd.more,.sub_proList_box ul li a dl dd.more{ width:150px; height:34px;background:#c2271a; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; color:#fff; text-align:center; line-height:34px; font-size:18px;}
.c_box03 .right{padding:30px 0;}
.c_box03 .right img{ max-width:100%; height:auto;}
 

/*c_box04*/
.c_box04{ background:#ebebeb; padding:80px 0 20px;}
.c_box04 p.title a{ display:block; color:#284780; font-size:30px; margin:0 0 35px;}
.c_box04 .left,.c_box04 .right{margin:0 0 70px;}
.c_box04 .left ul{ overflow:hidden; zoom:1;}
.c_box04 .left ul li{float:left; width:32%;}
.c_box04 .left ul li:nth-child(2){ margin:0 2%;}
.c_box04 .left ul li a{ display:block;background:#dadada; border:solid 1px #ccc; padding:10px;text-align:center;}
.c_box04 .left ul li a p.pic img{ width:100%; height:auto; border:solid 3px #fff;}
.c_box04 .left ul li a dl dd.text{ color:#444; line-height:22px; margin:10px 0 0;height:44px;}
.c_box04 .left ul li a dl dd.more{ width:110px; height:22px; background:#e33122; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; color:#fff; line-height:22px; text-align:center; margin:20px auto 10px;}
.c_box04 .left ul li:hover a{background:#0358a0;}
.c_box04 .left ul li:hover a dl dd.text{ color:#fff;}



.c_box04 .right  .none { display:none;}
.c_box04 .right  ul li{ margin:0 0 6px;}
.c_box04 .right  ul li h4{cursor:pointer; font-weight:normal;padding:10px; overflow:hidden; zoom:1;}
.c_box04 .right  ul li h4 span.date{ display:inline-block; float:left; border:solid 1px #224b7e; width:96px; height:26px; line-height:24px; text-align:center;}
.c_box04 .right  ul li h4 span.text{display:inline-block; float:left; padding:0 10px; line-height:26px;width:78%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#444; font-size:14px;}
.c_box04 .right  ul li.selected h4{background:#bd251a;}
.c_box04 .right  ul li.selected h4 span{ color:#fff;}
.c_box04 .right  ul li.selected h4 span.date{border:solid 1px #fff;}
.c_box04 .right  li .list-item a {display:block;line-height:28px; color:#666;padding:10px 5px; height:75px;overflow:hidden;}
.c_box04 .right  ul li:hover h4{background:#bd251a;}
.c_box04 .right  ul li:hover h4 span{ color:#fff;}
.c_box04 .right  ul li:hover h4 span.date{border:solid 1px #fff;}
.c_box04 .right  ul li:hover .list-item a{ text-decoration:underline; color:#333;}



/*footer*/
.f_box01{ background:#145f9c; padding:50px 0;}
.f_box01 p.title{margin:0 0 25px;}
.f_box01 p.title a{display:block; font-size:30px; color:#fff;}
.f_box01 .section01 p.title span{display:block; color:#fff; margin:15px 0 0;}
.f_box01 form{ margin:20px 0 0; overflow:hidden; zoom:1;}
.f_box01 form label{ display:block; width:48%; margin:0 2% 20px 0; float:left;} 
.f_box01 form label input{ width:100%; height:32px; border:none; padding:0 15px; background:#b3d8f7;}
.f_box01 form label.message{width:100%; }
.f_box01 form label.message textarea{width:98%; height:85px;border:none;padding:10px 15px;background:#b3d8f7; }
.f_box01 form label.button{width:132px;}
.f_box01 form label.button input.send{text-align:center; border:none; padding:0; background:#bd251a; width:132px; height:28px; color:#fff;line-height:30px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
footer input::-moz-placeholder,
footer textarea::-moz-placeholder {color:#013561;}
footer input::-ms-input-placeholder,
footer textarea::-ms-input-placeholder {color:#013561;}
footer input::-webkit-input-placeholder,
footer textarea::-webkit-input-placeholder {color:#013561;}


.f_box01 .section02 dl dd{ margin:0 0 10px; overflow:hidden; zoom:1;}
.f_box01 .section02 dl dd i{ display:inline-block; width:21px; height:20px; background:url(../images/icons.png) no-repeat; float:left; margin:6px 10px 0 0;}
.f_box01 .section02 dl dd.fax i{ background-position:0 -38px;}
.f_box01 .section02 dl dd.tel i{ background-position:0 -69px;}
.f_box01 .section02 dl dd.mail i{ background-position:0 -94px;}
.f_box01 .section02 dl dd.add i{ background-position:0 -124px;}
.f_box01 .section02 dl dd span{ display:inline-block; width:85%;color:#fff; line-height:24px;}
.f_box01 .section02 dl dd span a{color:#fff;}
.f_box01 .section02 dl dd.mail:hover a{ text-decoration:underline;}

.f_box01 .section03 dl dd{margin:0 0 10px;}
.f_box01 .section03 dl dd a{font-size:14px; color:#fff;}
.f_box01 .section03 dl dd i{display:inline-block; width:24px; height:24px; background:url(../images/social02.png) no-repeat; margin:0 15px 0 0; vertical-align:middle;transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out;}
.f_box01 .section03 dl dd.icon01 i{background-position:-24px 0;}
.f_box01 .section03 dl dd.icon02 i{background-position:-23px -31px;}
.f_box01 .section03 dl dd.icon03 i{background-position:-23px -64px;}
.f_box01 .section03 dl dd.icon04 i{background-position:-23px -98px;}
.f_box01 .section03 dl dd.icon05 i{background-position:-23px -128px;}
.f_box01 .section03 dl dd.icon01:hover i{background-position:0 0;}
.f_box01 .section03 dl dd.icon02:hover i{background-position:1px -31px;}
.f_box01 .section03 dl dd.icon03:hover i{background-position:1px -64px;}
.f_box01 .section03 dl dd.icon04:hover i{background-position:1px -98px;}
.f_box01 .section03 dl dd.icon05:hover i{background-position:1px -128px;}



.f_box02{ background:#233541;}
.f_box02 p{text-align:center; padding:15px 0; color:#fff; line-height:22px;}
.f_box02 p a{color:#fff;}
.f_box02 p a img{ margin:0 0 0 20px;}
.f_box02 p:hover a{ color:#ccc; text-decoration:underline;}

/*return*/
.backToTop{width:70px; height:70px; background:url(../images/top.png) no-repeat center; text-indent:9999px;cursor:pointer; color:#fff; text-align:center; font-size:16px; line-height:110px; cursor:pointer; position:fixed; bottom:60px; right:0;}



/*sub*/
.sub_content{padding-bottom:30px;}
.sub_banner img{ width:100%; height:auto;}
.breadcrumbs{background:#1863a0; height:40px; line-height:40px;padding:0 15px; position:relative;}
.breadcrumbs02{ margin:30px 0 0;}
.breadcrumbs i{display:inline-block;width:21px;height:22px;background:url(../images/icons.png) no-repeat -58px 0; vertical-align:middle; margin-right:10px;}
.breadcrumbs,.breadcrumbs a{ color:#fff; }
.breadcrumbs a:hover{ text-decoration:underline;}

.sub_main{ margin:25px 0 0;}
.sub_main_left p.title a{ display:block; color:#26467d; font-size:18px;}
.l_box01{ background:#d6e2eb; margin:0 0 40px;}
.l_box01 p.title a{ height:50px; line-height:50px; padding-left:15px;}
#left_nav h3{border-bottom:1px solid #b1cbde; width:100%; background:#4071ad; font-weight:normal;}
#left_nav h3 > p{padding:0 15px;}
#left_nav h3 > p  a{color:#fff;font-size:12px; text-transform:capitalize; display:block; padding:12px 0;background:url(../images/arrow01.jpg) no-repeat right center; }
#left_nav h3.open > p  a{background:url(../images/arrow02.jpg) no-repeat right center;}
#left_nav h3.close{ text-shadow:none;opacity:1;filter:alpha(opacity=100); float:none; font-size:12px;}
.close:hover,.close:focus{text-decoration:none;cursor:pointer;opacity:1;filter:alpha(opacity=100);}
#left_nav h3 + div {height:0px;padding:0px;overflow: hidden;display: block!important;-webkit-transform: translateZ(0);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
#left_nav .sub_nav li{display:block; background:#d6e2eb; padding:10px 10px 10px 25px; border-bottom:solid 1px #b1cbde;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
#left_nav .sub_nav li a{display:inline-block;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
#left_nav .sub_nav li a:hover{ transform:translateX(10px);-webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); color:#4071ad;}
#left_nav h3.open + div{height:auto;}




.l_box02 .flexslider{position:relative;overflow:hidden; margin:15px 0 0;}
.l_box02 .flexslider ul li a{ display:block; padding:4px;}
.l_box02 .flexslider ul li a img{ width:100%; height:auto;}
.l_box02 .flexslider ul li a p{ background:#d6e2eb; padding:0 30px 0 5px; line-height:30px; height:32px; overflow:hidden; margin:1px 0 0;}
.l_box02 .flex-control-nav{display:none;}
.l_box02 .flex-direction-nav a{width:9px;height:10px;overflow:hidden;display:block;background:url(../images/icons.png) no-repeat;z-index:10; position:absolute; bottom:16px;cursor:pointer; text-indent:-9999px;}
.l_box02 .flex-direction-nav .flex-next{right:30px;background-position:-37px -25px;}
.l_box02 .flex-direction-nav .flex-prev{right:10px;background-position:-53px -25px;}

.needin{margin: 30px 0px;border: 1px solid #ccc;padding-left: 20px;width: 250px; display:inline-block; overflow:hidden; height:135px;}
.needin span{ font-size:14px; font-weight:bold;}
.need1{ font-weight:bold; font-size:16px; color:#333; display:block; margin-bottom:7px; margin-top:10px;}
.subcontact{ width:1000px; height:auto; margin:0px auto; margin-bottom:30px;}
.subleft{ float:left; width:273px;}
.need_n{ background:url(../images/iconss.png) no-repeat 0 -1320px; display:block; margin-top:10px; height:25px;padding-left:25px; font-weight:bold; font-size:16px;}
.followus{ padding: 10px 0 0 20px; margin-bottom:25px;width: 250px;border: 1px solid #ccc;}

div {text-align:left;}
.followus .f_icon a{ width:80px; display:block; margin:10px 0px; padding-left:20px; height:18px;}
.followus .f_icon .f01{ background:url(../images/iconss.png) no-repeat 0 -1351px;}
.followus .f_icon .f02{ background:url(../images/iconss.png) no-repeat 0 -1373px;}
.followus .f_icon .f03{ background:url(../images/iconss.png) no-repeat 0 -1394px;}
.followus .f_icon .f04{ background:url(../images/iconss.png) no-repeat 0 -1417px;}
.sub_main_right .title{border-bottom:solid 1px #a7b7cc; font-size:18px; padding:15px 0 5px; color:#244a7f; margin:0 0 15px;}


/*pro_cover*/
.sub_proCover_box .title_box{ background:url(../images/border.png) no-repeat left #ebebeb; height:30px; line-height:30px; margin:0 0 35px; padding:0 10px 0 20px;}
.sub_proCover_box .title_box .sub_title{font-size:14px;}
.sub_proCover_box .title_box .more:hover{text-decoration:underline;}
.sub_proCover_box .main{ margin:0 0 40px;}
.sub_proCover_box .pro_box{ margin:0 0 20px;}
.sub_proCover_box .pro_box p{font-size:14px; text-align:center;  background:url(../images/more01.jpg) no-repeat right 0; padding:0 35px 0 0; margin:8px 0; min-height:24px;}
.sub_proCover_box .pro_box:hover p{ color:#4071ad; text-decoration:underline; background:url(../images/more02.jpg) no-repeat right 0;}
.img-wrap{width:100%; position:relative;}
.img-wrap img{ width:260px; height:230px;}
.zoom{ display:inline-block; width:37px; height:37px;background:url(../images/icons.png) no-repeat -93px 0; position:relative; top:35%; left:50%; margin-left:-18.5px;}
.hover-wrap{position:absolute;display:block;width:100%;height:100%;opacity: 0;filter: alpha(opacity=0);
-webkit-transition: all 450ms ease-out 0s;
-moz-transition: all 450ms ease-out 0s;
-o-transition: all 450ms ease-out 0s;
transition: all 450ms ease-out 0s;
-webkit-transform: rotateY(180deg) scale(0.5,0.5);
-moz-transform: rotateY(180deg) scale(0.5,0.5);
-ms-transform: rotateY(180deg) scale(0.5,0.5);
-o-transform: rotateY(180deg) scale(0.5,0.5);
transform: rotateY(180deg) scale(0.5,0.5);}
.c_box02 .pro_box:hover .img-wrap .hover-wrap,.c_box02 .pro_box:active .img-wrap .hover-wrap {opacity: 1;filter: alpha(opacity=100);
-webkit-transform: rotateY(0deg) scale(1,1);
-moz-transform: rotateY(0deg) scale(1,1);
-ms-transform: rotateY(0deg) scale(1,1);
-o-transform: rotateY(0deg) scale(1,1);
transform: rotateY(0deg) scale(1,1);}
.overlay-img {position:absolute;width:100%;height:100%;background:#222;opacity: 0.5;filter: alpha(opacity=50);}

.sub_proCover_box .pro_box:hover .img-wrap .hover-wrap,.sub_proCover_box .pro_box:active .img-wrap .hover-wrap {opacity: 1;filter: alpha(opacity=100);
-webkit-transform: rotateY(0deg) scale(1,1);
-moz-transform: rotateY(0deg) scale(1,1);
-ms-transform: rotateY(0deg) scale(1,1);
-o-transform: rotateY(0deg) scale(1,1);
transform: rotateY(0deg) scale(1,1);}


#left_nav2 h3{border-bottom:1px solid #b1cbde; width:100%; background:#4071ad; font-weight:normal;}
#left_nav2 h3 > p{padding:0 15px;}
#left_nav2 h3 >  a{color:#fff;font-size:12px; text-transform:capitalize; display:block; padding:12px 15px;}

#left_nav2 h3 >  a:hover{ text-decoration:underline;}


/*pro_list*/
.sub_proList_box ul li{ margin-bottom:40px; background:#e8e8e8;}
.sub_proList_box ul li a{ display:block;}
.sub_proList_box ul li a p.pic img{ width:100%; height:auto;}
.sub_proList_box ul li a dl{ padding:0 15px;}
.sub_proList_box ul li a dl dt{font-size:14px; text-transform:uppercase; margin:15px 0 0; color:#4071ad; text-decoration:underline;}
.sub_proList_box ul li a dl dd.text{line-height:22px; height:66px; overflow:hidden;color:#666;}
.sub_proList_box ul li a dl dd.more{width:116px; height:26px; color:#fff; text-align:center; line-height:26px;font-size:12px;}
.sub_proList_box ul li:hover{ background:#d6e2eb; border-color:#077dcc;}



/*prodetail*/
/*zoom*/
#preview{text-align:center;}
.jqzoom{ position:relative;padding:4px; background:#fff; border:solid 1px #ccc;}
#spec-n5{overflow:hidden; zoom:1; margin:15px 0 0;}
#spec-list{float:left; overflow:hidden; display:inline; position:relative;}
#spec-list ul li{float:left; display:inline; width:90px;}
#spec-list ul li img{width:80px; height:60px; border:solid 2px #dfdfdf;}
#spec-list ul li:hover img{border:solid 2px #c12619;}
.zoomdiv{left:859px;z-index:100;position:absolute;top:1px;left:0px;width:320px;height:320px;border:1px solid #e4e4e4;display:none;text-align:center;overflow:hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:100px;height:100px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

.sub_proDetail_box .main01{padding:20px; background:#f6f6f6;}
.sub_proDetail_box .main01 .text h1{font-size:24px;text-transform:capitalize; color:#24477e; padding:15px 0;}
.sub_proDetail_box .main01 .text ul{border-bottom:dashed 1px #666; border-top:dashed 1px #666;padding:10px 0 20px; overflow:hidden; zoom:1;}
.sub_proDetail_box .main01 .text ul li{ padding:8px 0; color:#666;}
.sub_proDetail_box .main01 .text ul li span{display:inline-block; margin:0 15px 0 0;  font-weight: bold;  width: 24%;}

.sub_proDetail_box .main01 .text .help{color:#666; margin:25px 0 0;font-family:Arial;}
.sub_proDetail_box .main01 .proDetail_btn{border-bottom:dashed 1px #666; padding:20px 0;}
.sub_proDetail_box .main01 .proDetail_btn a{display:inline-block; background:#c12619; width:170px; height:36px; border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; margin:0 15px 10px 0; color:#fff; text-align:center; line-height:36px;}
.sub_proDetail_box .main01 .proDetail_btn a i{ display:inline-block;background:url(../images/icons.png) no-repeat; vertical-align:middle; margin:0 10px 0 0;}
.sub_proDetail_box .main01 .proDetail_btn a.mail i{ background-position:-112px -77px;width:23px; height:18px;}
.sub_proDetail_box .main01 .proDetail_btn a.chat i{ background-position:-53px -76px;width:21px; height:23px;}
.sub_proDetail_box .main01 .proDetail_btn a:hover{ border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px;background:#386bbd;}

.sub_proDetail_box .main01 .share{ margin:20px 0 0;}
.sub_proDetail_box .main01 .share span.title{font-size:14px; float:left; margin:5px 0 0;}
.sub_proDetail_box .main01 .share span.icons a{display:inline-block; height:21px; background:url(../images/social03.jpg) no-repeat; margin:0 12px;}
.sub_proDetail_box .main01 .share span.icons a.icon01{ background-position:0 0; width:13px;}
.sub_proDetail_box .main01 .share span.icons a.icon02{ background-position:-37px 0; width:18px;}
.sub_proDetail_box .main01 .share span.icons a.icon03{ background-position:-78px 0; width:19px;}
.sub_proDetail_box .main01 .share span.icons a.icon04{ background-position:-117px 0; width:20px;}
.sub_proDetail_box .main01 .share span.icons a.icon05{ background-position:-157px 0; width:20px;}
.sub_proDetail_box .main01 .share span.icons a:hover{ transform:translateY(-3px); -webkit-transform:translateY(-3px); -o-transform:translateY(-3px); -ms-transform:translateY(-3px); -moz-transform:translateY(-3px);}

.sub_proDetail_box .main02{margin:40px 0 0;}
.sub_proDetail_box .main02 .box01{ margin:30px 0 0;}
.sub_proDetail_box .main02 .box01 .tab_menu{overflow:hidden; zoom:1;}
.sub_proDetail_box .main02 .box01 .tab_menu li{float:left;height:32px;line-height:32px;font-size:14px;text-align:center; color:#14171c; border:solid 1px #296898; cursor:pointer;text-transform:uppercase;}
.sub_proDetail_box .main02 .box01 .tab_menu li:nth-child(2){ border-right:none;border-left:none;}
.sub_proDetail_box .main02 .box01 .tab_menu .current{color:#fff;background:#296898;}
.sub_proDetail_box .main02 .box01 .tab_menu .current a{color:#fff;  }
.sub_proDetail_box .main02 .box01 .tab_menu  li a{display: block;width: 100%;padding: 0 50px;}
.sub_proDetail_box .main02 .box01 .tab_menu  li:hover{color:#fff;background:#296898;}
.sub_proDetail_box .main02 .box01 .tab_menu  li:hover a{color:#fff;}
.sub_proDetail_box .main02 .box01 .tab_box{background:#f2f2f2; border-top:solid 4px #296898; margin:25px 0 0;}
.sub_proDetail_box .main02 .box01 .tab_box .hide{display:none;}
.sub_proDetail_box .main02 .box01 .tab_box .infor{ padding:35px;}
.sub_proDetail_box .main02 .box01 .tab_box .infor p{ color:#434343; line-height:24px;}

.sub_proDetail_box .main02 .box02{ margin:40px 0 0;}
.sub_proDetail_box .main02 .box02 p.sub_title a{font-size:14px; color:#296898; line-height:20px;}
.sub_proDetail_box .main02 .box02 p.sub_title i{ display:inline-block; width:15px; height:15px; background:#296898; margin:3px 10px 0 0; float:left;}
.sub_proDetail_box .main02 .box02 ul{ margin-top:25px;}
.sub_proDetail_box .main02 .box02 ul li{ margin-bottom:20px;}
.sub_proDetail_box .main02 .box02 ul li a{display:block;}
.sub_proDetail_box .main02 .box02 ul li a img{ width:100%; height:auto;}
.sub_proDetail_box .main02 .box02 ul li a p{padding:10px; font-size:14px; text-align:center;}
.sub_proDetail_box .main02 .box02 ul li:hover a p{background:#296898; color:#fff;}





.sub_inquiry{ margin:50px 0;}
.sub_inquiry .sub_title{ font-size:14px; background:#296898; height:40px; color:#fff; line-height:40px; padding:0 20px;}
.sub_inquiry form{ padding:30px 0 0; background:#f6f6f6;}
.sub_inquiry form label{ display:block; margin:0 0 20px;text-align:center;width:100%; padding:0 15px;}
.sub_inquiry form label span{ display:inline-block; width:10%; font-weight:normal; font-size:14px; color:#7d7d7d;}
.sub_inquiry form label input{ width:84%; border:none; font-weight:normal; background:#cee1f9; height:40px;padding:0 5px;}
.sub_inquiry form label.message span{vertical-align:top;}
.sub_inquiry form label textarea{width:84%;background:#cee1f9;padding:5px; border:none;height:170px; font-weight:normal;}
.sub_inquiry form label input.send{ width:260px; height:36px; color:#fff; font-size:14px; text-align:center; line-height:36px;background:#c12619; text-transform:uppercase; margin:15px 0 0; border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; -moz-border-radius:20px;}
.sub_inquiry form label input.send:hover{ border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:35px; -moz-border-radius:5px;}




.newsdetail,.sub_about_box,.detailinfro{line-height:22px;}
#detailpagepage{width:75%;text-align:justify; margin:0 auto;}

/*contact*/
.sub_contact_box{ margin:30px 0 0;}
.sub_contact_box .infor{ margin:20px 0 35px; line-height:24px;}
.sub_contact_box .infor span{ display:block; font-size:18px; color:#4071ad;  margin:0 0 10px;}

.sub_contact_box .tip{ background:#efefef; padding:25px 15px 10px;}
.sub_contact_box .tip dl dd{ margin:0 0 15px; line-height:24px; font-size:14px;}
.sub_contact_box .tip dl dd i{ display:inline-block; width:25px; height:23px;background:url(../images/icons.png) no-repeat; vertical-align:middle; margin:0 8px 0 0; float:left;}
.sub_contact_box .tip dl dd.man i{ background-position:-162px 0;}
.sub_contact_box .tip dl dd.tel i{ background-position:-162px -41px; margin-top:4px;}
.sub_contact_box .tip dl dd.mob i{ background-position:-162px -80px;}
.sub_contact_box .tip dl dd.fax i{ background-position:-203px 1px;height:20px;}
.sub_contact_box .tip dl dd.mail i{ background-position:-203px -38px; height:20px; margin-top:4px;}
.sub_contact_box .tip dl dd.mail a{ text-decoration:underline;}
.sub_contact_box .tip dl dd.add i{ background-position:-202px -76px;}
.sub_contact_box .tip dl dd{overflow:hidden; zoom:1;}
.sub_contact_box .tip dl dd span{ display:inline-block; width:80%;float:left;}


/*about*/
.sub_about_box{margin:30px 0 0;}
.sub_about_box p.sub_title{ font-size:30px; color:#274b7c; margin:0 0 20px;}
.sub_about_box .box01{ overflow:hidden; zoom:1;}
.sub_about_box .box01 p.pic{ float:left; width:100%;}
.sub_about_box .box01 p.pic img{ width:100%; height:auto;}
.sub_about_box .box01 dl{float:left; width:100%; margin:30px 0 0;}
.sub_about_box .box01 dl dt{ font-size:18px; color:#274b7c; margin:0 0 15px;}
.sub_about_box .box01 dl dd{ line-height:28px; color:#444;}

.sub_about_box .box02{ margin:50px 0 0;}
.sub_about_box .box02 .baguetteBox a{display:inline-block; margin-bottom:35px;}
.sub_about_box .box02 .baguetteBox img{ width:100%; height:auto;}





/*news*/
.sub_news_box li{overflow:hidden; zoom:1; border-bottom:solid 1px #adb9c9; padding:5px 0 35px 0; margin:0 0 25px;}
.sub_news_box li .news_date{float:left;width:76px; border:solid 1px #2f5380; padding:10px 0;}
.sub_news_box li .news_date .month{ display:block; width:76px;font-size:14px; text-align:center;line-height:20px; color:#26497f;}
.sub_news_box li .news_date .day{display:block;width:76px;  font-size:30px; text-align:center; line-height:36px;color:#26497f;}
.sub_news_box li dl{float:left; margin-left:30px; width:87%;}
.sub_news_box li dl dt{font-size:18px;color:#26497f; text-decoration:underline;}
.sub_news_box li dl dd.text{line-height:24px;margin:10px 0 0; color:#666;}
.sub_news_box li:hover .news_date{ background:#2f5380;} 
.sub_news_box li:hover .news_date span{ color:#fff;}
.sub_news_box li:hover dl dd.text{ color:#333;}


.sub_news_box02{ margin:30px 0 0;}
.sub_news_box02 .title_box{border-bottom:solid 1px #adb9c9; overflow:hidden; zoom:1; padding:0 0 20px;}
.sub_news_box02 .title_box dl{ text-align:center;}
.sub_news_box02 .title_box dl dt{ font-size:30px; color:#284780;}
.sub_news_box02 .title_box dl dd.tip{ margin:15px 0 0;color:#284780;}
.sub_news_box02 p.text{ line-height:30px; padding:20px 5px;}


.news_list{border-top:solid 1px #919db3;border-bottom:solid 1px #919db3; padding:10px 0; margin:40px 0;}
.news_list li a{ display:inline-block;padding:0 5px; text-align:center; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#4071ad;}
.news_list li span{ display:inline-block; margin-right:20px; font-weight:bold; width:50px;color:#444;}
.news_list li a:hover{ text-decoration:underline;}
.sub_news_box02 p.return{text-align:center; margin:30px 0 0; }
.sub_news_box02 p.return a{ display:inline-block;width:192px; height:32px; background:#c12619; color:#fff;line-height:32px; border-radius:20px; -webkit- border-radius:20px; -moz- border-radius:20px; -ms- border-radius:20px; -o- border-radius:20px;}
.sub_news_box02 p.return a:hover{ background:#4071ad;}


/*case*/
.sub_case_box p.text{ line-height:24px; color:#444;}
.sub_case_box .main{ margin:40px 0 0;}
.sub_case_box .main ul li{ margin:0 0 15px;}
.sub_case_box .main ul li a{ display:block;}
.sub_case_box .main ul li a img{ width:100%; height:auto;}
.sub_case_box .main ul li a p.name{color:#444; padding:10px 5px;}
.sub_case_box .main ul li:hover a p.name{ background:#296898; color:#fff;}



.sub_proDetail_box .bottom{ margin-top:35px;}
.sub_detail_box .box01{ background:#f6f6f6; border-top:solid 4px #296898; padding:15px 10px;}
.sub_detail_box .sub_title02{ color:#296898; font-size:14px; margin:0 0 20px;}
.sub_detail_box .box01 .sub_title02{font-size:18px;}
.sub_detail_box .box01 .infor{ padding:0 18px 30px;}
.sub_detail_box .box01 .infor p{ margin:0 0 20px; color:#2c2c2c; line-height:24px; font-family:"Myriad Pro";}
.sub_detail_box .box02{ margin:30px 0 0;}
.sub_detail_box .box02 ul li a p{ text-align:center; font-size:14px; padding:10px 0;font-family: 'helvetica_lightregular';}
.sub_detail_box .box02 ul li:hover a p{background:#296898; color:#fff;}

/*visit*/
.sub_visit_box .baguetteBox a{display:block;}
.sub_visit_box .baguetteBox img{ width:100%; height:auto; padding:4px; border:solid 1px #ccc;}
.sub_visit_box .baguetteBox a span{ display:block; text-align:center; font-size:14px; padding:10px 0;}
.sub_visit_box .baguetteBox a:hover img{ padding:3px; border:solid 2px #296898;}

.sub_detail_box .box02 li img{width:100%;height:auto;}


@media(min-width:768px){
/*header*/
.navbar-default .navbar-nav > li > a{display:inline-block; color:#fff; font-size:16px;text-transform:uppercase;line-height:26px;padding:0 2px;border-bottom:solid 1px transparent;font-family:Arial;}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:focus { border-bottom:solid 1px #c2271a; color:#fff;}
.navbar-default .navbar-nav > li > .currentA{border-bottom:solid 1px #c2271a; color:#fff;}

.h_box02 ul.nav{ margin:35px 0 0;}
.h_box02{ background:url(../images/bg01.jpg) repeat-x; height:142px;}
.breadcrumbs{top:-13px;}

}


@media(min-width:992px){
/*header*/
.nav li .sub_nav{position:absolute; z-index:9;top:27px; left:0;display:none;width:280px;background:#25497e; padding:30px 12px 20px;}
.nav li .sub_nav li{border-bottom:solid 1px #395680; padding:7px 5px;}
.nav li .sub_nav li a{color:#fff; display:block; font-size:14px; line-height:24px; padding:0 5px;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.nav li .sub_nav li:hover a{transform:translateX(10px);-webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px);}



.c_box03 .right{padding:60px 0 0 40px; background:#d6e2eb;height:437px;}
}



	
@media(min-width:768px) and (max-width:992px){
/*header*/
.navbar-default .navbar-nav > li > a{ margin: 0 0 0 2px; margin: 0 0 0 0px\0; font-size:12px;}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background:none; color:#fff;}
.dropdown:focus .dropdown-menu{display:block;}
.dropdown-menu{width:200px;background:#25497e; padding:30px 12px 20px; box-shadow:none;border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; border:none;}
.dropdown-menu>li{border-bottom:solid 1px #395680; padding:7px 5px;}
.dropdown-menu>li>a{color:#fff; display:block; font-size:14px; line-height:24px; padding:0 5px;}
.dropdown-menu li:hover{ border-bottom:solid 1px #c2271a;}
.dropdown-menu li:hover a{color:#fff; background:none;}

.sub_news_box li dl{float:left; margin-left:30px; width:85%;}

}



@media (min-width:992px) and (max-width: 1200px) {
/*header*/
.navbar-default .navbar-nav > li > a{ margin: 0 0 0 5px; margin: 0 0 0 0px\0;}


.sub_news_box li dl{float:left; margin-left:30px; width:82%;}

.sub_about_box .box01 p.pic{width:40%;}
.sub_about_box .box01 dl{ width:60%;}

}
	
@media(min-width:1200px){
/*header*/
.navbar-default .navbar-nav > li > a{ margin: 0 0 0 22px; margin: 0 0 0 19px\0;}


.sub_news_box li dl{float:left; margin-left:30px; width:87%;}
.sub_contact_box .tip{padding:25px 30px 10px;}
.sub_about_box .box01 p.pic{width:30%;}
.sub_about_box .box01 dl{ width:70%;}

.c_box02 ul li{float:left; width:50%;margin:0;}
.c_box02 ul li:nth-child(3) a p,.c_box02 ul li:nth-child(4) a p{float:right;}
.c_box02 ul li a dl dd.arrow{ display:block;width:0; height:0; border:solid 5px #c0d9f3; position:absolute;top:30px; border-color:transparent #c2271a; z-index:999;border-width:12px 0 12px 16px;}
.c_box02 ul li:nth-child(1) a dl dd.arrow,.c_box02 ul li:nth-child(2) a dl dd.arrow{border-width:12px 0 12px 16px;left:0;}
.c_box02 ul li:nth-child(3) a dl dd.arrow,.c_box02 ul li:nth-child(4) a dl dd.arrow{border-width:12px 16px 12px 0;right:0;}


}


@media(max-width:1200px){


	}


.page li {text-align:center; float:left;  margin-left: 20px;  list-style:none;}
.link li{list-style:none; margin-left: 10px; float:left; }
.link li a{color:#FFFFFF;}
.link li:hover a{color:#fff; background:none; text-decoration: underline;}


@media (max-width: 767px) {
header{ position:relative; z-index:9;}
.h_box01 p.icons{ margin:10px 15px 0 0;}
header .h_box02{ background:#25497e;}
header .logo{ display:inline-block;width:40%;margin:0 0 8px 15px;}
header .logo img{width:100%;  height:auto;}
header .container{ padding:0;}
.navbar-nav{ margin:0; }
.navbar-default .navbar-toggle{background:none; border:none; margin:6% 15px 0 0; }
.navbar-default .navbar-toggle:focus{background:none;}
.navbar-default .navbar-toggle:hover{background:#c12619;}
.navbar-default .navbar-toggle .icon-bar{background:#fff;height:4px; border-radius:2px; width:34px;}
.navbar-default .navbar-toggle:hover .icon-bar{ background:#fff;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:7px;}
.navbar-collapse.in{overflow:hidden;}
.navbar-collapse{ background:#25497e;border:none; box-shadow:none; }
.navbar-default .navbar-nav > li{overflow:hidden;}
.navbar-default .navbar-nav > li > a{display:block;height:40px; width:100%;font-size:14px; text-transform:uppercase; color:#fff; text-align:center;background:#25497e; border-bottom:solid 1px #4569a6; margin-left:0;}
.navbar-default .navbar-nav > li>a:hover,.navbar-default .navbar-nav > li>a:focus{background:#193a6b; color:#fff;}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background:#193a6b; color:#fff; border-color:#4569a6;}
.navbar-default .navbar-nav .open .dropdown-menu{ padding:0; box-shadow:none; text-align:center;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{display:block;color:#fff;font-size:14px; line-height:24px; text-transform:uppercase; padding:5px 20px;background:#c2271a; border:none; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{ background:#193a6b;color:#fff;}


.c_box04 .left ul li{float:none; width:100%; margin:0 0 20px;}
.c_box04 .left ul li:nth-child(2){ margin:0;}



.sub_proList_box ul li{ padding:0 0 20px;}
.sub_inquiry form label span{ display:block; width:100%; text-align:left;}
.sub_inquiry form label input,.sub_inquiry form label textarea{ width:100%;}


.sub_news_box li dl{float:left; margin-left:30px; width:80%;}
.c_box02 ul li a p,.c_box02 ul li a dl{float:none; width:100%;}

.c_box03 dl dt span{  font-size: 30px;}

}

@media (max-width:580px) {

.sub_news_box li dl{float:left; margin-left:30px;width:70%;}
}


@media (max-width:410px) {
.sub_news_box li .news_date{ display:none;}
.sub_news_box li dl{width:100%; margin:0;}

}



@media (max-width:992px) {

#detailpagepage{width:100%;text-align:justify; margin:0 auto;}
#detailpagepage img{width:100%; height:auto;}
.c_box01 dl dd.button a{   width: 120px; margin: 0 5px;}
}