.nava_box{ background:#9f2023;}
.navb_box{ width:1100px; margin:auto;}
.phona,.phonb{ float:left; width:150px;font-size:14px;color:#c5c5c5; font-weight:bold; padding-left:28px; line-height:30px;}
.phona:hover{ color:#fff;}
.phonb:hover{ color:#fff;}
.phona{ background:url(../images/dianhua.svg) no-repeat 0px center; margin-left:15px;}
.phonb{ background:url(../images/youxiang.svg) no-repeat 2px center;}
.lianjie_box{ float:right; padding-right:15px;}
.lianjie_box .lianjie{ float:left; padding:4px 4px 0 4px;}


.special{text-shadow:0 2px 2px rgba(0,0,0,0.4);}
.fix-div{ position:fixed; top:0px; z-index:100; width:100%;}
.slide-main{ max-height:500px;position:relative; margin-top:150px; overflow:hidden;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:250px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:90;top:470px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;min-height:500px;overflow:hidden; min-width:1110px;}
.slide-box{position:relative;}
.slide{padding-top:0px;position:relative;z-index:8;}
.slide img{ width:100%;border-bottom:10px solid #babcbe;}
#bgstylea{background:url(../images/banner1.jpg) no-repeat center center;}
#bgstyleb{background:url(../images/banner2.jpg) no-repeat center center;}
#bgstylec{background:url(../images/banner3.jpg) no-repeat center center;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:500px;top:0px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:500px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:500px;margin-left:-540px;top:0px;z-index:12;}
.obj-f{width:350px;height:441px;top:70px;margin-left:200px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


.container{ width:1110px; margin:0px auto;position: relative; border:0px solid #F60;  padding:0px 0px;}
.x_header{ width:100%; margin:0px auto;position: relative; border-bottom:10px solid #babcbe; height:130px; padding:0px 0px 18px 0px; position:fixed;top:0px; z-index:9999; background-color:#fff;}
.nav_box{ width:300px; float:left;}
.nav_box .xian{ width:1100px;}
.nav_box .logo{ width:280px; margin-top:20px;}
.nav_box .logo img{ width:280px;}
.xiao{ height:1px; background:#e5e5e5;}

.fly{background:#fff;}
.nav{ width:780px; margin:40px 0px 0px 0px; position:relative; float:right; }
.nav li{float:left; position:relative; margin:0px 20px;}
.nav li>a{ font-size:18px; font-weight:600; color:#333; text-align:center; line-height:50px; text-transform:uppercase;}
.nav li a:hover{ text-shadow:0 2px 2px rgba(0,0,0,0.4);}
.nav li dl{ position:absolute; left:-90px; top:50px; width:260px;z-index:99;}
.nav li dl.first{  z-index:99; background:#e5e5e5;padding:8px 0px; }
.nav li dl dd{ position: relative;}
.nav li dl dd>a{ font-size:14px; font-weight:bold; color:#9f2023; text-align:left; line-height:30px;padding-left:40px;}
.nav li dl dd .least{ width:200px; position:absolute; left:260px;top:-8px; background:#d1d1d1;padding:8px 0px;}
.nav li dl dd .least span>a{ font-size:14px; font-weight:bold; color:#9f2023;line-height:30px; padding-left:15px;}

.x_miaoshu{width:100%; overflow:hidden; padding:10px 0px 10px 0px;}
.x_miaoshu p{ font-size:18px; line-height:30px; color:#888; padding:14px 0px 6px 0px;}
.x_catalog{width:100%; overflow:hidden; padding:0px 0px; background-color:#9f2023; box-shadow:3px 3px 12px #000;height:82px; line-height:82px; }
.x_catalog h3{ color:#fff; text-align:center; font-size:38px; font-weight:700; font-family:poppins;}
.x_phone{ width:100%; background-color:#9c282c;padding:20px 0px; color:#fff; }
.x_phone h3{font-size:26px;}
.x_phone span{ float:right;}

.content_box{ width:1110px; margin:80px auto 40px auto;}
.content_box .content{padding:0 0px; width:28.3%; margin:0 5% 3% 0;float:left;text-align:center;}
.content_box .content img{ width:94%; margin:0px auto -4px auto;box-shadow:3px 3px 12px #000;}
.content_box .content .title{ width:100%; color:#fff; background-color:#9f2023;box-shadow:3px 3px 12px #000; z-index:999;}
.content_box .content .title a{font-size:16px; line-height:24px; color:#fff;text-align:center; padding:18px 0px; font-weight:400;}
.content_box .content .title a:hover{ text-shadow:2px 2px 2px rgba(0,0,0,0.4); color:#000;}

.phond{ width:1100px; height:100px; margin:auto; background:url(../images/p4.jpg) no-repeat;}
.phond .phond_right{ float:right; width:370px; text-align:center; font-size:18px; line-height:100px; font-weight:bold; color:#333;}
.phond .phond_left{ float:right; width:150px; padding:30px 15px 0 0;}
.phond .phond_left a{ font-size:14px; font-weight:bold; text-align:center; line-height:40px; color:#e5e5e5;}
.phond .phond_left a:hover{ color:#fff;}

.company_box{ width:100%; margin:0px auto; overflow:hidden; background-color:#fff;}
.company_box .company_left{ float: left; width:50%; padding:0 0px; overflow:hidden;}
.company_box .company_left img{ width:100%; margin-bottom:-6px;}
.company_box .company_left span{display:inline-block; width:550px; font-size:16px; padding-left:16px; line-height:30px; color:#666; font-weight:bold; background:url(../images/h3.png) no-repeat;}
.company_box .company_left .company_btn{ width:150px; border:2px #666 solid; border-radius:20px; margin-top:20px;}
.company_box .company_left .company_btn a{ font-size:14px; font-weight:bold; color:#666; line-height:36px; text-align:center;}
.company_box .company_right{ width:50%; float:right; text-align:center;}
.company_box .company_right p{ font-size:18px; color:#333; margin-bottom:16px; padding:0% 22% 0px; text-align:left;}
.company_box .company_right h3{ font-size:30px; font-weight:bold; color:#333; line-height:50px; padding:15% 10% 30px;}


.company_box1{ width:100%; margin:0px auto; overflow:hidden; background-color:#fff;}
.company_box1 .company_left{ width:50%; float:left; text-align:center;}
.company_box1 .company_left p{ font-size:18px; color:#444; margin-bottom:16px; padding:0% 22% 0px; text-align:left;}
.company_box1 .company_left h3{ font-size:30px; font-weight:bold; color:#111; line-height:50px; padding:20% 10% 30px;}
.company_box1 .company_right{ float:right; width:50%; padding:0 0px; overflow:hidden;}
.company_box1 .company_right img{ width:100%; margin-bottom:-6px;}

.huishe{ background:#f5f5f5; overflow:hidden; margin-top:158px;}

.contenta_box{ width:1100px; margin:40px auto;}
.contenta_box h1{ font-size:38px; line-height:80px; text-align:center; font-weight:bold;color:#333;}
.contenta_box p{ font-size:16px; color:#333; line-height:28px; text-align:center;}
.contenta_box h4{ display:inline-block; background:#e5e5e5; width:1100px;font-size:16px; color:#9f2023; line-height:40px; text-align:center; font-weight:bold; padding:20px 0;}

/*-----------------DOWNLOADS*/

.contentb_box{ width:1110px; margin:30px auto; }
.contentb_box h1{ font-size:38px; line-height:80px; text-align:center; font-weight:bold;color:#333;}
.x_downlist{width:100%; overflow:hidden;padding:40px 0px;}
.x_downlist ul {width:100%; }
.x_downlist ul li {width:450px; margin:0 40px 10px 40px; float:left; border-bottom:0px solid #ddd;padding:6px 0px;}
.x_downlist ul li a{ color:#444;}
.x_downlist ul li a:hover{ color:#af403b;}
.x_downlist li h3{ font-size:16px; font-weight:700;}
.x_downlist li h3 span{ float:right;}

.x_newslist{width:100%; overflow:hidden;padding:40px 0px;}
.x_newslist ul {width:100%; }
.x_newslist ul li {width:100%; margin:0 0% 20px 0%;  border:0px dotted #ddd;padding:2%; background-color:#fff; overflow:hidden;}
.x_newslist ul li img{width:300px; margin:0 3% 20px 0%; float:left; border:0px dotted #ddd; background-color:#fff;}
.x_newslist ul li a{ color:#444;}
.x_newslist ul li a:hover{ color:#af403b;}
.x_newslist li h3{ font-size:22px; font-weight:700; border-bottom:0px dotted #ddd;padding:12px 30px 0px 0px;}
.x_newslist li h4{ color:#888;font-size:14px; padding:12px 0px;}
.x_newslist li p{ text-align:left;font-size:16px; line-height:22px; color:#666; padding:0px 30px 0px 0px;}



.x_newsdetail{width:100%;}
.x_newsdetail h2{ font-size:24px; font-weight:700; padding:12px 0px 0px 0px; text-align:left;}
.x_newsdetail h3{ font-size:16px; border-bottom:1px dotted #ddd;padding:6px 0px 16px 0px; text-align:left; color:#888; margin-bottom:30px;}
.x_newsdetail p{ text-align:left;font-size:16px; line-height:26px; color:#666; margin-bottom:16px;}


.x_other{  border-top:1px dotted #ddd;padding:0px 0px 12px 0px; overflow:hidden; margin-top:40px;}
.aa{ float:left;width:80%; font-size:16px; line-height:24px; margin-top:20px;}
.aa a{ color:#444;}
.bb{ float:right;width:20%; text-align:right; }
/*----------------contact us*/

.contenta_box h2{ font-size:18px; font-weight:bold; color:#333; text-align:center; line-height:40px;}

/*------Legal & Privacy Statement*/

.contentc_box{ width:1100px; margin:auto; padding:20px 0 40px 0;}
.contentc_box>h1{ font-size:24px; font-weight:bold; color:#333; line-height:80px;}
.contentc_box>h2{ font-size:24px; font-weight:bold; color:#9f2023; line-height:80px;}
.contentc_box>p{ font-size:14px;color:#333; line-height:24px;}



.product_box{ width:1100px; margin:auto; overflow:hidden; padding:0px 0px 60px 0px;}
.product_box .product_nav{width:260px; float:left; padding-top:40px;}
.product_box .product_nav h1{background-color:#f5f5f5;color:#666; font-size:16px; font-family:roboto; font-weight:bold;line-height:22px;padding:8px 0 8px 20px;border-radius:20px; margin:8px 0; border:1px #999 solid; text-transform:uppercase; }
.product_box .product_nav a{color:#666;}
.product_box .product_nav h1:hover a{color:#9f2023;}
.product_box .product_nav h1:hover{text-shadow:0 2px 2px rgba(0,0,0,0.4); box-shadow:0 1px 4px rgba(0,0,0,0.3) inset;color:#9f2023;}
.product_box .product_nav dl{line-height:24px;padding-bottom:20px;padding-top:10px;}
.product_box .product_nav h1>dl>dd>a{ font-size:14px;display:block;}
.product_box .product_nav dd{padding-left:20px;}
.product_box .product_nav dd:hover{background-color:#9f2023; border-radius:12px 0 0 12px;}
.product_box .product_nav dd:hover a{color:white;}

.product_box .products{ float:right; width:810px; padding-right:5px; margin-top:6px;}
.product_box .products>h1{ font-size:18px; font-weight:bold; color:#333; text-align:left; padding:15px 0;  }
.product_box .products>p{ font-size:14px;color:#333; text-align:left; line-height:24px;}

.xiana{ height:1px; background:#e5e5e5; margin:15px 0;}


.product .prod{ float:left; width:270px; margin-bottom:20px;}
.product .prod .photo{ width:268px; background:#e5e5e5; border:1px #999 solid;}
.product .prod .photo img{ width:100%;}
.product .prod h1{ font-size:16px; font-weight:bold; color:#9f2023; line-height:20px; text-align:center; padding:10px 10px;border:0px solid #F50; height:26px;}
.product .prod h1 a{ color:#af403b;}
.product .prod h1:hover a{ color:#fff;}
.product .prod p{ font-size:14px; color:#333; line-height:20px; text-align:center;}
.product .prod:hover{ background:#9f2023;}
.product .prod:hover h1{ color:#fff;}
.product .prod:hover h1 a{ color:#fff;}
.product .prod:hover p{ color:#fff;}
.product .prod:hover .photo{border:1px #9f2023 solid;}

.product_box .products .photop{ width:100px; margin:auto; padding-top:15px;}
.product_box .products h2{font-size:18px; font-weight:bold; color:#339966; text-align:center; padding:10px 0;}
.product_box .products h4{font-size:26px; font-weight:bold; color:#111; text-align:center; padding:0px 0; margin:0px;}
.products h3{ font-size:18px; font-weight:bold; color:#9f2023; text-align:center; padding:15px 0;}

.x_productdetail{  width:100%; overflow:hidden; text-align:center; margin-top:40px; }
.x_productdetail img{ margin:0px auto; border:4px solid #eee; text-align:center;}
.x_productdetail h3{ text-align:center; padding:10px 0px;}
.x_content{ font-size:16px; line-height:24px; margin-top:30px; text-align:left;}

.footer_box{ width:100%; margin:auto; border-bottom:0px #e5e5e5 solid; background:url(../images/foot_bj.jpg) no-repeat; padding:60px 0px 10px 0px; background-position:bottom;}
.footer_box .footer_left{ width:500px; float:left; margin-top:60px;}
.footer_box .footer_left img{ opacity:1; transition:all 1s; max-width:350px;}
.footer_box .footer_right{ float:right;}
.footer_box .footer_right dl{ padding-top:45px;}
.footer_box .footer_right dd{ font-size:16px; font-weight:bold; line-height:24px; color:#fff; padding:10px 0px 10px 30px;}


.footer_bottom{ width:100%; margin:90px auto 0px;border-top:1px solid #444;padding:10px 0px 0px 0px;}
.footer_bottom .fooa{ float:left; font-size:16px; font-weight:bold; color:#fff; line-height:50px; padding-left:0px;}
.footer_bottom .foob{ float:right;}
.footer_bottom .foob span{ float:right; padding:0 15px;}
.footer_bottom .foob span a{font-size:14px; font-weight:bold; color:#bababa; line-height:50px;}
.footer_bottom .foob span a:hover{color:#9f2023;}

.pa{ background:url(../images/gongshi.svg) no-repeat 7px center;}
.pb{ background: url(../images/fnagzhi.svg) no-repeat 7px center;}
.pc{ background: url(../images/dianhua1.svg) no-repeat 7px center;}
.pd{ background: url(../images/chaunzheng.svg) no-repeat 7px center;}
.pe{ background: url(../images/youxiang1.svg) no-repeat 7px center;}
.pf{ background: url(../images/diqiu.svg) no-repeat 7px center;}


.name_box
{perspective:40000px;
-webkit-perspective:40000px;
transform-style:preserve-3d;
-webkit-transform-style:preserve-3d;	
transition:all 0.5s;
position: absolute;
top:50%; left:50%; margin-top:-18px; margin-left:-172px;
height:36px;
width:344px;
}
.positive
{ height:36px;
width:344px;
position:absolute; left:0; top:0; z-index:5;
	backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;

}
.contrary{height:36px;
width:344px;	
	position:absolute; left:0; top:0; z-index:4;
	transform:rotateY(180deg);
-webkit-transform:rotateY(180deg); 
-moz-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
	backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
/*	backface-visibility:visible;
	-webkit-backface-visibility:visible;
-moz-backface-visibility:visible;
-ms-backface-visibility:visible;
-o-backface-visibility:visible;*/

}
.name_box:hover{transform:rotateX(180deg);}

@media (mx-width: 1366px) {
.company_box .company_right h3{ font-size:30px; font-weight:bold; color:#fefefe; line-height:50px; padding:10% 10% 30px; border:3px solid #F60;}
}
.text_center { text-align: center; margin:0px auto;}
.x_page a,.x_page span {
        display: inline-block; 
        font-size: 15px;
        color:#fff;
        width:38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        margin:0 4px 30px auto;
        background: #ccc;
        border-radius: 6px;
        -moz-border-radius: 6px
        -webkit-border-radius:  6px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .x_page a:hover,.x_page span.current {
        background: #ff9d00;
        color:#fff;
    }
a.button_2:link,a.button_2:visited{
	display:block;
	margin:30px 0px 16px 0px;
	width:120px;
	height:36px;
	line-height:36px;
	background-color:#af403b;border:1px solid #af403b;
	border-radius:2px;
	font-weight:normal;
	cursor:pointer;
	text-align: center;
	letter-spacing:0px;
	font-size:16px;
	color:#FFFFFF;
}
a.button_2:hover{
background-color:#fff;width:120px;
border:1px solid #af403b;
	color:#af403b;height:36px;
	line-height:36px;
	text-decoration: none;
	font-size:16px;
	text-align: center;
}