/*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{font-size:18px;}
h2, h3, h4, h5, h6{font-size:14px;}
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-face {
    font-family: 'stencilregular';
    src: url('../fonts/STENCIL-webfont.eot');
    src: url('../fonts/STENCIL-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/STENCIL-webfont.woff2') format('woff2'),
         url('../fonts/STENCIL-webfont.woff') format('woff'),
         url('../fonts/STENCIL-webfont.ttf') format('truetype'),
         url('../fonts/STENCIL-webfont.svg#stencilregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{font-size:12px;font-family:Arial;overflow-x:hidden; color:#242b6c;}
a{text-decoration:none;color:#373737;cursor:pointer;}
a:hover{text-decoration:none;}
dt{ font-weight:normal;}




/*header*/
.navbar-default .navbar-nav > li > a,.c_box02 dl dd.more a,.f_box01 .main .section02 dl dd  a,.c_box03 .right .main ul li p.number span,.c_box03 .right .main ul li p.number,.f_box01 .main .section03 dl dd  a,.f_box01 .main .section02 dl dd  a i,.f_box01 .main .section03 dl dd  a i,.f_box02 p.icons a,.f_box01 .main .section04 dl dd.mail a,.c_box04 .main a span,.l_box03 .flexslider .flex-direction-nav li a,.l_box02 dl dd.mail a,.l_box01 .main01 dl dt a,.sub_proDetail_box .main01 .proDetail_btn a,.sub_inquiry .tip span.mail a,.sub_inquiry .inquirymain input.send,.sub_proDetail_box .main03 .related_box ul li p.pic,.sub_proDetail_box .main03 .related_box ul li p.name,.l_box04 dl dd a,.sub_news_box .main ul li dl dt,.sub_news_box .main ul li dl dd.text,.sub_download_box ul li a i,.sub_proCover_box .pro_list dl dd a,.sub_order_box .main form label input.send,.sub_contact_box .main .infor dl dd.mail a,.sub_proCover_box .main p.title_box span a,.c_box03 .left .main ul li h4 a,.sub_content .breadcrumbs p a{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;}
.sub_proDetail_box .main03 .uppercase{ padding-left:15px;}
.navbar-collapse{ padding:0;}
.navbar-default{ background:none;border:none;}
.navbar{ border-radius:0; margin-bottom:0; min-height:44px;}


.h_box01{ height:36px; background:#09357f; overflow:hidden; zoom:1;}
.h_box01 p.left{ line-height:36px;}
.h_box01 p.left i{ display:inline-block; width:25px; height:15px; vertical-align:middle; margin-right:1px; }

.h_box01 p.left .lan01 i{ background:url(../images/english01.jpg) no-repeat;}
.h_box01 p.left .lan02 i{ background:url(../images/china01.png) no-repeat;}	
.h_box01 p.left a{ color:#fff; display:inline-block; margin-right:5px;}	
	

.h_box01 .right{ overflow:hidden;zoom:1; margin:5px 0 0;}
.h_box01 .right li{ float:right;}
.h_box01 .right .language{ margin-right:10px;}
.h_box01 .right .language span{line-height:26px; width:90px; height:26px; display:inline-block; background:#f1f1f1;cursor:pointer;padding:0 10px;}
.h_box01 .right .language span a{ float:left;color:#606060;}
.h_box01 .right .language span i.icon01{ width:0; height:0; border:solid 5px #475560; border-width:7px 6px 0 6px; border-color:#475560 transparent; float:right; margin:9px 0 0; }
.h_box01 .right .language .lan_select{position:absolute;z-index:999;display:none; background:#f1f1f1; width:90px; padding:10px; border-bottom:solid 2px #cf000d; top:33px;}
.h_box01 .right .language .lan_select dd a{line-height:28px; color:#444;}
.h_box01 .right .language:hover .lan_select{display:block; }
.h_box01 .right .language .lan_select dd:hover a{ color:#238ed5; text-decoration:underline;}

.h_box01 .right .search form{width:200px; height:26px; background:#fff;}
.h_box01 .right .search form #searchfield{float:left; height:26px;width:170px; padding:0 5px;background:#fff;  border:none; font-family:Arial; }
.h_box01 .right .search form #searchbutton{float:right;height:36px;width:30px;cursor:pointer;background:url(../images/search.png) no-repeat 8px 6px;border:none;}



.h_box02{background:#fff; position:relative; z-index:2;}




/*content*/

.c_box01{ padding:20px 0 10px; background:#f5f5f5;}
.c_box01 p.title_box{ text-align:center;}
.c_box01 p.title_box span{ display:block; color:#404348; font-size:20px; font-family:"Times New Roman";}
.c_box01 p.title_box a{ font-size:42px; font-weight:bold; color:#242b6c;}

.c_box01-1{ padding:5px 0 20px; background:#e6e6e6;}
.c_box01-1 p.title_box{ text-align:center;}
.c_box01-1 p.title_box span{ display:block; color:#404348; font-size:20px; font-family:"Times New Roman";}
.c_box01-1 p.title_box a{ font-size:42px; font-weight:bold; color:#242b6c;}

/*c_box02*/
.c_box02{ background:#242b6c; padding:50px 0; }
.c_box02 dl{margin-bottom:30px;}
.c_box02 dl dt{ color:#fff;}
.c_box02 dl dt span{ display:block; font-size:22px; font-family:"Times New Roman";}
.c_box02 dl dt p{ font-size:32px; font-weight:bold;color:#fff;}
.c_box02 dl dd.text p{display:block;font-size:14px; color:#ececec; margin:20px 0 30px; line-height:28px; height:auto; overflow:hidden;}
.c_box02 dl dd.text span{ display:block; margin-bottom:10px;}
.c_box02 dl dd.text span i{ display:inline-block; width:15px; height:16px; background:url(../images/icons.png) no-repeat -34px -22px; vertical-align:middle; margin-right:10px;}
.c_box02 dl dd.more a{ display:inline-block; width:200px; height:50px; text-align:center; line-height:50px; font-size:14px; color:#fff; font-weight:bold; margin-right:10px;}
.c_box02 dl dd.more a.more01{ background:#cf000d;}
.c_box02 dl dd.more a.more02{ border:solid 1px #fff; background:#fff; color:#242b6c;}
.c_box02 dl dd.more a:hover{ border-radius:30px;-moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px;}
.c_box02 img{ width:100%; height:auto;}


/*c_box03*/
.c_box03{ background:#f5f5f5; padding:40px 0 40px;}
.c_box03 p.title_box a.title{ font-size:24px; font-weight:bold; color:#242b6c; display:inline-block;display:inline-block; padding-bottom:5px;}
.c_box03 p.title_box a.more{ color:#fff; font-size:14px; line-height:24px; height:24px;border-radius:25px;background:#242b6c; padding:0 14px; margin-top:5px;}
.c_box03 p.title_box a.more:hover{ text-decoration:underline;}

.c_box03 .left{ margin-bottom:20px;}
.c_box03 .left .main .none { display:none;}
.c_box03 .left .main ul li{ margin-bottom:10px;}
.c_box03 .left .main ul li h4{cursor:pointer; font-weight:normal; border:solid 1px #9fa6ae; height:50px; padding-left:15px; line-height:50px; font-size:14px; color:#242b6c; }
.c_box03 .left .main ul li h4 a{ color:#242b6c; font-weight:bold;}
.c_box03 .left .main ul li h4 i{ display:inline-block; width:48px; height:48px; background:url(../images/icons02.png) no-repeat center 18px; float:right;border-left:solid 1px #9fa6ae;}
.c_box03 .left .main ul li.selected h4 i{ background-position:center -30px;}
.c_box03 .left .main ul li h4:hover a{ color:#cf000d;}
.c_box03 .left .main li .list-item { border-top:none;}
.c_box03 .left .main li .list-item a {display:block; text-align:left;font-size:12px; line-height:24px; color:#686c73;padding:15px 15px 5px 15px; height:auto; overflow:hidden;}
.c_box03 .left .main li .list-item a span{ display:block;}


.c_box03 .right .main ul li{ margin-bottom:30px; padding-left:15px;}
.c_box03 .right .main ul li a{display:block;overflow:hidden; zoom:1;}
.c_box03 .right .main ul li p.number{ float:left; width:50px; height:50px; padding:6px; border:solid 1px #979b9e; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;-moz-border-radius:50%;}
.c_box03 .right .main ul li p.number span{ display:inline-block; width:100%; height:100%;border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;-moz-border-radius:50%; background:#242b6c; font-size:24px; color:#fff; text-align:center; line-height:36px;font-family: 'stencilregular';}
.c_box03 .right .main ul li dl{ width:84%; float:left;padding-left:20px;}
.c_box03 .right .main ul li dl dt{font-size:16px; color:#242b6c; font-weight:bold;}
.c_box03 .right .main ul li dl dd{color:#888a8d; margin:5px 0 0; line-height:22px; height:45px; overflow:hidden;}
.c_box03 .right .main ul li:hover p.number{ border-color:#cf000d;}
.c_box03 .right .main ul li:hover p.number span{ background:#cf000d;}




/*c_box04*/
.c_box04{background:#f5f5f5;padding:0 0 20px 0;}
.c_box04 .main{ position:relative; margin-bottom:25px;}
.c_box04 .main a span{ position:absolute; z-index:2; bottom:65px; left:0; display:inline-block; padding:0 20px; height:auto; text-transform:uppercase; font-size:16px; color:#242b6c; font-weight:bold;}
.c_box04 .main a:hover span{ background:#cf000d; color:#fff;}
.c_box04 .main a img{ width:100%; height:auto;}



/*footer*/
.f_box01{ background:#09357f;}
.f_box01 .main{ overflow:hidden; zoom:1;}
.f_box01 .main .section01{ float:left;padding:50px 0 40px; border-right:solid 1px #00467a;min-height:265px;}
.f_box01 .main .section02{ float:left; padding:30px 0 0 2%;border-right:solid 1px #00467a;min-height:265px;}
.f_box01 .main .section03{ float:left;padding:30px 0 0 6%;border-right:solid 1px #00467a;min-height:265px;}
.f_box01 .main .section04{ float:left;padding:30px 0 0 5%;min-height:265px;}
.f_box01 .main dl dt a{color:#a2cff2; font-size:18px; font-weight:bold; display:block; margin-bottom:20px;}
.f_box01 .main dl dd{ margin-bottom:8px;}
.f_box01 .main dl dd,.f_box01 .main dl dd a{ color:#a2cff2; font-size:14px;}
.f_box01 .main .section02 dl dd  a,.f_box01 .main .section03 dl dd  a{ display:block;}
.f_box01 .main .section02 dl dd  a i,.f_box01 .main .section03 dl dd  a i{ display:inline-block; width:4px; height:4px; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; vertical-align:middle; margin-right:5px;}
.f_box01 .main .section02 dl dd:hover a,.f_box01 .main .section03 dl dd:hover a{ transform:translateX(10px); -webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); }


.f_box01 .main .section04 dl dd i,.l_box02 dl dd i,.sub_contact_box .main .infor dl dd i{ display:inline-block; width:30px; height:30px;vertical-align:middle ; margin: 15px 5px 15px 0;}
.f_box01 .main .section04 dl dd.add i,.sub_contact_box .main .infor dl dd.add i{ background-position:0 -160px; float:left;}
.f_box01 .main .section04 dl dd.mail a:hover{text-decoration:underline;}
.f_box01 .main .section04 dl dd.add,.f_box01 .main .section04 dl dd.tel{ overflow:hidden; zoom:1;}
.f_box01 .main .section04 dl dd.add span,.f_box01 .main .section04 dl dd.tel span{ display:inline-block; width:80%; float:left; line-height:22px;}


.f_box02{ background:#032465; height:46px; border-top:solid 1px #1666a2; overflow:hidden; zoom:1;}
.f_box02 p.icons{border-left:solid 1px #002e50;}
.f_box02 p.icons a{ display:inline-block; width:42px; height:46px; border-right:solid 1px #002e50; background:url(../images/social.png) no-repeat;}
.f_box02 p.icons .icon01{ background-position:0 -3px;}
.f_box02 p.icons .icon02{ background-position:-216px -3px;}
.f_box02 p.icons .icon03{ background-position:-86px -3px;}
.f_box02 p.icons .icon04{ background-position:-130px -3px;}
.f_box02 p.icons .icon05{ background-position:-173px -3px;}
.f_box02 p.icons a:hover{background-color:#002e50;}
.f_box02 p.copyright{ font-size:14px; color:#256393; padding:12px 0; text-align:center;}
.f_box02 p.copyright a{ color:#256393;}
.f_box02 p.copyright a:hover{ text-decoration:underline;}
/*linkinfollow*/
#linkinfollow{ width:80.5px; position:fixed; right:-15px; bottom:20px;}
/*return*/
.backToTop{width:60px; height:60px; background:url(../images/top01.png) 15px 15px no-repeat; text-indent:9999px;cursor:pointer; color:#fff; text-align:center; font-size:16px; line-height:110px; cursor:pointer; position:fixed; bottom:90px; right:0;}
.backToTop:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}


/*sub*/
.sub_banner img{ width:100%; height:auto;}
.sub_content{ padding-bottom:50px; background:#f5f5f5;}
.sub_content .breadcrumbs{ height:32px; border-bottom:solid 1px #e2e2e2;}
.sub_content .breadcrumbs p,.sub_content .breadcrumbs p a{ color:#474747; text-transform:capitalize; line-height:32px;}
.sub_content .breadcrumbs p i{ display:inline-block; width:15px; height:23px;background:url(../images/contact_02.png) 0 0 no-repeat; vertical-align:middle; margin-right:5px;}
.sub_content .breadcrumbs p a:hover{ color:#cf000d;}

.sub_main{ padding:10px 0 0;}
.sub_main_left p.title a i{ display:inline-block; width:23px; height:24px;background:url(../images/icons.png) no-repeat -99px 0; vertical-align:middle; margin-right:15px;}

.l_box01,.l_box02,.l_box03,.l_box04, .l_box01_1{ background:#fff; margin-bottom:15px;}
.l_box01 .main01 dl, .l_box01_1 .main01 dl{ position:relative;}
.l_box01 .main01 dl dt a, .l_box01_1 .main01 dl dt a{ display:block;padding:0 0 0 15px; color:#474747;text-transform:capitalize; border-bottom:1px solid #ccc; line-height:40px;}
.l_box01 .main01 dl:hover dt a{color:#fff;}
.l_box01 .main01 dl dd {position: absolute; z-index:999; top:0px;display:none; width:230px; height:auto; background:#fff; border:1px solid #d6dbe1; box-shadow: -1px 1px 6px rgba(0, 0, 0, .3);}
.l_box01 .main01 dl dd.sub-list1 { top: -29px;}
.l_box01 .main01 dl dd.sub-list2 { top: -64px;}
.l_box01 .main01 dl dd.sub-list3 { top: -99px;}
.l_box01 .main01 dl dd.sub-list4 { top: -134px;}
.l_box01 .main01 dl dd.sub-list5 { top: -169px;}
.l_box01 .main01 dl dd ul {padding:15px 0px 26px;}
.l_box01 .main01 dl dd ul li{padding:0 15px; line-height:22px;}
.l_box01 .main01 dl dd ul li a{display: block; padding:6px 0px 6px 30px; border-bottom: 1px dotted #ddd;transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;}
.l_box01 .main01 dl dd ul li a:hover{color:#cf000d;}
.l_box01 .main01 dl:hover dd {display:block;}

.l_box01 .main02{ width:240px; height:142px; background:url(../images/contact_06.jpg); padding:90px 10px 10px 20px;}
.l_box01 .main02 p a{ display:block; color:#cf000d; font-size:14px; font-weight:bold; margin-bottom:10px;}
.l_box01 .main02 form{width:200px; height:33px; border:solid 1px #c9c9c9; border-radius:20px; background:#FFF;}
.l_box01 .main02 form #searchfield{float:left; height:33px;width:130px; padding:0 5px;  border:none; font-family:Arial; background:none;}
.l_box01 .main02 form #searchbutton{float:right;height:32px;width:42px;cursor:pointer;background:url(../images/search.png) no-repeat 8px 8px;border:none;}


.l_box02{ background:#fff;}
.l_box02 dl{ padding:0 5px 15px 15px;}
.l_box02 dl dd.tel i{ float:none;}
.l_box02 dl dd.mail,.l_box02 dl dd.tel{ border-bottom:1px solid #ccc;}
.l_box02 dl dd,.l_box02 dl dd a{ color:#414141; font-size:14px;}
.l_box02 dl dd span{ color:#414141; font-size:14px; font-weight:bold;}
.l_box02 dl dd.mail:hover a{ color:#cf000d; text-decoration:underline;}

.l_box03{position:relative;}
.l_box03 .flexslider{overflow:hidden; margin:15px 0 0; height:225px;}
.l_box03 .flexslider ul li{text-align:center;}
.l_box03 .flexslider ul li a{display:inline-block; width:98%; padding:12px;}
.l_box03 .flexslider ul li a img{ width:100%; height:auto;}
.l_box03 .flexslider ul li a p{ padding:5px 0 0; color:#2a2e31; font-weight:bold; font-size:16px; }
.l_box03 .flex-control-nav{display:none;}
.l_box03 .flexslider .flex-direction-nav li a{width:16px;height:16px; padding:0;display:block;background:url(../images/contact_07.png) no-repeat;z-index:10; position:absolute; top:0;cursor:pointer; text-indent:-9999px; border:none; z-index:999;}
.l_box03 .flexslider .flex-direction-nav li .flex-next{ top:210px;right:210px;}
.l_box03 .flexslider .flex-direction-nav li .flex-prev{ top:210px;right:20px;}

 
.l_box04 dl{ margin:15px 0 0;}
.l_box04 dl dd a{ display:block; color:#474747; padding:8px 0 8px 10px; border-bottom:solid 1px #d2d2d2;}
.l_box04 dl dd a:hover{color:#cf000d;background:url(../images/arrow02.png) no-repeat 10px center; padding-left:25px;}
.l_box04 dl dd a.current{color:#cf000d;background:url(../images/arrow02.png) no-repeat 10px center; padding-left:25px;}


/*proCover/pro_list*/
.sub_news_box p.title_box{ background:#fff; height:32px;}
.sub_proCover_box .main p.title_box,.sub_solution_box p.title_box,.sub_about_box p.title_box,.sub_download_box p.title_box,.sub_contact_box p.title_box,.sub_order_box p.title_box{background:#ccc; height:32px;}

.sub_proCover_box .main p.title_box{ background:#fff;}

.sub_proCover_box .main p.title_box .title,.sub_solution_box p.title_box .title,.sub_news_box p.title_box .title,.sub_about_box p.title_box .title,.sub_download_box p.title_box .title,.sub_contact_box p.title_box .title,.sub_order_box p.title_box .title{ color:#242b6c; font-weight:bold; font-size:16px;line-height:32px; padding-left:15px;}
.sub_proCover_box .main p.title_box{ color:#242b6c; font-weight:bold; font-size:16px;line-height:32px;}

.sub_proCover_box .main p.title_box span,.sub_solution_box p.title_box span,.sub_news_box p.title_box span,.sub_about_box p.title_box span,.sub_download_box p.title_box span,.sub_contact_box p.title_box span,.sub_order_box p.title_box span{ color:#242b6c; font-weight:bold; font-size:14px;line-height:32px; padding-left:15px;}
.sub_proCover_box .main p.title_box .title i,.sub_solution_box p.title_box .title i,.sub_news_box p.title_box .title i,.sub_about_box p.title_box .title i,.sub_download_box p.title_box .title i,.sub_contact_box p.title_box .title i,.sub_order_box p.title_box .title i{ display:inline-block; width:32px; height:32px; background:#242b6c; color:#fff; text-align:center; line-height:32px; font-family:"宋体"; font-style:normal; margin-right:10px;  font-size:12px; font-weight:bold;}
.sub_proCover_box .main p.title_box span a{ display:inline-block;color:#fff;background:#242b6c; padding:0 14px; height:20px; line-height:20px; border-radius:25px; margin-top:6px;}
.sub_proCover_box .main p.title_box span a.more i{font-family:"宋体"; font-style:normal;font-size:12px; font-weight:bold;}



.sub_proCover_box .main .row{ background:#fff; margin-top:10px;}
.sub_proCover_box .main .row_gas{ background:url(../images/solution-list-gas.jpg) 0 0 no-repeat; margin-top:10px; height:206px;}
.sub_proCover_box .main .row_alcohol{ background:url(../images/solution-list-alcohol.jpg) 0 0 no-repeat; margin-top:10px; height:206px;}
.sub_proCover_box .main .row_domestic{ background:url(../images/solution-list-domestic.jpg) 0 0 no-repeat; margin-top:10px; height:206px;}

.sub_proCover_box .main .row li, .sub_proCover_box .main .row_gas li, .sub_proCover_box .main .row_alcohol li, .sub_proCover_box .main .row_domestic li{ margin-bottom:15px;}
.sub_proCover_box .main .row li a, .sub_proCover_box .main .row_gas li a, .sub_proCover_box .main .row_alcohol li a, .sub_proCover_box .main .row_domestic li a{ display:block;}
.sub_proCover_box .main .row li a p.name{ text-align:center;color:#131313;font-size:14px; padding:20px 0;  height: 40px;overflow: hidden;}
.sub_proCover_box .main .row li:hover a p.name{ color:#cf000d;}

.sub_proCover_box .main .row li a p.name-solution, .sub_proCover_box .main .row_gas li a p.name-solution, .sub_proCover_box .main .row_alcohol li a p.name-solution, .sub_proCover_box .main .row_domestic li a p.name-solution{ text-align:center;color:#131313;font-size:14px; height: 40px; line-height:40px;overflow: hidden; }
.sub_proCover_box .main .row li:hover a p.name-solution, .sub_proCover_box .main .row_gas li:hover a p.name-solution, .sub_proCover_box .main .row_alcohol li:hover a p.name-solution, .sub_proCover_box .main .row_domestic li:hover a p.name-solution{ color:#cf000d;}


.img_wrap{width:100%; position:relative;}
.img_wrap img{ width:90%; height:auto;}
.zoom{ display:inline-block;width:34px; height:34px; background:url(../images/icons.png) no-repeat -74px -148px;position:relative;z-index:99; left:50%; margin-left:-17px; top:38%;}
.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);}
.sub_proCover_box .main ul li:hover .img_wrap .hover_wrap,.sub_proCover_box .main ul li: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{position:absolute;width:100%;height:100%;background:#000; opacity:.7;filter:alpha(opacity=70); }

.sub_inquiry{ margin-top:30px;background:#fff;} 
.sub_inquiry .title{ background:#242b6c; color:#fff;  height:32px; line-height:32px; padding-left:20px;}
.sub_inquiry .inquirymain{margin:25px 0 0;}
.sub_inquiry .inquirymain form{width:100%;padding:30px 15px; }
.sub_inquiry .inquirymain input{ width:100%;border:solid 1px #a0a0a0;height:22px;background:none;padding:0 5px;}
.sub_inquiry .inquirymain textarea{width:100%;height:180px; background:none;border:solid 1px #a0a0a0; padding:5px;}
.sub_inquiry form label{ width:100%; margin:10px auto; font-size:14px; font-weight:normal;}
.sub_inquiry form label span{ display:inline-block; width:100%; font-size:14px; color:#000; padding-right:15px; margin-bottom:5px; font-family: Arial;}
.sub_inquiry form label.message span{ vertical-align:top;}
.sub_inquiry form label span i{ font-style:normal; color:#d72b43; font-size:14px; display:inline-block; margin-right:5px;}
.sub_inquiry .inquirymain input.send{ padding:0;width:91px; height:32px; border:none; background:url(../images/icons.png) no-repeat 0 -191px; width:105px; height:30px; color:#fff; text-transform:uppercase; }
.sub_inquiry .inquirymain input.send:hover{ background-position:0 -222px;}

.sub_proCover_box .pro_list{ margin:20px 0 0;}
.sub_proCover_box .pro_list p.title a{ display:block; height:30px; background:#cf000d; color:#fff; font-size:14px; font-weight:bold; line-height:30px; margin-bottom:10px;}
.sub_proCover_box .pro_list p.title a i{font-family:"宋体"; font-style:normal; font-size:12px; display:inline-block; margin:0 10px;}
.sub_proCover_box .pro_list dl a{ color:#474747;}
.sub_proCover_box .pro_list dl dt a{ display:block; line-height: 20px; background:url(../images/arrow04.jpg) no-repeat 10px center #e5e5e5; padding-left:20px; font-weight:bold; font-size: 12px; padding: 3px 0 3px 20px;}
.sub_proCover_box .pro_list dl dd a{ display:block; padding-left:10px; margin:15px 0 0;}
.sub_proCover_box .pro_list dl dd a:hover{ color:#cf000d; transform:translateX(10px); -webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px);}

/*prodetail*/
/*zoom*/
#preview{text-align:center;}
.jqzoom{ position:relative;padding:0;}
.jqzoom img{border:solid 1px #bfbfbf; padding:4px;}
#spec-n5{overflow:hidden; zoom:1; margin:20px 0 0 0; }
#spec-list{float:left; overflow:hidden; display:inline; position:relative;  width:340px;}
#spec-list ul li{float:left; display:inline; padding:0 2px; }
#spec-list ul li img{width:54px; height:40px; border:solid 1px #bfbfbf; padding:2px;}
#spec-list ul li:hover img{border:solid 2px #cf000d; padding:1px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0;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 .text h1{font-size:16px; font-weight:bold; color:#242b6c; padding:10px 0;}
.sub_proDetail_box .main01 .text ul{ border-top:dashed 1px #c3c4c4; border-bottom:dashed 1px #c3c4c4; padding:10px 0;}
.sub_proDetail_box .main01 .text ul li{ padding:6px 0; color:#2a2e31;}
.sub_proDetail_box .main01 .text .help{ color:#848484; font-size:14px; padding:10px 0 0; font-family:Arial;}
.sub_proDetail_box .main01 .text .help span{color:#242b6c; display:block;}
.sub_proDetail_box .main01 .text .help a{ color:#2a2e31; font-size:14px;}

.sub_proDetail_box .main01 .proDetail_btn{ margin:15px 0;}
.sub_proDetail_box .main01 .proDetail_btn a{display:inline-block; background:#cf000d; width:45%; height:33px; line-height:33px; margin:0 0px 5px 0; color:#fff; text-align:center; font-size:14px; border-radius:10px;}
.sub_proDetail_box .main01 .proDetail_btn a.chat{ margin-right:3%;}
.sub_proDetail_box .main01 .proDetail_btn a:hover{ transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px);}
.sub_proDetail_box .main01 .pro_share{font-size:14px;line-height:20px; color:#3c3c3c;margin:20px 0 0;}


.sub_proDetail_box .main02{ margin:40px 0 0;}
.sub_proDetail_box .main02 .tab_menu{overflow:hidden; zoom:1;border:solid 1px #d2d2d2; border-bottom:none;border-bottom:solid 1px #d2d2d2;}
.sub_proDetail_box .main02 .tab_menu li{float:left;height:36px;line-height:36px; padding:0 30px;font-size:14px;text-align:center; color:#14171c; cursor:pointer; border-right:solid 1px #d9d9d9;}
.sub_proDetail_box .main02 .tab_menu li:nth-child(3){ border-right:none;}
.sub_proDetail_box .main02 .tab_menu .current{color:#242b6c; border-top:2px solid #242b6c;}
.sub_proDetail_box .main02 .tab_box{}
.sub_proDetail_box .main02 .tab_box .hide{display:none;}
.sub_proDetail_box .main02 .tab_box .infor{ padding:20px 15px;border:solid 1px #d2d2d2; border-top:none;}
.sub_proDetail_box .main02 .tab_box .infor p{ color:#434343; line-height:24px;}
.table_bg{ line-height:22px;}

.sub_inquiry .title02{ background:#09357f;height:48px; color:#FFF; line-height:48px; padding-left:20px; font-size:14px;}
.sub_inquiry .title02 i{ display:inline-block; background:url(../images/inquiry.jpg); width:192px; height:48px; float:right;}
.sub_inquiry .tip{ margin:20px 0 0; padding-left:15px;}
.sub_inquiry .tip span{ display:inline-block; margin-right:40px; font-size:14px; color:#131313;}
.sub_inquiry .tip span i{ display:inline-block; background:url(../images/icons.png); vertical-align:middle; margin-right:10px;}
.sub_inquiry .tip span.mail i{ background-position:-194px 0; width:23px; height:16px;}
.sub_inquiry .tip span.tel i{ background-position:-171px 0; width:17px; height:17px;}
.sub_inquiry .tip span.mail a{ display:inline-block; margin-right:20px;}
.sub_inquiry .tip span.mail a:hover{ color:#cf000d; text-decoration:underline;}

.sub_proDetail_box .main02 .sub_inquiry .inquirymain input.send{ padding:0;width:91px; height:32px; border:none; background:url(../images/icons.png) no-repeat 0 -222px; width:105px; height:30px; color:#fff; text-transform:uppercase; }
.sub_proDetail_box .main02 .sub_inquiry .inquirymain input.send:hover{ background-position:0 -191px;}


.sub_proDetail_box .main03{ margin:45px 0 0;}
.sub_proDetail_box .main03 p.title a{ color:#15171f; font-size:16px; font-weight:bold; border-bottom:solid 2px #cf000d; display:inline-block; padding:0 10px 5px 0;}
.sub_proDetail_box .main03 .related_box{ padding:30px 0 0; border-top:solid 2px #adadad; margin-top:-2px;}
.sub_proDetail_box .main03 .related_box ul li p.pic{ padding:0 4px; border:solid 1px #b5b5b5;}
.sub_proDetail_box .main03 .related_box ul li p.pic img{ width:100%; height:auto;}
.sub_proDetail_box .main03 .related_box ul li p.name{ color:#2a2e31; font-size:14px; text-align:center; padding:10px 0;}
.sub_proDetail_box .main03 .related_box ul li:hover p.pic{ border-color:#cf000d;}
.sub_proDetail_box .main03 .related_box ul li:hover p.name{ color:#cf000d;}

/*solution*/
.sub_solution_box .title_box{ margin:0 0 20px;}
.sub_solution_box .main01 p.pic{ text-align:center;}
.sub_solution_box .main01 p.pic img{ max-width:100%; height:auto;}
.sub_solution_box .main01 ul{ margin-top:20px;}
.sub_solution_box .main01 ul li{ margin-bottom:20px;}
.sub_solution_box .main01 ul li img{ width:100%; height:auto;}


/*news/service*/
.sub_news_box .main ul li{ margin-top:20px; overflow:hidden; zoom:1; background:url(../images/news-list.jpg); padding:15px;}
.sub_news_box .main ul li p.pic{ width:24%;float:left;}
.sub_news_box .main ul li p.pic img{ width:100%; height:auto;}
.sub_news_box .main ul li dl{ width:73%; float:left; margin:0 0 0 20px;}
.sub_news_box .main ul li dl dt{ font-size:14px; font-weight:bold; color:#242b6c; margin-bottom:5px;}
.sub_news_box .main ul li dl dd.date{ color:#7a7979; }
.sub_news_box .main ul li dl dd.text{ color:#7a7979; line-height:22px; height:45px; overflow:hidden; margin:5px 0 0;}

.page { width:100%; height:auto; margin-bottom:30px; margin-top:30px; overflow:hidden; text-align:center;}
.page .thisclass{display:inline-block; padding: 10px 15px; border: 1px solid #eeeeee; background: #eeeeee; color:#999999;}
.page li{ display:inline-block;}
.page a{ padding: 10px 15px; border: 1px solid #eeeeee; color:#999999; display:inline-block;}
.page a:hover{ background:#eeeeee;}

/*about*/
.sub_about_box .title_box{ margin-bottom:20px;}
.sub_about_box .main01 p img{ width:100%; height:auto;}
.sub_about_box .main01 p{ color:#5d5d5d; line-height:30px;}


/*download*/
.sub_download_box ul li{border-bottom:dashed 1px #bfbfc0; margin:10px 0;}
.sub_download_box ul li a{ display:block; overflow:hidden; zoom:1; padding:15px 0 25px;}
.sub_download_box ul li a i{ display:inline-block; width:112px; height:35px; background:url(../images/icons.png) no-repeat -143px -116px; float:right;}
.sub_download_box ul li a span{ display:inline-block; width:80%; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:34px; color:#14171c; font-size:14px;}
.sub_download_box ul li a:hover i{ border-radius:20px; -webkit- border-radius:20px;}
.sub_download_box ul li a:hover span{ color:#cf000d;}


/*contact*/
.sub_inquiry02 .inquirymain{ background:#fff;}
.sub_inquiry02 .inquirymain form label span{ font-family:Arial; color:#505050; font-size:12px; padding-right:5%;}
.sub_inquiry02 .inquirymain form label i{ color:#e80000;}
.sub_inquiry02 .inquirymain form label input{ border:solid 1px #d7d7d7; height:25px;}
.sub_inquiry02 .inquirymain form label textarea{border:solid 1px #d7d7d7;}
.sub_inquiry02 .inquirymain form label input.send,.sub_order_box .main form label input.send{ color:#fff; font-size:14px; font-weight:bold; width:102px; height:32px; background:#f73b00; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; box-shadow:inset 3px 3px 3px #ff5621; -webkit-box-shadow:inset 3px 3px 3px #ff5621; -moz-box-shadow:inset 3px 3px 3px #ff5621; -ms-box-shadow:inset 3px 3px 3px #ff5621; -o-box-shadow:inset 3px 3px 3px #ff5621;}
.sub_inquiry02 .inquirymain form label input.send:hover,.sub_order_box .main form label input.send:hover{ background:#e50000;box-shadow:inset 3px 3px 3px #e83232; -webkit-box-shadow:inset 3px 3px 3px #e83232; -moz-box-shadow:inset 3px 3px 3px #e83232; -ms-box-shadow:inset 3px 3px 3px #e83232; -o-box-shadow:inset 3px 3px 3px #e83232;}

.sub_contact_box .main .tip{ color:#454545; line-height:22px; margin:15px 0 30px;}
.sub_contact_box .main .infor{ margin-bottom:30px;}
.sub_contact_box .main .infor p.title{ color:#292929l; font-size:14px; font-weight:bold; margin-bottom:15px;}
.sub_contact_box .main .infor dl{color:#454545; overflow:hidden; zoom:1;}
.sub_contact_box .main .infor dl dd{ line-height:24px; margin:8px 0 0;}
.sub_contact_box .main .infor dl dd span{ font-weight:bold;}
.sub_contact_box .main .infor dl dd.tel{ float:left; width:100%;}
.sub_contact_box .main .infor dl dd.mail{ float:left;width:100%;}
.sub_contact_box .main .infor dl dd.mail a:hover{ color:#cf000d; text-decoration:underline;}
.sub_contact_box .main .infor dl dd.add{ width:100%; float:left;}
.sub_contact_box .main .infor table { width:100%;}
.sub_contact_box .main .infor table td,.sub_contact_box .main .infor table th{ border:solid 1px #aaa; padding:10px 0 10px 20px;}


/*order*/
.sub_order_box .main .tip{color:#454545; line-height:22px; margin:15px 0;}
.sub_order_box .main .tip i,.sub_order_box .main form label span i,.sub_order_box .main form label.number span i{color:#cf000d;}
.sub_order_box .main form p.title{ background:#edeef0; height:30px; line-height:30px; font-weight:bold;text-align:center;}
.sub_order_box .main form label{ display:block; width:100%; margin:15px 0;font-weight:normal;}
.sub_order_box .main form label select{ width:100%;background:#fff; height:26px; border:solid 1px #c9c9c9; cursor:pointer;}
.sub_order_box .main form label input{ background:#fff; height:26px; border:solid 1px #c9c9c9; width:100%; padding:0 5px;}
.sub_order_box .main form label.subject input{width:100%;}
.sub_order_box .main form label.number input{ width:100%;}
.sub_order_box .main form label.number i{ font-style:normal;color:#737373; }
.sub_order_box .main form label.contact input.choose{ width:15px; height:15px; margin:5px 5px 0 10px; float:left;}
.sub_order_box .main form label.contact span.sex{ display:inline-block; width:100%; vertical-align:middle;}
.sub_order_box .main form label.contact span.sex i{ float:left; font-style:normal; line-height:26px; color:#737373;}
.sub_order_box .main form label textarea{ height:170px;border:solid 1px #c9c9c9;background:#fff; width:100%; padding:5px;}
.sub_order_box .main form label span{ color:#737373; display:inline-block; width:100%; margin-bottom:5px;}
.sub_order_box .main form label span i{ display:inline-block; margin-right:5px;}
.sub_order_box .main form label.message span{ vertical-align:top;}
.sub_order_box .main form label.message p{ color:#666; margin-left:0;}
.sub_order_box .main form label input.send{ margin:20px 0 0 0;}

.pagedetail h1{text-align:center; font-size:18px;}
.clickinfo{ text-align:right; margin:5px;}
.tech-base-video{text-align:center;}

.prodetailtop_pic{  margin-top: 10px;}
#pagelist h2{ font-size:18px; margin-top:15px;}
#pagelist li{ float:left; width:45%; margin:5px;}

.sub_main_right{ background:#fff;}


/*index_product*/
.index_products_alllist a{ color:#242b6c;}
.index_products_alllist a:hover{ color:#cf000d;}
.index_products_list_p { background:#fff; margin-top:20px;}
.index_products_list_t01, .index_products_list_t02, .index_products_list_t03, .index_products_list_t04{padding-top:260px; padding-bottom:30px; text-align:center; font-size:20px;}
.index_products_list_t01{ background:url(../images/index-portable.jpg) center 40px no-repeat;}
.index_products_list_t02{ background:url(../images/index-fixed.jpg) center 40px no-repeat;}
.index_products_list_t03{ background:url(../images/index-alcohol.jpg) center 40px no-repeat;} 
.index_products_list_t04{ background:url(../images/index-alarm.jpg) center 40px no-repeat;}
.index_solutions_alllist a{ color:#242b6c;}
.index_solutions_alllist a:hover{ color:#cf000d;}


@media(min-width:300px){
.index_products_list{ width:50%; float:left; padding-right:10px;}
.index_solutions_alllist li{width:50%; float:left; padding: 0 3px; margin-bottom:10px; margin-top:20px;}
.index_solutions_alllist li h3{width:auto;height:40px;line-height:40px;text-align:center;background:#fff;font-size:14px; margin-top:10px;}
.index_solutions_alllist li > a{display: block;}
.index_solutions_alllist li img{display:block;width:100%;}

.c_box03 .main{ padding:20px 0 0 0; border-top:5px solid #f5f5f5;}
.c_box03 .main .nav_dot_left{ width:100%;}
.c_box03 .main .nav_dot_left a{ color:#686c73;}
.c_box03 .main .nav_dot_left a:hover{ color:#cf000d;}
.c_box03 .main .nav_dot_left a img{ width:100%;}

.c_box03 .main .nav_dot_left_text{margin-top: 20px;padding: 0 3% 3% 3%;height: auto;}
.c_box03 .main .nav_dot_left_text h4{ color:#242b6c; padding-bottom:10px; font-weight:bold; font-size:14px; }
.c_box03 .main .nav_dot_left_text p{ line-height:24px;}
.c_box03 .main #nav_dot{ width:100%}
}

@media(min-width:768px){
/*header*/
.h_box02 .main{ overflow:hidden; zoom:1;}
.h_box02 .main p.logo{ width:8%;float:left;}
.h_box02 .main ul{ width:92%; float:left; padding-left:300px; text-align:right;}
.h_box02 .logo img{ width:100%; height:auto;}
.navbar-default .navbar-nav > li > a{display:inline-block; color:#242b6c; font-size:16px;text-transform:capitalize;line-height:40px;border-top:solid 5px transparent; font-weight:bold; }
.navbar-default .navbar-nav > li:hover > a,.navbar-default .navbar-nav > li > a:focus { border-top:solid 5px #cf000d; color:#cf000d}
.navbar-default .navbar-nav > li > .currentA{border-top:solid 5px #cf000d;}
.c_box03 .main{ padding:20px 10px 0 10px; border-top:5px solid #f5f5f5;}
.c_box03 .main .nav_dot_left{ width:50%; float:left; padding-right:3%;}
.c_box03 .main .nav_dot_left a{ color:#686c73;}
.c_box03 .main .nav_dot_left a:hover{ color:#cf000d;}
.c_box03 .main .nav_dot_left a img{ width:auto;}

.c_box03 .main .nav_dot_left_text{margin-top: 20px;padding: 0 3% 3% 3%;height: auto;}
.c_box03 .main .nav_dot_left_text h4{ color:#242b6c; padding-bottom:10px; font-weight:bold; font-size:14px; }
.c_box03 .main .nav_dot_left_text p{ line-height:24px;}
.c_box03 .main #nav_dot{ width:50%; float:right;}


}

@media(min-width:992px){
/*header*/
.nav li .sub_nav{position:absolute; z-index:99;top:102px;display:none;width:270px;background:#e6e6e6;filter:alpha(opacity=95); opacity:0.95;}
.nav li .sub_nav dl{ padding:10px 12px 20px;}
.nav li .sub_nav dl dd{border-bottom:solid 1px #ccc; padding:7px 5px;}
.nav li .sub_nav dl dd a{color:#242b6c; 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 dl dd:hover a{ transform:translateX(10px);-webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px);}



.f_box02 p.copyright{text-align:right;}

.sub_inquiry .inquirymain input{ width:60%;}
.sub_inquiry .inquirymain textarea{width:70%;}
.sub_inquiry form label span{ width:20%; text-align:right; margin:0;}
.sub_inquiry .inquirymain input.send{margin-left:20.5%;}
.sub_inquiry02 .inquirymain form label input.send{ margin-left:45%;}

.c_box04 .container .row{ margin-left:-3px; margin-right:-3px; padding: 0px;}
.c_box04 .container .col-md-4{ width: 33.33%;float: left;padding: 0 3px;}
}
	
@media(min-width:768px) and (max-width:992px){
/*header*/
.h_box02{ height:75px;}
.h_box02 .main ul{ padding-left:240px;}
.navbar-default .navbar-nav > li{margin:0 0 0 6px;}
.navbar-default .navbar-nav > li > a{padding: 0 4px; font-size:12px;  color:#242b6c;line-height:70px;}


.f_box01 .main .section01{ float:left;width:35%;}
.f_box01 .main .section04{ float:left;width:65%; padding:40px 0 0 10%;}
.f_box01 .main .section04 dl dd.add span{width:85%;}

.sub_inquiry02 .inquirymain form label input{width:98%;}
.sub_inquiry02 .inquirymain form label textarea{width:98%;}
.sub_news_box .main ul li p.pic{ width:25%;}
.sub_news_box .main ul li dl{ width:71%;}
}



@media (min-width:992px) and (max-width: 1200px) {
/*header*/
.h_box02{ height:97px;}
.navbar-default .navbar-nav > li{margin:0 0 0 13px;}
.navbar-default .navbar-nav > li > a{padding: 0 4px; font-size:14px;line-height:92px;}
.nav li .sub_nav{top:85px;}

.f_box01 .main .section01{ float:left;width:25%;}
.f_box01 .main .section02{ float:left;width:30%; padding:30px 0 0 5%;}
.f_box01 .main .section04{ float:left;width:45%;}
.f_box01 .main .section04 dl dd.add span{width:85%;}

.l_box01 .main01 dl dt a{ background:url(../images/contact_07.png) no-repeat 210px center;}
.l_box01 .main01 dl:hover dt a{color:#242b6c;}

.l_box01 .main01 dl dd {left:288px;}

.sub_news_box .main ul li p.pic{ width:25%;}
.sub_news_box .main ul li dl{ width:71%;}

.l_box03 .flexslider .flex-direction-nav li .flex-next{ top:230px;right:230px;}
.l_box03 .flexslider .flex-direction-nav li .flex-prev{ top:230px;right:40px;}
.l_box03 .flexslider{height: auto;}

.col-lg-9, .col-md-8, .col-xs-12, .col-lg-3, .col-md-4{ padding-left:15px; padding-right:15px;}
.uppercase img{ width:100%;}
}
	
@media(min-width:1200px){
/*header*/
.h_box02{ height:100px;}
.navbar-default .navbar-nav > li{margin:0 0 0 13px;}
.navbar-default .navbar-nav > li > a{padding: 0 8px; line-height:95px;}
.nav li .sub_nav{top:102px;}


.c_box02{ background:url(../images/index_about.jpg) 0 0 no-repeat;height:495px; padding:0;}
.c_box02 dl{ height:auto; padding:70px 0 0;}

.f_box01 .main .section01{ float:left;width:20%;}
.f_box01 .main .section02{ float:left;width:25%;}
.f_box01 .main .section03{ float:left;width:20%;}
.f_box01 .main .section04{ float:left;width:35%;}

.l_box01 .main01 dl dt a{ background:url(../images/contact_07.png) no-repeat 210px center; font-weight:bold;}
.l_box01 .main01 dl:hover dt a{background:url(../images/contact_07.png) no-repeat 200px; color:#242b6c;}
.l_box01 .main01 dl dd {left:240px;}

.sub_main_right{ margin-left:15px;}

.sub_contact_box .main .infor dl dd.tel{ float:left; width:40%;}
.sub_contact_box .main .infor dl dd.mail{ float:left;width:60%;}

.sub_order_box .main form label select{ width:40%;}
.sub_order_box .main form label input{width:40%;}
.sub_order_box .main form label.subject input{width:60%;}
.sub_order_box .main form label.number input{ width:20%;}
.sub_order_box .main form label.contact span.sex{width:30%;}
.sub_order_box .main form label textarea{ width:70%; }
.sub_order_box .main form label span{ width:20%; text-align:right; margin:0; }
.sub_order_box .main form label.message p{margin-left:20.5%;}
.sub_order_box .main form label input.send{ margin:20px 0 0 38%;}


.sub_news_box .main ul li p.pic{ width:24%;}
.sub_news_box .main ul li dl{ width:73%;}


.index_products_list{ width:25%; float:left; padding-right:10px;}

.index_solutions_alllist{ margin: 0 -3px 0; padding:0px;}
.index_solutions_alllist li{width:33%; float:left; padding: 0 3px; margin-top:20px;}
.index_solutions_alllist li h3{width:auto;height:40px;line-height:40px;text-align:center;background:#fff;font-size:14px; margin-top:10px;}
.index_solutions_alllist li > a{display: block;}
.index_solutions_alllist li img{display:block;width:100%;}
}

@media(max-width:1020px){
.col-md-pro-text{width:100%;}
}

@media(max-width:1200px){
.col-lg-6, .col-md-4{ padding-left:15px; padding-right:15px;}
.sub_proDetail_box .main01 .proDetail_btn a{width:70%;}
.sub_proDetail_box .main01 .proDetail_btn a.chat{ margin-right:0; margin-bottom:15px;}

.solution_text_img img { width:100%;}
}

.gaigege{ margin-bottom:20px;}

@media (max-width: 767px) {
header{ position:relative; z-index:99; height:147px;}
header .logo{margin:0 0 0 15px;}
header .h_box02 .container{ padding:5px 0;}
.navbar-nav{ margin:15px 0 0; background:none; }
.navbar-default .navbar-toggle{background:none; border:none; margin:35px 15px 0 0; }
.navbar-default .navbar-toggle:focus{background:none;}
.navbar-default .navbar-toggle:hover{background:#cf000d;}
.navbar-default .navbar-toggle .icon-bar{background:#cf000d;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:#fff;border:none; }
.navbar-default .navbar-nav > li{overflow:hidden;}
.navbar-default .navbar-nav > li > a{display:block;height:36px; width:100%;font-size:14px; text-transform:uppercase; color:#fff; text-align:center;background:#242b6c; border-bottom:solid 1px #fff; margin-left:0;}
.navbar-default .navbar-nav > li>a:hover,.navbar-default .navbar-nav > li>a:focus{background:#cf000d; color:#fff;}


.sub_inquiry02 .inquirymain form label input{width:98%;}
.sub_inquiry02 .inquirymain form label textarea{width:98%;}
.sub_download_box ul li a span{ width:70%;}
.sub_news_box .main ul li p.pic{ width:100%;}
.sub_news_box .main ul li dl{ width:100%; margin:15px 0 0 ;}

.sub_banner{ display:none;}
.sub_proCover_box .main p.title_box .title,.sub_solution_box p.title_box .title,.sub_news_box p.title_box .title,.sub_about_box p.title_box .title,.sub_download_box p.title_box .title,.sub_contact_box p.title_box .title,.sub_order_box p.title_box .title{font-size:14px; padding-left:10px;}
.sub_proCover_box .main p.title_box span a{ padding:0 4px; margin-left:1px; margin-top:6px; font-size:14px;}
.sub_proCover_box .main p.title_box span,.sub_solution_box p.title_box span,.sub_news_box p.title_box span,.sub_about_box p.title_box span,.sub_download_box p.title_box span,.sub_contact_box p.title_box span,.sub_order_box p.title_box span{  padding-left:0px;}
.sub_proCover_box .main p.title_box .title i{margin-right:2px;}

.f_box02 p.copyright{ padding:5px 0;}

.index_products_list_t01, .index_products_list_t02, .index_products_list_t03, .index_products_list_t04{font-size:14px;}

.c_box03 .left .main ul li h4{cursor:pointer; font-weight:normal; border:solid 1px #9fa6ae; height:50px; padding-left:5px; line-height:50px; font-size:12px; color:#242b6c; }
.sub_proCover_box .main .row_gas, .sub_proCover_box .main .row_alcohol, .sub_proCover_box .main .row_domestic{ background:#fff; margin-top:10px;}
.img_wrap img{ width:100%; height:auto;}
}



/*added by koaya*/.h_box03{	height:396px;	background:url("../images/sitecn.jpg") 50% 50% no-repeat;}.h_box03 a{	display:block;	width:100%;	height:100%;}

/*zengjia*/
.main_b{ width:auto; height:269px; border-top:2px solid #242b6c; border-bottom:2px solid #242b6c; padding:15px 0 20px 0}
.main_b .mail, .main_b .tel, .main_b .fax, .main_b .address{ padding:15px 0 15px 0;}
.main_b .mail i, .main_b .tel i, .main_b .fax i, .main_b .address i{ margin-right:5px;}
.main_b .mail span, .main_b .tel span, .main_b .fax span, .main_b .address span{ font-size:14px; font-weight:bold;}
.main_a_text{ margin-top:30px; padding:0 15px 0 15px;}
.main_a_text p{ line-height:24px; margin-bottom:15px;}
.main_a h1{ text-align:center; line-height:36px;}
.main_a p{ line-height:24px; margin-bottom:15px;}
.main_a .time{color: #9fa0a0; font-size: 14px; text-align:center; margin-bottom:10px;}

.main_a .read_more { width: 100%; height: auto; margin: 30px 0 15px 0;}
.main_a .read_more h2{ color:#242b6c; line-height:30px;}
.main_a .read_more ul li { height: 26px; line-height: 26px;list-style: inside;}
.context { width:100%; font-size: 14px; margin-top: 15px; line-height: 30px; border-top: 1px solid #242b6c;}
.context li{ list-style:none; border-bottom: 1px solid #242b6c;}

.sub_proCover_box .main{ margin-bottom:35px;}
.sub_proDetail_box .main01 .col-xs-12{ padding-left:10px; padding-right:10px;}
.sub_proDetail_box .main03 .col-md-3{ padding-left:10px; padding-right:10px;}
.solution_text_img img { width:100%;}

.box{ background: #fff; text-align: center; overflow: hidden; position: relative;}
.box img{ width: 100%; height: auto; transition: all 0.4s ease-in-out 0.2s;}
.box:hover img{  transform: scale(0);  transition-delay: 0s;}
.box .box-content{ width: 100%; height: 100%; background: #242b6c; color: #fff; padding: 30px; position: absolute; top: 0; left: 0; opacity: 0; transform: scale(0) rotate(-180deg); transition: all 0.4s ease-in 0s;}
.box:hover .box-content{ opacity: 1; transform: scale(1) rotate(0deg); transition-delay: 0.2s;}
.box .title{ font-size: 16px; font-weight: 800; padding-bottom: 10px; margin-top: 0; text-transform: capitalize;}
.box .description{ font-size: 13px; line-height: 20px; margin-bottom: 30px;}
.box .read{ display: inline-block; font-size: 14px; color: #242b6c; background: #fff; padding: 7px 20px; text-transform: capitalize;}


@media only screen and (max-width: 990px){
.box{ margin-bottom: 0px; }
}
@media only screen and (max-width: 479px){
.box .box-content{ padding: 20px; }
.box .title{ font-size: 14px; font-weight:normal;}
.box .description{ display:none;}
.box .read{ font-size: 12px; margin-top:15px;}
.sub_inquiry .title02 i{ width:142px;}
.sub_proCover_box .main .row_gas, .sub_proCover_box .main .row_alcohol, .sub_proCover_box .main .row_domestic{ background:#fff; margin-top:10px; height:350px;}
}
@media only screen and (max-width: 360px){
.h_box01 p.left .lan01, .h_box01 p.left .lan02{ display:none;}
.h_box01 p.left a{ padding-left:10px;}
.box .box-content{ padding: 10px; }
.sub_proDetail_box .main02 .tab_menu li{padding:0 13px;}
.sub_inquiry .title02 i{ width:92px;}
.main_b .mail, .main_b .tel, .main_b .fax, .main_b .address{ padding:10px 0 10px 0;}
.sub_proCover_box .main .row_gas, .sub_proCover_box .main .row_alcohol, .sub_proCover_box .main .row_domestic{ background:#fff; margin-top:10px; height:310px;}
}