@charset"utf-8";
/*all tag reset*/
li{list-style:none;}
legend{color:#5A5A5A;}
fieldset,img{border:0;}
i,em{font-style:normal}
ul{margin:0 ;padding: 0;}
strong{ font-weight:bold;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
sup{vertical-align: super;}
sub{vertical-align: sub;}
del,ins{text-decoration:none;}
small{font-size:12px; display: block;}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select{font-size:100%;}
input.hidefocus::-moz-focus-inner {border:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none;}
/*clearfix*/
strong{ font-weight: bold;}
ul{list-style: none;}
*html .clearfix{zoom: 1;}
*+html .clearfix {zoom: 1;}
a{text-decoration: none; color: #565656;font-size: 12px;}
body{ font-size: 12px; font-family: "微软雅黑"; color: #565656;}
.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
html{font-size:62.5%; /* 10÷16=62.5% */}
.shouji{ display:none}

/*header*/
header { width: 100%; height: 95px; background: #FFF; }
header .head_nei { width: 1200px; margin: 0 auto; height: 95px;}
header .head_nei .logo { width: 381px; height: 59px; float: left; margin-top: 17px;}
header .head_nei nav { width: 763px; height: 95px; float: right}
header .head_nei nav ul li { float: left; width: 109px; height: 95px; line-height: 95px; }
header .head_nei nav ul li a { display: block; width: 109px; height: 95px; color: #999; font-size: 14px; text-align: center; }
header .head_nei nav ul li:hover a { background: #0b54af; color: #FFF; text-underline: none; text-decoration: none}
header .head_nei nav ul li #currentNav { background: #0b54af; color: #FFF;}

/*banner*/
.banner_about { width: 100%; height: 250px; background: url("../images/banner_about.jpg") no-repeat 50% 50%;}
.banner_contact { width: 100%; height: 250px; background: url("../images/banner_contact.jpg") no-repeat 50% 50%;}
.banner_news { width: 100%; height: 250px; background: url("../images/banner_news.jpg") no-repeat 50% 50%;}
.banner_product { width: 100%; height: 250px; background: url("../images/banner_product.jpg") no-repeat 50% 50%;}
.banner_tech { width: 100%; height: 250px; background: url("../images/banner_tech.jpg") no-repeat 50% 50%;}
.banner_employ { width: 100%; height: 250px; background: url("../images/employ_banner.jpg") no-repeat 50% 50%;}

/*foot*/
.foot { width: 100%; margin-top: 60px; position: relative}
.foot .ft_top { width: 100%; height: 14px; background: url("../images/ft.png") no-repeat;}
.foot .foot_nav { width: 100%; height: 66px; background: #1c2124;}
.foot .foot_nav #links { width: 1200px; height: 66px; margin: 0 auto;}
.foot .foot_nav #links .yqlj { float: left; margin-left: 4px; width: 92px; height: 66px; line-height: 66px; color: #8c8c8c; font-size: 16px;}
.foot .foot_nav #links .links { width: 1100px; height: 66px; overflow: hidden;}
.foot .foot_nav #links .links a { float: left; margin-right: 46px; height: 66px; line-height: 66px; font-size: 14px; color: #8c8c8c;}

.foot_ct { width: 580px; height: 162px; float: left;}
.foot_ct img { margin-top: 30px; margin-bottom: 10px;}
.foot_ct p { width: 100%; font-size: 12px; color: #636363; line-height: 24px;}

.foot .foot_content { width: 100%; height: 162px; background: #262a2d;}
.foot .foot_content .foot_info { width: 1200px; height: 162px; margin: 0 auto;}
.foot .foot_content .foot_info .foot_contact { width: 620px; height: 162px; float: left; }
.foot .foot_content .foot_info .foot_contact .ct_info { width: 100%; height: 132px; margin-top: 30px;}
.foot .foot_content .foot_info .foot_contact .ct_info h3 { width: 100%; text-align: right;}
.foot .foot_content .foot_info .foot_contact .ct_info h3 span { display: block; font-size: 18px; color: #8c8c8c; font-weight: bold; margin-bottom: 4px;}
.foot .foot_content .foot_info .foot_contact .ct_info .ct_message { width: 100%; margin-top: 10px;}
.foot .foot_content .foot_info .foot_contact .ct_info .ct_message p { width: 100%; font-size: 12px; line-height: 24px; text-align: right; color: #636363;}
.foot .foot_content .foot_info .foot_contact .ct_info .ct_message p a { color: #636363; font-size: 12px;}

.foot_form { width: 250px; position: fixed; background: #262a2d; bottom: 160px; left: 10px; z-index: 100; border-radius: 8px; padding-bottom: 20px; overflow: hidden; opacity:0.8!important; display: none;}
.foot_form h3 { width: 900%; margin-left: 20px; height: 52px; line-height: 52px; padding-top: 15px;}
.foot_form h3 span { float: left;  height: 52px;}
.foot_form h3 .sp1 { font-size: 18px; color: #FFF; font-weight: bold;}
.foot_form h3 .sp2 { font-size: 14px; color: #FFF; font-family: Arial; line-height: 61px; margin-left: 9px;}
.foot_form .faqline { width: 100%;  line-height: 29px;  margin-bottom: 10px;}
.foot_form .faqline .faqtit { font-size: 14px; color: #FFF; float: left; line-height: 18px; width: 70px; height: 24px; margin-left: 20px;}
.foot_form .faqline .xh { display:inline-block; width: 31px; text-align: center; height: 29px; line-height: 29px; color: #FFF; }
.foot_form .Content { width: 100%;  margin-bottom: 10px;}
.foot_form .Content .faqtit { float: left; width: 70px; height: 24px; font-size: 14px; line-height: 18px; color: #FFF; margin-left: 20px;}
.foot_form .Content .xh { float: left; width: 31px; text-align: center; height: 69px; line-height: 69px; color: #FFF;}
.foot_form .faqline input { background: #FFF; border:  1px solid #777; width: 80%; height: 27px; margin-left: 21px; border-radius: 8px;}
.foot_form .Content textarea { background: #FFF; float: left; border: 1px #777 solid; width: 80%; height: 65px; margin-left: 21px; border-radius: 8px;}
.foot_form .yzm { float: left; margin-top: 10px; height: 32px;}
.foot_form .yzm .faqtit { float: left; width: 70px; font-size: 14px; color: #FFF; margin-left: 20px; margin-top: 6px;}
.foot_form .yzm input { background: #FFF; border-radius: 8px; float: left;}
.foot_form .submit { float: left; margin-left: 21px; margin-top: 10px; }
.foot_form .submit input {background: #0953b0; color: #FFF; width: 202px; height: 33px; border: none; cursor: pointer;  border-radius: 4px;}
#hide,#show { background: #cdcdcd; width: 40px; height: 18px; border: none; color: #333; float: right; border-radius: 5px; margin-right: 10px; margin-top: 10px; cursor: pointer; }



.side{position:fixed;width:54px;height:275px;right:0;top:300px;z-index:1009;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font:14px/54px Arial, Helvetica, sans-serif;}
.side ul li .sidebox1{ display:block;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden;width:40px;height:40px; padding-top:14px; padding-left:14px}
.side ul li .sidebox1:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
#qcode { position:relative; margin:0 auto; }
#qqgroup { display:none; position:absolute; overflow:hidden; background:url(../images/erweima.png) no-repeat; width:150px; height:150px; z-index: 2000000; left:-150px; top:-35px; }

@media all and (min-width: 321px) and (max-width: 767px) {
    body { min-width: inherit; background:none;font-size:1.4rem; line-height:2.0rem;font-family: "Microsoft Yahei","Roboto",Arial,"Helvetica Neue","Times New Roman","黑体";}
    .shouji{ display:block}
    .shoujinone{ display:none}
    img{ width:100%}
    .menu-button { position: relative;cursor: pointer; }
    .toolbar { position: fixed;top:0;left: 0;right: 0;background-color: transparent;z-index: 3; height: 0}
    .menu-left { float: right; width: 12%; margin-right: 5%; margin-top: 2.0rem;}
    .sidebar {margin: 0;padding-top: 1rem;color: white;background-color:#000; width: 55%}
    .sidebar li { border-bottom: 1px solid #FFF; padding-bottom: 1rem; width: 100%;}
    .sidebar li .block { font-weight:bold; display:block; margin-left:15px; line-height:4rem; font-size:1.6rem; color: #FFF; }
    .sidebar li a{ display:block; margin-left:3rem; line-height:3.2rem; font-size:1.4rem; color: #FFF; }

    .logo { width: 74%; margin-left: 5%; margin-top: 1.6rem;}
    .logo a { display: block;}
    .pogoSlider { height: 250px!important;}

    /*banner*/
    .block_home_slider {
        position: relative;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        text-align: center;
        line-height: 0px;
        margin-right: auto;
        margin-left: auto;
    }  /*底部小图标*/
    .block_home_slider .slide {position:relative;}
    .block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(bg_caption.png); text-align:left;}
    .block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
    .block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}

    .block_home_slider .flex-control-paging {display:inline-block; position: relative; bottom: 2.1rem;}
    .block_home_slider .flex-control-paging li {  margin: 0px;  padding: 0px;  float: left; margin-right: 0.5rem;  overflow: hidden;  list-style-type: none;  }
    .block_home_slider .flex-control-paging li a {width:44px; height:5px; display:block; background: url("../images/banner_left.jpg") no-repeat; text-indent:-9000px; cursor:pointer;}
    .block_home_slider .flex-control-paging li a.flex-active {background: url("../images/banner_right.jpg") no-repeat;}
    .block_home_post_feature {width:300px;}
    .block_home_post_feature p {padding-bottom:0px;}
    .flex-direction-nav { display: none;}
    .flexslider {margin: 0; padding: 0;}
    .flexslider .slides > li {  display: none;  -webkit-backface-visibility: hidden;  list-style-type: none;  }
    .flexslider .slides img {width: 100%; display: block;}
    .flex-pauseplay span {text-transform: capitalize;}


    .foot { width: 100%; float: left; height: auto;}
    .foot .ft_top { width: 100%; background: url("../images/foot_topbg.png") no-repeat;}
    .foot .foot_nav #links { width: 90%;}
    .foot .foot_nav #links .links { width: 70%;}
    .foot .foot_nav #links .links a { margin-right: 8%;}
    .foot .foot_content { float: left; height: auto;}
    .foot .foot_content .foot_info { width: 100%; float: left; height: auto}
    .foot .foot_content .foot_info .foot_form { width: 90%; margin: 0 auto; float: none;}
    .foot .foot_content .foot_info .foot_form h3 { width: 100%;}
    .foot .foot_content .foot_info .foot_form .faqline input,.foot .foot_content .foot_info .foot_form .Content textarea { width: 70%; margin-left: 3%;}
    .foot .foot_content .foot_info .foot_form .faqline .xh,.foot .foot_content .foot_info .foot_form .Content .xh { width: 3%}
    .foot .foot_content .foot_info .foot_form .submit { margin-top: 1rem; margin-left: 25%}


    .foot .foot_content .foot_info .foot_contact { width: 90%; height: auto; margin: 0 auto; background-position: 50% 16%; margin-left: 5%;}
    .foot .foot_content .foot_info .foot_contact .ct_info { margin-top: 0; padding-bottom: 8rem;}
    .foot .foot_content .foot_info .foot_contact .ct_info h3 { width: 30%; margin: 0 auto; border-bottom: 2px solid #757677; text-align: center}
    .foot .foot_content .foot_info .foot_contact .ct_info h3 img { width: 100%;}
    .foot .foot_content .foot_info .foot_contact .ct_info .ct_message { padding-bottom: 2rem;}
    .foot .foot_content .foot_info .foot_contact .ct_info .ct_message p { text-align: center;}

    .foot_ct { width: 100%;}
    .foot_ct img { width: 80%; margin-left: 8%;}
    .foot_ct p { width: 80%; margin-left: 8%;}

    /*foot_tags*/
    .foot .tags{ position: fixed; width:100%; height: 3.9rem; bottom: 0; left: 0; z-index: 1001}
    .foot .tags .tags1{ float: left; width: 22%; border-right: 1px solid #333;}
    .foot .tags .tags2{ float: left; width: 28.4375%; border-right: 1px solid #333;}
    .foot .tags .tags3{ float: left; width: 25.3125%; border-right: 1px solid #333;}
    .foot .tags .tags4{ float: left; width: 23.3%;} .footer1 .tags a img{height: 3.9rem;}


}

@media all and (min-width: 0) and (max-width: 320px) {
    body { min-width: inherit; background:none;font-size:1.4rem; line-height:2.0rem;font-family: "Microsoft Yahei","Roboto",Arial,"Helvetica Neue","Times New Roman","黑体";}
    .shouji{ display:block}
    .shoujinone{ display:none}
    img{ width:100%}
    .menu-button { position: relative;cursor: pointer; }
    .toolbar { position: fixed;top:0;left: 0;right: 0;background-color: transparent;z-index: 3; height: 0}
    .menu-left { float: right; width: 12%; margin-right: 5%; margin-top: 2.0rem;}
    .sidebar {margin: 0;padding-top: 1rem;color: white;background-color:#000; width: 55%}
    .sidebar li { border-bottom: 1px solid #FFF; padding-bottom: 1rem; width: 100%;}
    .sidebar li .block { font-weight:bold; display:block; margin-left:15px; line-height:4rem; font-size:1.6rem; color: #FFF; }
    .sidebar li a{ display:block; margin-left:3rem; line-height:3.2rem; font-size:1.4rem; color: #FFF; }

    .logo { width: 74%; margin-left: 5%; margin-top: 1.6rem;}
    .logo a { display: block;}
    .pogoSlider { height: 250px!important;}

    /*banner*/
    .block_home_slider {
        position: relative;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        text-align: center;
        line-height: 0px;
        margin-right: auto;
        margin-left: auto;
    }  /*底部小图标*/
    .block_home_slider .slide {position:relative;}
    .block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(bg_caption.png); text-align:left;}
    .block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
    .block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}

    .block_home_slider .flex-control-paging {display:inline-block; position: relative; bottom: 2.1rem;}
    .block_home_slider .flex-control-paging li {  margin: 0px;  padding: 0px;  float: left; margin-right: 0.5rem;  overflow: hidden;  list-style-type: none;  }
    .block_home_slider .flex-control-paging li a {width:44px; height:5px; display:block; background: url("../images/banner_left.jpg") no-repeat; text-indent:-9000px; cursor:pointer;}
    .block_home_slider .flex-control-paging li a.flex-active {background: url("../images/banner_right.jpg") no-repeat;}
    .block_home_post_feature {width:300px;}
    .block_home_post_feature p {padding-bottom:0px;}
    .flex-direction-nav { display: none;}
    .flexslider {margin: 0; padding: 0;}
    .flexslider .slides > li {  display: none;  -webkit-backface-visibility: hidden;  list-style-type: none;  }
    .flexslider .slides img {width: 100%; display: block;}
    .flex-pauseplay span {text-transform: capitalize;}

    /*foot_tags*/
    .foot .tags{ position: fixed; width:100%; height: 3.9rem; bottom: 0; left: 0; z-index: 1001}
    .foot .tags .tags1{ float: left; width: 22%; border-right: 1px solid #333;}
    .foot .tags .tags2{ float: left; width: 28.4375%; border-right: 1px solid #333;}
    .foot .tags .tags3{ float: left; width: 25.3125%; border-right: 1px solid #333;}
    .foot .tags .tags4{ float: left; width: 23.3%;} .footer1 .tags a img{height: 3.9rem;}


    .foot { width: 100%; float: left; height: auto;}
    .foot .ft_top { width: 100%; background: url("../images/foot_topbg.png") no-repeat;}
    .foot .foot_nav #links { width: 90%;}
    .foot .foot_nav #links .links { width: 70%;}
    .foot .foot_nav #links .links a { margin-right: 8%;}
    .foot .foot_content { float: left; height: auto;}
    .foot .foot_content .foot_info { width: 100%; float: left; height: auto}
    .foot .foot_content .foot_info .foot_form { width: 90%; margin: 0 auto; float: none;}
    .foot .foot_content .foot_info .foot_form h3 { width: 100%;}
    .foot .foot_content .foot_info .foot_form .faqline input,.foot .foot_content .foot_info .foot_form .Content textarea { width: 68%; margin-left: 3%;}
    .foot .foot_content .foot_info .foot_form .faqline .xh,.foot .foot_content .foot_info .foot_form .Content .xh { width: 3%}
    .foot .foot_content .foot_info .foot_form .submit { margin-top: 1rem; margin-left: 25%}


    .foot .foot_content .foot_info .foot_contact { width: 90%; float: none; margin: 0 auto; background-position: 50% 16%}
    .foot .foot_content .foot_info .foot_contact .ct_info { margin-top: 0; padding-top: 10rem;}
    .foot .foot_content .foot_info .foot_contact .ct_info h3 { width: 100%;}
    .foot .foot_content .foot_info .foot_contact .ct_info h3 img { width: 40%;}
    .foot .foot_content .foot_info .foot_contact .ct_info .ct_message { padding-bottom: 2rem;}
    .foot .foot_content .foot_info .foot_contact .ct_info .ct_message p  { text-align: center;}

}