@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,img{margin:0;padding:0;}
body{font-size:12px; font-family:"Microsoft Yahei","宋体","SimHei", Verdana, Arial;color:#333; min-width:320px;}
h1,h2,h3,h4,h5,h6{ font-style:normal; font-weight:normal;}
a{text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
ul,li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both;}
a:visited{ border:none;}
a:focus{outline:none;}
a:visited{ border:none;}
a:active{ border:none;}
a:hover{ border:none;}
.layer{ width:1180px; margin:0 auto; position:relative;}
.fl{ float:left;}
.fr{ float:right;}
/* */
.header{ width:100%; height:90px; background:#fff; position:relative;}
.header .layer{ position:static;}
.header .logo{ float:left;height:85px; line-height:85px; position:relative;}
.header .logo img{ height:100%; width:auto !important;}
.header .head_right{ float:right; overflow:hidden;position:relative}
.header .head_right .tel{color:#fff; margin-top:40px; float:right; text-align:right;margin-left:1em;}
.header .head_right .share{ float:right; margin-top:40px; }
.header .head_right .share>ul>li{ display:inline-block; width:3.5em;}
.header .head_right .share>ul>li img{ width:100%;}
.header .head_right .tel p{ font-size:15px; color:#333;}
.header .head_right .tel h5{ font-size:16px; color:#ea0e0e;}
.header .head_right .head_title{ float:left; font-size:16px; padding-top:27px; margin-left:30px; display:block !important; position:static; color:#333;}
.header .head_right .head_title p{ font-size:14px;}
.header .head_right .seach{ float:left;margin-top:45px; margin-right:40px; }
.header .head_right .seach input[type="text"]{height:25px; outline:medium; text-indent:0.5em; border:none; border:1px solid #999}
.header .head_right .seach input[type="submit"]{height:25px; outline:medium; padding:0 10px; border:none; border:1px solid #999}
.searchform{position:absolute;top:5px;right:0;}
.searchButton{border:1px solid #d52818;background:#d52818;padding:2px 5px; border-radius:5px;color:#fff}
/* */
.mb_nav{padding-right:10px; display:none; width:100%;}
.head_title{ position:absolute; left:3%; top:7px; color:#fff; font-size:16px; display:none;}
.head_title p{ font-size:14px;}
.nav_box{ width:100%; height:auto; position:relative; top:0px; left:0; background:#282828; z-index:100; display:block; border-top:1px solid rgba(255,255,255,0.2);}
.nav_box li{ line-height:30px; height:30px; padding:3px 20px; border-bottom:1px solid rgba(255,255,255,0.2); background:url(../images/nav_next.png) no-repeat 97%;}
.nav_box li:hover{ background:#333 url(../images/nav_next.png) no-repeat 97%;}
.nav_box li a{ color:#fff; font-size:15px; display:block; width:100%;}
.nav_box li a span{ margin-left:12px; font-size:12px; color:#ccc;}
.nav_box div{ line-height:30px; height:30px; padding:8px 20px; text-align:center; color:#fff; font-size:15px;}
.nav_list li.active{background:#ea0e0e;}
/* */
.nav_icon{ width:36px; height:28px; background:#fff; border-radius:5px; overflow:hidden; position:absolute; right:10px; top:4px; display:none;}
.nav_icon span{ width:22px; height:2px; background:#282828; display:block; text-align:center; margin:0 auto; margin-top:5px; border-radius:1px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.nav_icon span:first-child{ margin-top:9px;}
.nav_icon.curr .span1{transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out; opacity:0;}
.nav_icon.curr .span2{transform: rotate(-45deg);-moz-transform: rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
.nav_icon.curr .span3{ margin-top:-2px;transform: rotate(45deg);-moz-transform: rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
/* */
.nav{ width:100%; height:36px; background:#d52818;}
.nav .nav_list{ width:100%; height:36px; line-height:36px;}
.nav .nav_list li{ width:9.999%; float:left; text-align:center; font-size:16px; position:relative;}
.nav .nav_list li.curr{ color:#ea0e0e;}
.nav .nav_list li:hover a{ background:#ea0e0e; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.nav .nav_list li:hover a{ color:#fff; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.nav .nav_list li a{ width:100%; color:#fff; display:inline-block; text-align:center; height:36px; line-height:36px; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
/*nav2*/
.nav .nav_list li>ul{ position:absolute; left:0;width:100%; z-index:9999; height:0; overflow:hidden;transition:0.25s; -moz-transition:0.25s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.nav .nav_list li>ul>li{ float:none; width:100%;height:36px; overflow:hidden; }
.nav .nav_list li>ul>li a{text-align:left; overflow:hidden; width:90%; padding:0 5%; overflow:hidden; display:block; margin:auto;}
.nav .nav_list li:hover>ul{ height:330px;}

/*banner*/
.banner{ width:1180px; height:auto; overflow:hidden; margin:0 auto;}
.swiper-container {width: 100%;height: 100%;height:500px\9;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide a{ display:block; width:100%;}
.swiper-slide img{ width:100%;}
/*skype*/
.skype{ position:fixed; top:30%; right:0; z-index:99999; width:150px;}
.skype img{ width:100%;}
.skype>ul{ width:100%;background:#f0aa16; }
.skype>ul>li{ width:85%; margin:auto; padding-top:10px; padding-bottom:20px;}



 
.content{ width:100%; height:auto; overflow:hidden;}
/* */
.product{ width:100%; height:auto; padding:10px 0; border-bottom:1px solid #eee;}
.product_title{ width:100%; height:55px; background:url(../images/line.png) no-repeat bottom; text-align:center;}
.product_title h2{ color:#ea0e0e; font-size:18px;}
.product_title h2 span{ display:block; color:#333; font-size:14px;}
.product .pro_centent{ width:100%; height:auto; padding:0; line-height:22px; }
.product .pro_centent h4{ width:80%; margin:0 auto; font-size:16px; color:#333; text-align:center;}
.product .pro_centent p{ width:80%; margin:0 auto; color:#999; font-size:14px; text-align:center; font-family:Verdana, Geneva, sans-serif}
.product .pro_centent ul{ width:100%; height:auto; overflow:hidden; padding-top:10px;}
.product .pro_centent ul li{ width:25%; float:left;}
.product .pro_centent ul li div{ width:90%; margin:0 auto;}
.product .pro_centent ul li div span{ overflow:hidden; display:block;}
.product .pro_centent ul li div h5{ font-size:16px; color:#333; padding:20px 0;}
.product .pro_centent ul li div h6{ font-size:13px; color:#666; line-height:20px; height:80px; overflow:hidden; margin-bottom:25px;}
.product .pro_centent ul li div a{ width:75px; height:25px; background:#383838; color:#fff; display:block; text-align:center; line-height:25px;transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s; border-radius:3px}
.product .pro_centent ul li div a:hover{ background:#ea0e0e;transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.product .pro_centent ul li div img{ width:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.product .pro_centent ul li div img:hover {transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.news ul li div{ width:66%; float:right;}
/* */
.about{ width:100%; height:auto; padding:50px 0; border-bottom:1px solid #eee;}
.about_title{ width:100%; height:65px;}
.about_title h2{ color:#ea0e0e; font-size:18px; float:left; text-align:left;}
.about_title h2 span{ display:block; color:#333; font-size:14px;}
.about_title a{ float:right; line-height:50px; color:#666; font-size:14px;}
.about .about_contant{ width:100%; height:auto; overflow:hidden;}
.about .about_left{ width:50%;}
.about .about_left p{ font-size:13px; padding-bottom:15px;}
.about .about_right{ width:48%;}
.about .about_right img{ max-width:100%;}
/* */
.news_contant{ width:100%; height:auto; overflow:hidden;}
/*
.news_contant .about_left{ position:relative; overflow:hidden;}
.news_contant .about_left p{ position:absolute; bottom:-40px; left:0; height:40px; line-height:40px; background:rgba(0,0,0,0.8); width:100%; color:#fff; line-height:40px; text-align:center; font-size:17px; padding:0;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.news_contant .about_left:hover p{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; bottom:0;}
.news_contant .about_left img{ width:100%;}
*/
.news_first{ width:100%; height:auto; overflow:hidden; margin-bottom:10px}
.news_contant .news_first span{ display:block; overflow:hidden; width:35%; float:left;}
.news_contant .news_first span img{ width:100%;}
.news_contant .news_first span img{ width:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.news_contant .news_first span img:hover {transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.news_contant .news_first div{ width:62%; float:right; font-size:14px; line-height:22px;}
.news_contant .news_first div p{ height:80px; line-height:20px; overflow:hidden;color:#9da1a4;font-size:13px;}
.news_contant .news_first div a{ display:inline-block; color:#000; margin-top:10px;}
.news_contant .about_left ul,.news_contant .about_right ul{ width:100%; height:auto;}
.news_contant .about_left ul li,.news_contant .about_right ul li{ padding:12px 0; border-bottom:1px dashed #eee; line-height:22px;}
.news_contant .about_left ul li h4,.news_contant .about_right ul li h4{ font-size:14px; color:#000; padding-bottom:5px;}
.news_contant .about_left ul li h4 p,.news_contant .about_right ul li h4 p{ width:60%; overflow:hidden; height:20px;font-size:16px;color:#000}
.news_contant .about_left ul li h4 span,.news_contant .about_right ul li h4 span{ float:right; color:#ccc;}
.news_contant .about_left ul li p,.news_contant .about_right ul li p{ height:44px; font-size:13px; color:#666; line-height:22px; overflow:hidden;}
/* */
.footer{ width:100%;  background:#d52818; border-top:1px solid #d52818; padding:0.5rem 0;text-align:center}
.footer .foot_nav{ margin-top:15px; width:100%; height:auto; overflow:hidden;}
.footer .foot_nav li{ float:left; border-left:1px solid #fff; height:20px; line-height:20px; text-align:center; padding:0 20px;}
.footer .foot_nav li:first-child{ border:none; padding-left:0;}
.footer .foot_nav li a{ color:#fff; font-size:14px;}
.footer .foot_nav li a:hover{ color:#fff; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.footer p{ font-size:12px; color:#fff; line-height:23px;}
.footer p a{ color:#fff;}
.footer p a:hover{ color:#fff;}

.link_add{margin-top:15px;margin-bottom:15px}
.link_add a{display:inline-block; margin-right:10px}
/*====================product=============================*/

.product_cont{width:1180px; margin:0 auto; position:relative; }
.product_cont>.layer{ padding-top:1em; padding-bottom:1em; font-size:13px; border-bottom:1px solid rgba(0,0,0,.1);}
.product_index{ padding: 20px 0; width: 100%;height: auto;overflow: hidden; }
/*-----------side_nav2 start------------*/
.product_index>.side_nav{ width:18%;  background:#d52818; float:left;}
.side_nav>h2{ padding-left:30px; cursor:pointer;font-size:18px; line-height:3em; background:#d52818; color:#fff; border-bottom:1px solid #fff}
.side_nav>ul>li{ border-bottom: 1px solid #d52818; position:relative;}
.side_nav>ul>li>a{ padding:5px 23px; line-height:1.6em; height:1.6em; font-size:14px; color:#fff; display:block; overflow:hidden;}
.side_nav>ul>li>ul{ background:#fff;border-left: 1px solid #d52818;border-right: 1px solid #d52818;transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.side_nav>ul>li>ul>li{border-bottom: 1px solid #d52818;}
.side_nav>ul>li>ul>li:hover{ background:#ea0e0e;transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.side_nav>ul>li>ul>li>a{ display:block; width:95%; margin:auto; font-size:12px; width:80%; margin:auto; line-height:2.3em;}
.side_nav>ul>li>ul>li:hover a{ color:#fff;transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
/*-----------side_nav2 end------------*/
.pro_index_cont{ float:right; width:80%; }
.pro_index_cont>h2{font-size:18px; line-height:2.9em; border-bottom:1px solid #666; margin-bottom:20px; padding-left:1em;}
.pro_index_cont>ul>li{ float:left; width:30%; position:relative; margin:1.5%; margin-top:0; margin-bottom:2em;}
.pro_index_cont>ul>li:before{ position:absolute; content:''; display:block; z-index:-1; height:100%; width:100%; top:0; left:0; border:1px solid rgba(0,0,0,.3)}
.pro_index_cont>ul>li:hover:before{ border:1px solid #333;}
.pro_index_cont>ul>li .pro_img, .pro_index_cont>ul>li .pro_title{ width:90%; margin:auto; margin-top:5%;}
.pro_index_cont>ul>li .pro_img img{ width:100%; max-height:100%}
.pro_index_cont>ul>li .pro_title{ font-size:14px; line-height:1.2em; padding-bottom:1em; padding-top:0.7em;text-align:center;}
.pro_index_cont>ul>li>a{ display:block;}

.product_inner{ padding:0px; padding:0 1rem 1rem 1rem}
.product_inner_title{ text-align:center; margin-bottom:20px;}
.product_img{ width:60%; margin:auto;}
.pro_detitle{ width:100%; margin:auto; margin-top:0px;}
.pro_detitle>h2{ margin-bottom:10px;}
.pro_detitle>p{ line-height:2em; font-size:14px;}
.pro_detitle img{ max-width:100%;}
.descinfos{ padding-top:0.1rem;}

.pro_form{ width:100%; margin:auto; margin-top:10px; margin-bottom:10px;}
.pro_form>form>.text>input{ height:30px; width:97%; margin-top:15px;outline:medium; text-indent:0.5em; border:none; border:1px solid #999}
.pro_form>form>.text>textarea{ width:97%; position:relative;resize: none;margin-top:15px;outline:medium;text-indent:0.5em; padding:0.5em 0;border:none; border:1px solid #999}
.pro_form>form>.text>input[type="submit"]{ width:40%; margin-right:16%;}
.pro_form>form>.text>input[type="reset"]{ width:40%;}
/*----------------------product end -----------------------------*/


/*==================about start==============================*/
.about_index{  padding:40px 0;}
.about_img{ padding-right:20px; overflow:hidden; float:right; margin-top:-30px; position:relative; z-index:11;}
.about_cont{ width:90%; margin-left:1%;border:1px solid rgba(0,0,0,.5); padding:2%; position:relative; margin-bottom:60px;}
.about_cont:before{ position:absolute; height:100%; width:100%; border:1px solid rgba(0,0,0,.5); top:3px; left:3px; content:''; display:block;}
.about_us{ margin-bottom:40px;}
.about_index h2{ padding-left:30px; margin-bottom:10px; color:#ea0e0e;}
.about_cont p{text-indent:2em; font-size:14px; line-height:1.8em; position:relative; background:#fff; z-index:0; padding-bottom:10px;}
.about_index h2.cultuer_h2{ text-align:right; position:relative; margin-right:3em;}
.cultuer>.about_img{ float:left}
.cultuer>.about_cont{ margin-left:5%;}
.cultuer>.about_cont p{}
.cultuer>.about_cont:before{left:-5px;}

/*------------------about end -----------------*/

/*====================news start=====================*/
.news_index{ padding:40px 0;}
.news_index>ul{ margin-bottom:30px;}
.news_index>ul>li{ margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,.3); padding:20px 0;}
.news_index>ul>li h2{ position:relative; color:#000; font-weight:bolder; font-size:16px; margin-bottom:10px;}
.news_index>ul>li h2>span{ font-size:12px; font-weight:100; position:absolute; right:0; top:0;}
.new_img{ float:left; width:15%; margin-right:20px; position:relative;}
.new_img img{ width:100%;}
.news_c{ float:left; width:80%; margin-left:2%;}
.news_c p{  word-wrap:break-word; }
.pages_to{ width:100%; margin-top:20px; }
.pages_to>{ text-align:center; text-align:right}
.pages_to>li{ display:inline-block; margin:5px; border:1px solid rgba(0,0,0,.3); padding:5px 10px;cursor:pointer;}
.pages_to>li:hover{ background:#ea0e0e;  color:#fff; }
.inner_cont>.news_title{ text-align:center;}
.inner_cont>.news_title>h2{ margin-bottom:10px;}
.news_cont{ width:80%; position:relative; margin:auto; margin-top:15px; font-size:14px; line-height:2em;}
.news_cont>p{ margin-top:10px; text-indent:2em;}
.news_cont>div{ text-align:center; width:100%; overflow:hidden;}
/*-----------------news end--------------------------- */

/*-------------------contact start------------------------*/
.map{ position:relative; margin:auto; position:relative;}
.map>div{position:absolute; bottom:0; width:100%;}
.contact_index{ padding:40px 0; position:relative;}
.contact_index>h2{ line-height:3em;}
.contact_index>form{ border:1px solid red;}
.content_left,.content_right{ float:left; width:50%; font-size:14px; line-height:2em;}
.content_left>span.q_tel{ font-size:28px; line-height:2em;}
.content_right{ }
.content_right>form>input{ height:30px; width:30%; margin:1%; margin-bottom:15px;outline:medium; text-indent:0.5em; border:none; border:1px solid #999}
.content_right>form>textarea{ width:97%; position:relative; margin-left:1%;resize: none;outline:medium;text-indent:0.5em; padding:0.5em 0;border:none; border:1px solid #999}

/*===================content end======================*/
/*--------technology----------------*/
.Certifications>ul{ width:100%;}
.Certifications>ul>li{ float:left; width:18%; margin:1%;}
.Certifications>ul>li:hover img{transform:scale(1.15); -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15); box-shadow: 10px 10px 5px #999;}
.Certifications>ul>li img{ width:100%;transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.Certifications>ul>li>p{ text-align:center; line-height:2em;}
.Certifications{ margin-bottom:20px;}
.tel24{font-size:16px;margin-top: 50px;float: right;margin-right:10px; }
.tel24 strong{font-size:18px;color:red}
.tel{position:relative; margin-right:10px;}
.language{float:right; margin-top:42px;font-size:16px; border:1px solid #d52818;background:#d52818;padding:5px 8px; border-radius:5px}
.language a{color:#fff}
.lang{display:none}
.searchbtn{display:none !important;}
.searchButton{margin-right:5px;}
.searchform a{display:inline-block; margin-right:5px; color:#d52818}
.desc{ border-bottom:2px solid #d52818;clear:both;margin-bottom:0.5rem;}
.descinfo{ width:100px;border-radius:2px 2px 0 0; background:#d52818; text-align:center;color:#fff;line-height:32px; line-height:32px}

.smallpic{width:50% ;float:left}
.smallpic img{max-width:100%;}
.xinxi_continar{width:50% ;float:right}
.xinxi_continar table{margin-left:50px;text-align:left;font-size:0.8rem;}
.xinxi_continar table td{padding:5px 10px;}
.detail{clear:both;margin-bottom:1rem;overflow:hidden}
@media (max-width:992px){
    .banner{ width:100% }
    .searchform{display:none !important}
    .searchbtn{display:inline-block !important;}
    .smallpic{width:100%}
    .xinxi_continar{width:100%}
    .xinxi_continar table{margin-left:0;}
}