@charset "utf-8";
/** reset **/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,button,textarea,select{margin:0;padding:0}
body{font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif;font-size:12px;line-height:24px;color:#666;background:#fff;}
textarea{resize:none;}
ol,ul,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{border:none;background:none;outline:none;}
.clearfix:after{clear:both;content:"\200B";display:block;height:0;}
.clearfix{*zoom:1;}
a{color:#666;text-decoration:none;outline:none;}
a:focus{outline:none;}
a:hover{text-decoration:none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.oh{overflow:hidden;}

.w100{width:100%; background:url(../images/chanp_shu.jpg);}
.w140{width:100%; margin:0 auto; height:500px;  background:url(../images/chanp22.jpg);}
.w140 span{width:600px; display:block; margin:0 auto; font-size:33px; color:#fff; text-align:center; padding-top:51px; line-height:47px;}
.w140 span p{font-size:14px; line-height:33px; font-weight:bold;}

.pro{width:1200px; margin:0 auto;}
.pro_lis{width:580px; float:left; height:430px;}
.pro_lis h5{height:71px; line-height:32px; font-size:18px; width:100%; display:block; color:#000000; border-bottom:1px solid #aaa8a9; }
.pro_lis h5 span{margin-top:39px; display:block; width:50%; float:left; font-weight: bold;}
.pro_lis h5 p{display:block; float:right; margin-top:39px;     font-size: 12px;     color: #000; }
.pro_lis ul li{width:280px; height:340px; float:left; margin-right:10px;}
.pro_lis ul li img{ width:280; height:280px; display:block; margin-top:43px;}
.pro_lis ul li span{width:280px; height:31px; line-height:31px; font-size:14px; text-align:center; background-color:#f6f6f6; color:#000; display:block; }
.pro_lis ul li:nth-child(3){margin-right:0px;}
.w191{width:39px; float:left; height:20px;}

.yongtu{width:100%; background:url(../images/yongtu.jpg);}
.yongtu_top{width:1400px; height:257px; background:url(../images/yongtu_top.jpg); margin:0 auto; }
.yongtu_top span{width:664px; display:block; margin-left:520px; font-size:33px; color:#fff; text-align:center; padding-top:90px; font-weight:bold; line-height:47px;}
.yongtu_top span p{font-size:14px; line-height:33px;}

.yingyong{width:1200px; margin:0 auto; padding-top:180px;}
.yingyong ul{position:relative;}
.yingyong ul li{width:220px; height:200px; display:block; float:left; margin:0 40px; margin-bottom:50px;}
.yingyong ul li img{width:220px; height:144px; display:block;}
.yingyong ul li span{width:220px; height:57px; line-height:57px; font-size:21px; color:#3b3b3b; display:block; text-align:center;}

.yingyong ul li:nth-child(2){ margin-top:-125px;}
.yingyong ul li:nth-child(3){ margin-top:-125px;}
.yingyong ul li:nth-child(6){ margin-top:125px;}
.yingyong ul li:nth-child(7){ margin-top:125px;}
.cl_con{width:340px; font-size:35px; line-height:57px; color:#000; text-align:center; position:absolute; top:160px; left:428px;}
.cl_con p{width:340px; display:block; font-size:14px; line-height:28px; border-top:2px solid #000;}

.hezuo{width:1200px; margin:50px auto 20px auto; height:400px;}
.hezuo h5{height:48px; display:block; font-size:18px; font-weight:bold; margin-bottom:18px; border-bottom:2px solid #cccccc; line-height:48px; color:#000;}
.hezuo h5 span{display:block; float:left;}
.hezuo h5 p{display:block; float:right; font-size:14px;}


.kehuanli_bd{width:1200px;height:230px; margin:0 auto;position:relative;}
.kehuanli_bd .tempWrap{width:1200px !important; display:block; margin:0 auto;}
.kehuanli_bd li{width:244px;height:230px;float:left;margin-right:30px;position:relative;}
.kehuanli_bd li img{width:240px;height:149px;position:absolute;top:0px;left:0px;z-index:2;transform:rotateY(0deg);transition: all 0.6s ease 0s;backface-visibility:hidden;border:3px solid #d9d9d9;}
.kehuanli_bd li span{display:block;width:240px;height:149px;background:#ee1d23;line-height:149px;text-align:center;font-size:16px;position:absolute;top:0px;left:0px;transform:rotateY(-180deg);transition: all 0.5s ease 0s;backface-visibility:hidden;color:#fff;}
.kehuanli_bd li:hover img{transform:rotateY(180deg);}
.kehuanli_bd li:hover span{transform:rotateY(0deg);}

.haocai{width:1200px;height:300px; margin:0 auto;position:relative;}
.haocai .tempWrap{width:1200px !important; display:block; margin:0 auto;}
.haocai li{width:290px;height:300px;float:left;margin: 0 5px;position:relative;}
.haocai li img{width:290px;height:290px; display:block; margin:0 auto;position:absolute;top:0px;left:0px;z-index:2;transform:rotateY(0deg);transition: all 0.6s ease 0s;backface-visibility:hidden;}
.haocai li span{display:block;width:290px;height:290px;background:#ee1d23;line-height:260px;text-align:center;font-size:16px;position:absolute;top:0px;left:0px;transform:rotateY(-180deg);transition: all 0.5s ease 0s;backface-visibility:hidden;color:#fff;}
.haocai li:hover img{transform:rotateY(180deg);}
.haocai li:hover span{transform:rotateY(0deg);}
/*.kehuanli_bd .prev{display:block;width:48px;height:100px;position:absolute;left:0;background:url(../images/hl.png) no-repeat;cursor:pointer; z-index:999}
.kehuanli_bd .next{display:block;width:48px;height:100px;position:absolute;right:10px;background:url(../images/hr.png) no-repeat;cursor:pointer;z-index:999}
*/
.biaoti{width:100%; height:48px; display:block; line-height:48px; font-size:19px; color:#000; margin-top:149px; text-align:center;}


.shipin{width:1200px; margin:0 auto; height:490px;}
.shipin h5{height:48px; display:block; font-size:18px; font-weight:bold; margin-bottom:29px; border-bottom:2px solid #cccccc; line-height:48px; color:#000;}
.shipin h5 span{display:block; float:left;}
.shipin h5 p{display:block; float:right; font-size:14px;}
.shipin ul li{width:226px; height:189px; display:block; position:relative; margin:0 7px; float:left; margin-top:12px;}
.shipin ul li img{width:100%; height:100%;}
.shipin ul li span{width:250px; height:40px; margin-left:3px; line-height:20px; font-size:16px; font-weight:bold; color:#fff; display:block; position:absolute; bottom:0px}

/* 优势 */

.home-why{ padding:50px 0 80px; width:1200px;margin:0 auto; margin-top:50px; }
.home-why-title{ height:150px; background:url(../images/why-title.png) no-repeat center top; }

.home-wu-content{ position:relative; height:410px;}

.home-wu-pic{ position:absolute;}

.home-wu-text{ position:relative; float:left;}
.home-wu-text h6{ width:64px; height:73px; text-align:center; font-size:34px; line-height:72px; color:#fff; background:url(../images/icon-advantage-bg.png) no-repeat left top; position:absolute; left:0; top:4px;}
.home-wu-text h2{ font-weight:700; font-size:35px; line-height:34px; color:#000000;}
.home-wu-text h2 p{ color:#333; display:block; float:left; color:#d82505;}
.home-wu-text ul{ padding:10px 0 30px;}
.home-wu-text ul li{ color:#000 !important; background-repeat:no-repeat; background-position:left 8px; font-size:16px; width:560px; line-height:24px; color:#555; margin-top:33px;}
.home-wu-text ul li em{color:#e02306 !important; font-style: normal;}
.home-wu-text ul li:nth-last-child(1){ border:none;}
.home-wu-text a{ display:inline-block; padding:0 28px 0 20px; border-radius:15px;font-weight:normal; text-transform:uppercase; font-size:12px; height:30px; line-height:30px; color:#fff; background-color:#008dd7; background-image:url(../images/icon-w-jiao.png); background-repeat:no-repeat; background-position:100px 50%;}
.home-wu-text a:hover{ background-color:#008dd7}

.home-wu-1 .home-wu-pic{ right:0; top:5px;}
.home-wu-2 .home-wu-pic{ left:0; top:0px;}
.home-wu-3 .home-wu-pic{ right:0; top:5px;}
.home-wu-4 .home-wu-pic{ left:0; top:1px;}

.home-wu-1 .home-wu-text{ margin-right:650px; margin-left:0px; margin-top:90px;}
.home-wu-2 .home-wu-text{ margin-left:676px; margin-top:120px;}
.home-wu-3 .home-wu-text{ margin-right:650px; margin-left:0px; margin-top:90px;}
.home-wu-4 .home-wu-text{ margin-left:715px; margin-top:105px;}

.zhongjian{width:74px; height:182px; position:absolute; top:108px; left:49%; background-color:#03F;}

/*in_about*/
.in_about_cn{height:248px;}
.in_about100{width:100%; background-color:#e3ecf3;}
.in_about{ height:481px; width:1291px; margin:0 auto;}
.in_about_left{width:900px; height:481px; float:left;}
.in_about_left h5{width:900px; }
.in_about_left h5 img{margin-left:51px}
.in_about_cn img{width:331px; height:217px; display:block; margin-left:20px; border:6px solid #fff; margin-top:9px; float:left;}
.in_about_cn span{width:451px; height:184px; display:block; margin:14px 0 0 15px; float:left; line-height:27px; font-size:15px;}

.in_about_left_tap{width:881px;height:127px;position:relative; margin-left:20px;}
.in_about_left_tap .tempWrap{width:881px !important; display:block;}
.in_about_left_tap li{width:199px;height:127px;float:left;margin-right:7px;position:relative;}
.in_about_left_tap li img{width:199px;height:149px;position:absolute;top:0px;left:0px;z-index:2;transform:rotateY(0deg);transition: all 0.6s ease 0s;backface-visibility:hidden;}
.in_about_left_tap li span{display:block;width:199px;height:149px;background:#ee1d23;line-height:149px;text-align:center;font-size:16px;position:absolute;top:0px;left:0px;transform:rotateY(-180deg);transition: all 0.5s ease 0s;backface-visibility:hidden;color:#fff;}
.in_about_left_tap li:hover img{transform:rotateY(180deg);}
.in_about_left_tap li:hover span{transform:rotateY(0deg);}
.in_about_right{float:right;}


.in_lis{width:300px;}
.in_lis h5{width:300px; height:44px; display:block; line-height:44px; border-bottom:2px solid #e9e9e9; font-weight:bold; color:#000;}
.in_lis h5 p{float:right; margin-right:5px;     color: #000 !important; font-size: 12px;}
.in_lis li{ height:48px; line-height:48px; font-size:18px; color:#333; width: 300px; overflow: hidden; background:url(../images/icon-jiao-b.png) no-repeat 20px center ; border-bottom:1px dotted #ccc}
.in_lis li a{padding-left:50px;}
.in_lis li a:hover{color:#F00;}

.w1400{width:1200px; margin:0 auto; margin-top:26px;}
.w1400 .in_lis{margin-right:149px; float:left; margin-bottom: 40px; height:483px;}
.liucheng_bg{background-color:#fafbfd; margin-top:130px;}



/* 在线客服样式 */

.kefuBox{position:fixed;z-index:1000;top:180px;right:0;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);}
.kefuBox .kefuLeft{float:left;overflow:hidden;width:30px;height: 157px;cursor:pointer;background:url(../images/kefu_l.png) no-repeat}
.kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:0;}
.kefuBox .kefuTop{width:154px;height:46px;background:url(../images/kefu_top.png) no-repeat;}
.kefuBox .kefuClose{float:right;overflow:hidden;width:154px; height:46px;display:block;cursor:pointer;}
.kefuBox .kefuBottom{width:154px;height:12px;background:url(../images/kefu_bottom.png) no-repeat;}
.kefuBox .kefuCont{width:130px;padding:0 12px;background:url(../images/kefu_line.png) repeat-y;overflow:hidden;}
.kefuBox .kefuCont ul{margin:0;padding:0;}
.kefuBox .kefuCont ul li{width:80px;line-height:28px;overflow:hidden;height:28px;padding-left:40px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.kefuBox .kefuCont ul li a{color:#333;}
.kefuBox .kefuCont ul li.pic{width:130px;height:89px;margin-bottom:10px;padding:0;}
.kefuBox .kefuCont ul li.qq{background:url(../images/qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(../images/wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(../images/skype.png) no-repeat}
.kefuBox .kefuCont ul li.codeer{display:block;width:130px;height: 165px;text-align:center;color:#fff;padding:10px 0 0;font-family:"微软雅黑";font-size:14px;margin-bottom:0;}
.kefuBox .kefuCont ul li.codeer p{display:block;height:35px;line-height:35px;}
.kefuBox .kefuCont ul li.codeer span{display:block;width:116px;height:116px;padding:7px;background:url(../images/cobj.png) no-repeat;}
.kefuBox .kefuCont ul li.codeer span img{width:116px;height:116px;}

.xuanze{width: 1920px;
    margin: 0 auto;
    position: relative;
    height: 550px;
    overflow: hidden;
    left: 50%;
    margin-left: -960px;

}
.juzhongp{width: 1920px;
    margin: 0 auto;
    position: relative;
    height: 500px;
    overflow: hidden;
    left: 50%;
    margin-left: -960px;

}
.head{width:1200px; height:160px; margin:0 auto; position:relative;}
.head h1{width:98px; height:136px; display:block; float:left; margin-top:9px;}
.head h1 img{width:98px; height:136px;}
.head_ph{width:444px; height:160px; font-size:24px; color:#035178;float:left; line-height:40px; font-weight:bold;}
.head_ph span{float:right;}
.head_ph p{float:left; margin-left:20px;}

.from{float:left;}
.searcha{width:328px; height:40px; display:block; border:1px solid #ccc; float:left; margin-left:30px;}
.button{float:left; width:55px; height:55px; display:block; background:url(../images/suosuok.jpg) no-repeat center center;}
.head_ph_le{width:333px; margin-left:9px; margin-top:30px;}

.resou{font-size:12px; color:#ccc; float:left !important; line-height:13px !important;margin-top:-10px; margin-left:30px;}
.resou a{padding:0 3px; color:#000; }
.head_nav{float:right; border-right:1px solid #ccc;}
.head_nav li{width:92px; height:160px; text-align:center; line-height:159px; float:left; border-left:1px solid #ccc;}
.head_nav li a{width:92px; height:155px; display:block;}
.head_nav li a.active{border-bottom:5px solid #0168b7}
.head_nav li a:hover{border-bottom:5px solid #0168b7}

.wrap12{width:1200px; margin:0 auto;}
.nei_img{{width: 1920px;
    margin: 0 auto;
    position: relative;
    height: 255px;
    overflow: hidden;
    left: 50%;
    margin-left: -960px;
	border-top:1px solid #ccc;
}
.head_nav li:hover .wd120{display:block !important;}