锘緻charset "utf-8";
html{-webkit-text-size-adjust: none;overflow-x:hidden;position: relative;height: 100%;background: #fafafa;}
body {font-family:Arial,Helvetica,sans-senif,"Microsoft YaHei";color:#555;font-size:0.9em;border:0;padding:0;margin:0; background-color:#fafafa;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,ul,ol,li,input,p,dl,dt,dd{border:0;padding:0;margin:0;list-style-type:none;font-weight: normal;}
a,a:hover{text-decoration:none;color:#555;}
img{border:0;vertical-align:top}
.clear{clear:both;}
.clearfix:after { content: ""; display: table; clear: both; }
.clearfix { *zoom:1;}

@keyframes ripple {
0% {width:13px;height:13px;opacity: 1;}
100% {width:15px;height:15px;margin-top: -5px;opacity: 1}
}
@keyframes ripple2 {
0% {border:2px solid #f00;}
100% {border:5px solid #f00;}
}

.dot {
	background:#fff;
/*box-shadow: 0 0 10px rgba(0,0,0,.3) inset;*/
-webkit-animation-name:'ripple';/*鍔ㄧ敾灞炴€у悕锛屼篃灏辨槸鎴戜滑鍓嶉潰keyframes瀹氫箟鐨勫姩鐢诲悕*/
-webkit-animation-duration: 2s;/*鍔ㄧ敾鎸佺画鏃堕棿*/
-webkit-animation-timing-function: ease; /*鍔ㄧ敾棰戠巼锛屽拰transition-timing-function鏄竴鏍风殑*/
-webkit-animation-delay: 0s;/*鍔ㄧ敾寤惰繜鏃堕棿*/
-webkit-animation-iteration-count: infinite;/*瀹氫箟寰幆璧勬枡锛宨nfinite涓烘棤闄愭*/
-webkit-animation-direction: alternate;/*瀹氫箟鍔ㄧ敾鏂瑰紡*/
}

.dot2 {
	background:#fff;
/*box-shadow: 0 0 10px rgba(0,0,0,.3) inset;*/
-webkit-animation-name:'ripple2';/*鍔ㄧ敾灞炴€у悕锛屼篃灏辨槸鎴戜滑鍓嶉潰keyframes瀹氫箟鐨勫姩鐢诲悕*/
-webkit-animation-duration: 3s;/*鍔ㄧ敾鎸佺画鏃堕棿*/
-webkit-animation-timing-function: ease; /*鍔ㄧ敾棰戠巼锛屽拰transition-timing-function鏄竴鏍风殑*/
-webkit-animation-delay: 0s;/*鍔ㄧ敾寤惰繜鏃堕棿*/
-webkit-animation-iteration-count: infinite;/*瀹氫箟寰幆璧勬枡锛宨nfinite涓烘棤闄愭*/
-webkit-animation-direction: alternate;/*瀹氫箟鍔ㄧ敾鏂瑰紡*/
}

.header{width: 100%;height:138px;margin:0 auto;background: url(../images/header_bg.jpg) no-repeat center top;}
.header .top{width: 1200px;margin:0 auto;padding:10px 0 10px;}
.header .top .logo{width: 490px;float: left;}
.header .top .lang{width: 200px;text-align: right;float: right;margin-top: 30px;}
.header .header-box{width: 1200px;margin:0 auto;}
.header .header-box .menu{width: 780px;float: left; position:absolute; z-index:99999}
.header .header-box .menu ul{}
.header .header-box .menu ul li{width: 100px;height:30px;line-height:30px;float: left;text-align: center;position: relative;}
.header .header-box .menu ul li a{font-size: 16px;}
.header .header-box .menu ul li a:hover{color: #f20000;}
.header .header-box .menu ul li .sub-nav{display:none;width: 100px;position: absolute;left:0;top:38px;background: #eaf0f6;border-top: 2px solid #f20000;z-index: 9999999;}
.header .header-box .menu ul li .sub-nav a{display: block;line-height: 30px;font-size: 13px;border-bottom: 1px solid #d9d9d9;}
.header .header-box .menu ul li .sub-nav a:hover{background: #254081;color: #fff;}
.header .header-box .menu ul li a.activee{color: #f20000;}





.header .header-box .search{width: 260px;float: right;}
.header .header-box .search .text{width: 225px;height: 25px;border: 1px solid #ccc;float: left;text-indent: 0.5em;}
.header .header-box .search .btn{width: 25px;height: 27px;background: url(../images/ico_search.png) no-repeat center center
	;border: 1px solid #ccc;border-left: 0;float: left;cursor: pointer;}

.banner.index{width: 100%;height: 813px;background: url(../images/bg_index.jpg) no-repeat center center;}
.banner.index{}
.slideBox{width:100%;position:relative;padding:35px 0;}
.slideBox .hd{width:1200px;margin:0 auto;height:54px; overflow:hidden; z-index:99}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{float:left;cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{width:100%;position: relative;}
.slideBox .bd li div{width: 1200px;margin:0 auto;position: relative;top:-370px;left:-75px}
.slideBox .bd li div img.ad{position: absolute;left:70px;top:20px;}
.slideBox .bd li div img.line{position: absolute;z-index: 999;}
.slideBox .bd li div img.line.l_01{left:520px;top:-45px;}
.slideBox .bd li div img.line.l_01a{left:680px;top:-49px;}
.slideBox .bd li div img.line.l_01b{left:800px;top:-27px;}








.slideBox .bd li div img.line.l_02{left:887px;top:45px;}
.slideBox .bd li div img.line.l_03{left:900px;top:185px;}
.slideBox .bd li div img.line.l_04{left:880px;top:240px;}
.slideBox .bd li div img.line.l_05{left:905px;top:240px;}
.slideBox .bd li div img.line.l_06{left:665px;top:270px;}
.slideBox .bd li div img.line.l_07{left:480px;top:275px;}
.slideBox .bd li div img.line.l_08{left:300px;top:415px;}
.slideBox .bd li div img.line.l_09{left:155px;top:315px;}
.slideBox .bd li div img.line.l_10{left:117px;top:219px;}
.slideBox .bd li div img.line.l_11{left:193px;top:80px;}


.slideBox .bd li img.car{width:667px;display: block;margin:0 auto 0;position: relative;top:130px;}
.slideBox .bd li a{width: 120px;height: 120px;border-radius:50%;display: block;position: absolute;z-index: 999999;}
.slideBox .bd li a:hover{opacity: 0.2;z-index: 999999;background:#fff;}
.slideBox .bd li a.a1{left:530px;top:-41px;}
.slideBox .bd li a.a2{left:711px;top:-49px;}
.slideBox .bd li a.a3{left:889px;top:-27px;}
.slideBox .bd li a.a4{left:1042px;top:56px;}
.slideBox .bd li a.a5{left:1145px;top:202px;}
.slideBox .bd li a.a6{left:1132px;top:380px;}
.slideBox .bd li a.a7{left:1009px;top:510px;}
.slideBox .bd li a.a8{left:850px;top:570px;}
.slideBox .bd li a.a9{left:678px;top:580px;}
.slideBox .bd li a.a10{left:498px;top:571px;}
.slideBox .bd li a.a11{left:315px;top:537px;}
.slideBox .bd li a.a12{left:168px;top:430px;}
.slideBox .bd li a.a13{left:133px;top:260px;}
.slideBox .bd li a.a14{left:207px;top:98px;}

.slideBox2{width:100%;height:35px;position: absolute;left:0;top:0;z-index: 9999;background:#fff;}
.slideBox2 .hd{width: 100%;height: 35px;}
.slideBox2 .hd ul{}
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:35px; height:35px;}
.slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox2 .bd{display: none;}

.banner{width: 667px;margin:0 auto;}


.banner.sub{width: 100%;height:362px;margin-bottom: 30px;}	
.banner.sub.s1{background: url(../images/banner_sub_01.jpg) no-repeat center top;}
.banner.sub.s2{background: url(../images/banner_sub_02.jpg) no-repeat center top;}
.banner.sub.s3{background: url(../images/banner_sub_03.jpg) no-repeat center top;}
.banner.sub.s4{background: url(../images/banner_sub_04.jpg) no-repeat center top;}
.banner.sub.s5{background: url(../images/banner_sub_05.jpg) no-repeat center top;}
.banner.sub.s6{background: url(../images/banner_sub_06.jpg) no-repeat center top;}

.wraper{width: 100%;margin:0 auto;}

.wraper.index{}
.wraper.index .subject{width: 100%;margin:25px auto;text-align:center;}
.wraper.index .part.p1{width: 100%;height: 515px;background: url(../images/p1_bg.jpg) no-repeat center top;}
.wraper.index .part.p1 .p1-box{width: 1160px;margin:0px auto;padding:90px 0;}
.wraper.index .part.p1 .p1-box .p1-left{width: 550px;height: 327px;background: url(../images/p1_left_bg.jpg) no-repeat;float: left;color: #fff;}
.wraper.index .part.p1 .p1-box .p1-left h2{width: 450px;margin:0 auto;padding:30px 0 15px;text-align: center;}
.wraper.index .part.p1 .p1-box .p1-left p{width: 450px;margin:0 auto;line-height: 25px;text-align: center;margin-bottom: 10px;}
.wraper.index .part.p1 .p1-box .p1-left p a{width: 115px;height: 30px;line-height:30px;display: inline-block;background: #e6e6e6;color: #cb3131;text-align: center;border-radius: 15px;margin:10px 0;font-size: 16px;}
.wraper.index .part.p1 .p1-box .p1-left p a:hover{text-decoration:underline;}
.wraper.index .part.p1 .p1-box .p1-right{width: 550px;height: 327px;background: url(../images/p1_right_bg.jpg) no-repeat;float: right;}

.wraper.index .part.p2{}
.wraper.index .part.p2 .p2-box{width: 1200px;margin:0 auto;}
.wraper.index .part.p2 .p2-box ul{}
.wraper.index .part.p2 .p2-box ul li{width: 385px;float: left;margin-right: 20px;margin-bottom:20px;position: relative; background-color:#e2e3e7}
.wraper.index .part.p2 .p2-box ul li:hover img{opacity: 0.8;}
.wraper.index .part.p2 .p2-box ul li:nth-child(3){margin-right: 0;}
.wraper.index .part.p2 .p2-box ul li:last-child{margin-right: 0;}
.wraper.index .part.p2 .p2-box ul li span{display: inline-block;width: 180px;line-height: 35px;text-align: center;position: absolute;left:50%;top:5px;}
.wraper.index .part.p2 .p2-box ul li:hover span{background: #cb3131;color:#fff;border-radius: 20px;}

.wraper.index .part.p3{width: 100%;height: 588px;background: url(../images/p3_bg.jpg) no-repeat center top;}
.wraper.index .part.p3 .p3-box{width: 1200px;margin:0 auto;color: #fff;}
.wraper.index .part.p3 .p3-box .p3-left,.wraper.index .part.p3 .p3-box .p3-right{width: 45%;float: left;}
.wraper.index .part.p3 .p3-box .p3-left{padding-top: 330px;}
.wraper.index .part.p3 .p3-box .p3-right{float: right;padding-top: 50px;}
.wraper.index .part.p3 .p3-box h2{width: 380px;border-bottom: 1px solid #ccc;font-size: 18px;padding:15px 0;margin-bottom: 10px;}
.wraper.index .part.p3 .p3-box h2 a{color: #fff;}
.wraper.index .part.p3 .p3-box p{width: 380px;line-height: 25px;}

.wraper.index .part.p4{width: 100%;margin-bottom: 35px;}
.wraper.index .part.p4 .p4-box{width: 1200px;height:525px;margin:0 auto;background: url(../images/p4_bg.jpg) no-repeat center top;}
.wraper.index .part.p4 .p4-box ul{}
.wraper.index .part.p4 .p4-box ul li{width:300px;height:190px;float: left;text-align: center;}
.wraper.index .part.p4 .p4-box ul li:nth-child(4){margin-right: 0;}
.wraper.index .part.p4 .p4-box ul li img:hover{opacity: 0.8;}

.wraper.common{width: 1200px;margin:0 auto 30px;}
.wraper.common .common-left{width: 240px;float: left;}
.wraper.common .common-left h1.subject{height: 82px;line-height: 82px;background: url(../images/subject_bg.jpg) no-repeat;text-align: center;margin-bottom: 0px;font-size: 26px;color: #254081;}
.wraper.common .common-left .ch{}
.wraper.common .common-left .ch ul{}
.wraper.common .common-left .ch ul li{background:#dfe2e6;line-height: 45px;font-size: 16px;text-align: center;}
.wraper.common .common-left .ch ul li a{}
.wraper.common .common-left .ch ul li:hover,.wraper.common .common-left .ch ul li.active{background:#254081;}
.wraper.common .common-left .ch ul li:hover a,.wraper.common .common-left .ch ul li.active a{color: #fff;}
.wraper.common .common-right{width: 930px;float: right;}
.wraper.common .pos{border-bottom: 1px solid #d9d9d9;line-height: 35px;margin-bottom: 25px;}
.wraper.common .pos strong{height:35px;display: inline-block;border-bottom: 1px solid #254081;padding: 0 5px;font-size: 16px;position: relative;top: 1px}
.wraper.common .pos-box{float: right;color: #737373;}
.wraper.common .pos-box a{color: #737373;}
.wraper.common .pos-box a:hover{color: #f00;}
.wraper.common .common-right .timeline{margin-bottom: 35px}
.wraper.common .common-right .timeline dl{line-height: 35px;}
.wraper.common .common-right .timeline dl dt{width: 101px;float: left;border-right: 1px solid #f20000;position: relative;  }
.wraper.common .common-right .timeline dl dt em{width:9px;height:10px;background:#f20000;position: absolute;right:-5px;top:12px;border-radius: 50%;}
.wraper.common .common-right .timeline dl dd{width: 800px;float: right;}

.wraper.common .common-right .article{}
.wraper.common .common-right .article p{text-indent: 2em;line-height: 25px;margin-bottom: 5px;}
.wraper.common .common-right .article p.noindent{text-indent:0em;}

.wraper.common .common-right .core{}
.wraper.common .common-right .core .core-left{width: 380px;float: left;}
.wraper.common .common-right .core .core-left dl{padding:20px;height:auto;background: #3d7ab8;margin-bottom: 20px;color: #fff;}
.wraper.common .common-right .core .core-left dl:nth-child(2){background: #66cccc;}
.wraper.common .common-right .core .core-left dl dt{font-size: 18px;margin-bottom: 10px;}
.wraper.common .common-right .core .core-left dl dd{line-height: 23px;}
.wraper.common .common-right .core .core-right{width: 530px;float: right;}
.wraper.common .common-right .core .core-right dl{padding:20px;height:320px;background: #2e5c8a;color: #fff;}
.wraper.common .common-right .core .core-right dl dt{font-size: 18px;margin-bottom: 10px;}
.wraper.common .common-right .core .core-right dl dd{line-height: 25px;}
.wraper.common .common-right .core .core-right dl dd p{margin-bottom: 15px;}

.wraper.common .common-right .honner{}
.wraper.common .common-right .honner ul{}
.wraper.common .common-right .honner ul li{width: 216px;height: 300px;position:relative;float: left;margin-right:10px;margin-bottom:19px;border: 1px solid #d9d9d9;}
 
.wraper.common .common-right .honner ul li a{display: none;}
.wraper.common .common-right .honner ul li:hover a{display: block;width: 100%;height: 300px;position: absolute;left:0;top:0;z-index: 999;background: url(../images/bg.png) repeat;text-align: center;}
.wraper.common .common-right .honner ul li:hover a span{width:80%;margin:0 auto;color: #fff;position: relative;top:120px;display: inline-block;}

.wraper.common .common-right .product{}
.wraper.common .common-right .product ul{}
.wraper.common .common-right .product ul li{width: 215px;float: left;margin-right: 20px;margin-bottom: 20px;}
.wraper.common .common-right .product ul li:nth-child(4),.wraper.common .common-right .product ul li:nth-child(8),.wraper.common .common-right .product ul li:nth-child(12){margin-right: 0;}
.wraper.common .common-right .product ul li p{position: relative;}
.wraper.common .common-right .product ul li p img{border: 1px solid #d9d9d9;width: 100%;}
.wraper.common .common-right .product ul li p a{display:none;width: 100%;height: 100%;position: absolute;left:1px;top:1px;background: url(../images/pro-hover.png) no-repeat;background-cover: 100%;}
.wraper.common .common-right .product ul li p:hover a{display: block;}
.wraper.common .common-right .product ul li h2{line-height: 35px;text-align: center;font-size: 14px;}
.wraper.common .common-right .product ul li h2 a{color: #383838;}

.wraper.common .common-right .cus{}
.wraper.common .common-right .cus ul{}
.wraper.common .common-right .cus ul li{width: 216px;float: left;margin-right: 21px;margin-bottom: 20px;}
.wraper.common .common-right .cus ul li:nth-child(4),.wraper.common .common-right .cus ul li:nth-child(8),.wraper.common .common-right .cus ul li:nth-child(12),.wraper.common .common-right .cus ul li:nth-child(16){margin-right: 0;}
.wraper.common .common-right .cus ul li p{position: relative;}
.wraper.common .common-right .cus ul li p img{border: 1px solid #d9d9d9;width: 100%;}
.wraper.common .common-right .cus ul li p:hover img{opacity: 0.8;}

.wraper.common .common-right .carr{}
.wraper.common .common-right .carr ul{}
.wraper.common .common-right .carr ul li{width: 296px;float: left;margin-right: 20px;margin-bottom: 20px;position:relative;}
.wraper.common .common-right .carr ul li:nth-child(3),.wraper.common .common-right .carr ul li:nth-child(6),.wraper.common .common-right .carr ul li:nth-child(9){margin-right: 0;}
.wraper.common .common-right .carr ul li p{position: relative;}
.wraper.common .common-right .carr ul li p img{}
.wraper.common .common-right .carr ul li p a{}
.wraper.common .common-right .carr ul li p:hover img{opacity: 0.9;}
.wraper.common .common-right .carr ul li h2{width:100%;line-height: 38px;text-align: center;font-size: 16px;background: url(../images/opt.png) repeat;position: absolute;left:0;bottom: 0;}
.wraper.common .common-right .carr ul li h2 a{color: #fff;}
.wraper.common .common-right .carr ul li h3{width:100%;line-height: 38px;text-align: center;font-size: 16px;}
.wraper.common .common-right .carr ul li h3 a{color: #333;}






.wraper.common .common-right .car{}
.wraper.common .common-right .car ul{}
.wraper.common .common-right .car ul li{width: 296px;float: left;margin-right: 10px;margin-bottom: 20px;}
 
.wraper.common .common-right .car ul li p{position: relative;}
.wraper.common .common-right .car ul li p img{border: 1px solid #d9d9d9;width: 100%;}
.wraper.common .common-right .car ul li p a{display:none;width: 100%;height: 100%;position: absolute;left:1px;top:1px;background: url(../images/pro-hover0.png) no-repeat;background-cover: 100%;}
.wraper.common .common-right .car ul li p:hover a{display: block;}
.wraper.common .common-right .car ul li h2{line-height: 35px;text-align: center;font-size: 14px;}
.wraper.common .common-right .car ul li h2 a{color: #383838;}


.wraper.common .common-right .shop{margin-bottom: 25px}
.wraper.common .common-right .shop .shop-left{width: 360px;float: left;position: relative;}
.wraper.common .common-right .shop .shop-left img.thumb{width: 360px;height:270px;border:1px solid #d9d9d9;margin-bottom: 15px;}

.wraper.common .common-right .shop .shop-left .picScroll-left{width:360px;height:60px;margin:0 auto;position:relative;}
.wraper.common .common-right .shop .shop-left .picScroll-left .hd{}
.wraper.common .common-right .shop .shop-left .picScroll-left .hd .prev{width: 24px;height: 45px;display: block;background: url(../images/shop_left_arrow1.jpg) no-repeat;position: absolute;left:0;top:0;cursor: pointer;z-index: 9999;}
.wraper.common .common-right .shop .shop-left .picScroll-left .hd .next{width: 24px;height: 45px;display: block;background: url(../images/shop_right_arrow1.jpg) no-repeat;position: absolute;right:0;top:0;cursor: pointer;z-index: 9999;}
.wraper.common .common-right .shop .shop-left .picScroll-left .hd ul{display: none}
.wraper.common .common-right .shop .shop-left .picScroll-left .bd{padding-left: 38px;position: absolute;left:0;top:0;}
.wraper.common .common-right .shop .shop-left .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.wraper.common .common-right .shop .shop-left .picScroll-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.wraper.common .common-right .shop .shop-left .picScroll-left .bd ul li img{width: 58px;height: 43px;cursor: pointer;border:1px solid #ccc;}
.wraper.common .common-right .shop .shop-left .picScroll-left .bd ul li img.active{border:1px solid #f00;}
.wraper.common .common-right .shop .shop-right{width: 540px;float: right;}
.wraper.common .common-right .shop .shop-right h2{padding: 12px 0;font-size: 22px;border-bottom: 1px dashed #ccc;margin-bottom: 15px;}
.wraper.common .common-right .shop .shop-right ul{}
.wraper.common .common-right .shop .shop-right ul li{line-height: 30px;}

.wraper.common .common-right .relative .picScroll-left3{width:100%;margin:0 auto 15px;overflow: hidden;}
.wraper.common .common-right .relative .picScroll-left3 .hd{position: relative;}
.wraper.common .common-right .relative .picScroll-left3 .hd .prev{width: 30px;height: 60px;background: url(../images/shop_left_arrow.jpg) no-repeat;display: block;position: absolute;left: 0;top:130px;z-index: 9999;cursor: pointer;}
.wraper.common .common-right .relative .picScroll-left3 .hd .next{width: 30px;height: 60px;background: url(../images/shop_right_arrow.jpg) no-repeat;display: block;position: absolute;right:1px;top:230px;z-index: 9999;cursor: pointer;}
.wraper.common .common-right .relative .picScroll-left3 .hd ul{display: none;}
.wraper.common .common-right .relative .picScroll-left3 .bd{width: 100%;margin:0 auto;}
.wraper.common .common-right .relative .picScroll-left3 .bd ul{ overflow:hidden;}
.wraper.common .common-right .relative .picScroll-left3 .bd ul li{width:215px;margin-right:22px;}
.wraper.common .common-right .relative .picScroll-left3 .bd ul li img{width:215px;height:150px;border:1px solid #ccc;}

.wraper.common .page{width:300px;margin:0 auto;}
.wraper.common .page.no{border: 0;}
.wraper.common .page a{line-height:30px;border:1px solid #d9d9d9;border-right: 0;display: inline-block;float: left;padding:0 10px;}
.wraper.common .page a:last-child{border-right:1px solid #d9d9d9;}
.wraper.common .page a:hover,.wraper.common .page a.active{background: #254081;color: #fff;}

.wraper.common .list{padding: 0px 0;}
.wraper.common .list.news{}
.wraper.common .list.news dl{height:102px;margin: 0px 0;border-bottom: 1px dashed #d9d9d9;padding-bottom: 15px;margin-bottom: 15px}
.wraper.common .list.news dl dt{width: 100px;height:100px;float: left;line-height:20px;text-align: center;font-size: 46px;color: #254081;border:1px solid #7a7a7a;}
.wraper.common .list.news dl dt strong{font-size: 14px;line-height:35px;display: block;background: #254081;color: #fff;}
.wraper.common .list.news dl dd{width:1060px;float: right;}
.wraper.common .list.news dl dd h2{line-height: 40px;font-size: 17px;margin-bottom: 0px;}
.wraper.common .list.news dl dd h2 a:hover{color: #254081;}
.wraper.common .list.news dl dd h2 a.right{float: right;}
.wraper.common .list.news dl dd p{line-height: 25px;font-size: 14px;}

.wraper.common .subject{text-align: center;padding: 0px 0 15px;margin-bottom: 20px;}
.wraper.common .subject h2{padding: 10px 0;font-size: 24px;}
.wraper.common .subject h5{padding: 0px 0;font-size: 14px;color: #939393;}
.wraper.common .content{}
.wraper.common .content p{line-height: 30px;margin-bottom: 15px;font-size: 16px;text-indent: 2em;color: #605e5e;}

.wraper.common .arc-page{border-top: 1px solid #ccc;padding-top: 20px;}
.wraper.common .arc-page a:hover{color: #f00;}
.wraper.common .arc-page .ap-left{width: 50%;float: left;}
.wraper.common .arc-page .ap-right{width: 50%;float: right;text-align: right;}

.wraper.common .dl{margin-bottom: 25px;}
.wraper.common .dl ul{}
.wraper.common .dl ul li{border-bottom:1px dashed #ccc;padding:12px 0 20px;}
.wraper.common .dl ul li i{color: #254081;}
.wraper.common .dl ul li a{float: right;border: 1px solid #ccc;line-height:25px;border-radius: 3px;display: inline-block;padding:0 10px;color: #666}
.wraper.common .dl ul li a:hover{background: #324c89;color: #fff;border:1px solid #324c89;}

.wraper.common .map{margin-bottom: 70px;}
.wraper.common .contact{margin-bottom: 35px;}
.wraper.common .contact ul{}
.wraper.common .contact ul li{width: 270px;height: 170px;border: 1px solid #254081;margin-right: 37px;float: left;text-align: center;}
.wraper.common .contact ul li:last-child{margin-right: 0;}
.wraper.common .contact ul li img{margin-top: -40px;position: relative;z-index: 9999;margin-bottom: 15px;}
.wraper.common .contact ul li h2{line-height: 40px;font-size: 22px;}
.wraper.common .contact ul li p{line-height: 25px;color: #737373;font-size: 18px;}

.wraper.common .job{}
.wraper.common .job dl{margin-bottom: 20px;}
.wraper.common .job dl dt{border:1px solid #d9d9d9;padding: 12px;font-size: 15px;position: relative;cursor: pointer;}
.wraper.common .job dl dt.active{background: #324c89;color: #fff;}
.wraper.common .job dl dt i{width: 19px;height: 16px;display: block;background: url(../images/ico_up_arrow.jpg) no-repeat center top;position: absolute;right:15px;top:15px;}
.wraper.common .job dl dt.active i{background: url(../images/ico_down_arrow.jpg) no-repeat;}
.wraper.common .job dl dd{display: none;border: 1px solid #ccc;border-top: 0;padding: 15px;line-height: 30px;font-size: 15px;}

.footer{width: 100%;margin:0 auto;background: #363636;padding:25px 0;}
.footer .nav{width: 1200px;margin:0 auto 15px;}
.footer .nav a{margin-right:35px;color: #eaeaea;font-size: 15px;}
.footer .footer-box{width: 1200px;margin:0 auto;}
.footer .footer-box .fb-left{width: 500px;float: left;}
.footer .footer-box .fb-left dl{color: #eaeaea;}
.footer .footer-box .fb-left dl dt{font-size: 16px;font-weight: border;line-height: 30px;}
.footer .footer-box .fb-left dl dd{line-height: 25px;}
.footer .footer-box .fb-left dl dd p{}
.footer .footer-box .fb-left dl dd p img{position: relative;top:6px;}
.footer .footer-box .fb-right{width: 160px;float: right;text-align: center;line-height: 35px;color: #eaeaea;}

.copyright{width: 100%;background: #151515;color: #eaeaea;}
.copyright .cr-box{width: 1200px;margin:0 auto;line-height: 45px;}
.copyright .cr-box .cr-left{float: left;width: 60%;}
.copyright .cr-box .cr-right{float: right;width: 40%;text-align: right}
.copyright .cr-box .cr-right a{color: #eaeaea;}

/*鎵嬫満绔?/
.mobile{display: none;}
.m-menu {display: none;position: relative;}
 
.m-menu {height: 50px;width: 60px;position:absolute;right:-5px;top:46px;z-index: 9999;}
.m-menu:before, .m-menu:after, .m-menu span {position: absolute;display: block;content: '';}
.m-menu:before, .m-menu:after, .m-menu span {left: 10px;width: 60%;height: 3px;-webkit-transition: opacity .4s linear,-webkit-transform .4s linear;-moz-transition: transform .4s linear,opacity .4s linear,-moz-transform .4s linear;transition: opacity .4s linear,-webkit-transform .4s linear;transition: transform .4s linear,opacity .4s linear;transition: transform .4s linear,opacity .4s linear,-webkit-transform .4s linear,-moz-transform .4s linear;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;
    transform-origin: 0 0;background: #ccc;}
.m-menu:before {top: 10px;}
.m-menu span {top: 23px;}
.m-menu:after {bottom: 12px;}
.m-menu.open:before {transform-origin: 0 2px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.m-menu.open span {opacity: 0;}
.m-menu.open:after {transform-origin: 0 2px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.m-menu-con {display: none;position: absolute;left: 0px;top: 70px;width: 100%;overflow: auto;border-top: 1px solid #e2e2e2;z-index: 999;overflow: scroll;background: rgba(255,255,255,0.9);height:500px;}

.subNav {border-bottom: solid 1px #e5e3da;cursor: pointer;line-height: 40px;text-indent: 10px;font-size: 14px;display: block;background: url("../images/right-arrow.png") no-repeat right center;color: #333;}
.subNav.currentDt{background: url("../images/down-arrow.png") no-repeat right center #3995cf;color: #fff;border-bottom: 1px dashed #42a1bc;}
.navContent {display: none;border-bottom: solid 1px #fff;background: #62a8d5;margin: 0px;}
.navContent li{border-bottom: 1px dashed #fff;}
.navContent li a {display: block;color: #fff;line-height: 40px;text-align: center;}
.navContent li a:hover {color: #fff;background-color: #277fc2;}
.sub-a {border-bottom: solid 1px #e5e3da;cursor: pointer;line-height: 40px;text-indent: 10px;font-size: 14px;display: block;color: #333;}

.picScroll-left2{width:90%;margin:0 auto 15px;}
.picScroll-left2 .hd{position: relative;}
.picScroll-left2 .hd .prev{width: 30px;height: 60px;background: url(../images/shop_left_arrow.jpg) no-repeat;display: block;position: absolute;left: 0;top:100px;}
.picScroll-left2 .hd .next{width: 30px;height: 60px;background: url(../images/shop_right_arrow.jpg) no-repeat;display: block;position: absolute;right:0;top:100px;}
.picScroll-left2 .hd ul{display: none;}
.picScroll-left2 .bd{width: 80%;margin:0 auto;}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{text-align:center;position: relative;}
.picScroll-left2 .bd ul li img{width: 90%;}
.picScroll-left2 .bd ul li a.video{width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 9999;background: url(../images/ico_video.png) no-repeat center center;}


.picScroll-left2 .arrow{width:100%;}
.picScroll-left2 .arrow a.prev{width:30px;height:45px;display:block;background:url(../images/ico_left_arrow.png) no-repeat;position:absolute;left:0px;top:90px;z-index:9999;cursor:pointer;}
.picScroll-left2 .arrow a.next{width:30px;height:45px;display:block;background:url(../images/ico_right_arrow.png) no-repeat;position:absolute;right:-1px;top:90px;z-index:9999;cursor:pointer;}
.picScroll-left2 .arrow a.prev:hover{background:url(../images/ico_left_arrow_hover.png) no-repeat;}
.picScroll-left2 .arrow a.next:hover{background:url(../images/ico_right_arrow_hover.png) no-repeat;}


@media only screen and (max-width: 640px) {
.wraper.common .content img{width:100%;}
.wraper.common .content p{ text-indent:0}
.pc{display: none;}
.mobile,.m-menu{display: block;}

.top-nav{width: 95%;margin:0 auto;line-height: 35px;text-align: right;}
.top-nav a{margin:0 3px;color:#888;border-right:1px solid #ccc;padding-right:8px;}
.top-nav a:last-child{border:0;}
.top-nav img{ margin-top:8px;}

.header{height: auto}
.header .top{width: 100%;}
.header .top .logo{width: 85%;}
.header .top .logo img{width: 100%;}
.header .top .lang{display: none;}
.header .header-box{display: none;}

.banner.index{height: auto}
.banner.index img{width: 100%;}

.banner.sub{height: auto;margin-bottom: 15px;}
.banner.sub img{width: 180%;height: auto;margin-left: -90px;}
 
.wraper.index{width: 90%;margin:0 auto;}
.wraper.index .part.p1{background:none;}
.wraper.index .part.p1 .p1-box{width: 100%;padding:15px 0;}
.wraper.index .part.p1 .p1-box .p1-left{width: 100%;height:auto;background:#cb3131;margin-bottom: 15px;padding-bottom: 15px;}
.wraper.index .part.p1 .p1-box .p1-left h2,.wraper.index .part.p1 .p1-box .p1-left p{width: 90%;margin:0 auto;}
.wraper.index .part.p1 .p1-box .p1-right{width: 100%;background-size: cover;}

.wraper.index .part.p2 .p2-box{width: 100%;}
.wraper.index .part.p2 .p2-box ul li,.wraper.index .part.p2 .p2-box ul li img{width: 100%;}

.wraper.index .part.p3{width: 100%;height: auto;background:none;}
.wraper.index .part.p3 .p3-box{width: 100%;height:auto;}

.wraper.index .part.p3 .p3-box .p3-left,.wraper.index .part.p3 .p3-box .p3-right{width:100%;padding: 0;background:#ededed;margin-bottom: 10px;}
.wraper.index .part.p3 .p3-box h2,.wraper.index .part.p3 .p3-box p{width: 90%;margin:0 auto;color:#333;margin-bottom: 5px;line-height: 30px;}
.wraper.index .part.p3 .p3-box h2{border-bottom: 1px dashed #888;padding:10px 0 6px;}
.wraper.index .part.p3 .p3-box h2 a{color:#333;}

.wraper.index .part.p4 .p4-box{width: 100%;height:auto;background:none;}
.wraper.index .part.p4 .p4-box ul li{width: 50%;height:auto;text-align: center;}
.wraper.index .part.p4 .p4-box ul li img{width: 95%;}

.wraper.common{width: 90%;margin:0 auto;}
.wraper.common .common-left{display: none;}
.wraper.common .common-right{width: 100%;}

.wraper.common .pos-box{display: none;}

.wraper.common .common-right .shop .shop-left{width: 100%;}
.wraper.common .common-right .shop .shop-left img.thumb{width: 100%;}
.wraper.common .common-right .shop .shop-left .picScroll-left{width: 100%;}
.wraper.common .common-right .shop .shop-left .picScroll-left .bd ul li img{width: 53px;}
.wraper.common .common-right .shop .shop-right{width: 100%;}



.wraper.common .common-right .timeline dl{ float:left; width:100%}
.wraper.common .common-right .timeline dl dt{width: 80px;height:70px;}
.wraper.common .common-right .timeline dl dd{width: 70%; float:left; margin-left:10px;}
 



.wraper.common .common-right .core{margin-bottom: 25px;}
.wraper.common .common-right .core .core-left,.wraper.common .common-right .core .core-right{width: 100%;}
.wraper.common .common-right .core .core-right dl{height: auto;}

.wraper.common .common-right .honner{width: 100%;margin:0 auto;}
.wraper.common .common-right .honner ul li{width:47.5%;height:auto;margin-right: 0;}
.wraper.common .common-right .honner ul li:nth-child(even){float: right;}
.wraper.common .common-right .honner ul li img{width: 100%;}

.wraper.common .page{width: 65%;padding:25px 0 35px;marign:0 auto;}

.wraper.common .map{width: 100%;}
.wraper.common .map img{width: 100%;}

.wraper.common .contact ul{width: 270px;margin:0 auto;}
.wraper.common .contact ul li{margin-bottom: 75px;}

.wraper.common .dl ul li{padding-bottom: 15px;}
.wraper.common .dl ul li a{position: relative;top:-3px;}

.wraper.common .arc-page{line-height: 30px;margin-bottom: 25px;}
.wraper.common .arc-page .ap-left,.wraper.common .arc-page .ap-right{width: 100%;text-align: left;}

.wraper.common .list.news dl{width: 100%;height: 105px;overflow: hidden;}
.wraper.common .list.news dl dt{width: 90px;}
.wraper.common .list.news dl dd{width: 68%;height:100px;overflow: hidden;}
.wraper.common .list.news dl dd h2{height: 33px;line-height:33px;overflow: hidden;}
.wraper.common .list.news dl dd p{line-height: 23px;}

.wraper.common .common-right .product ul li{width: 47.5%;float: left;margin-right: 0;}
.wraper.common .common-right .product ul li:nth-child(even){float: right;}
.wraper.common .common-right .product ul li img{width: 100%;}

.wraper.common .common-right .car ul{width: 100%;}
.wraper.common .common-right .car ul li{width: 100%;margin-right: 0;}
.wraper.common .common-right .car ul li img{width: 100%;}

.wraper.common .common-right .carr ul{width: 100%;}
.wraper.common .common-right .carr ul li{width: 100%;margin-right: 0;}
.wraper.common .common-right .carr ul li img{width: 100%;}


.wraper.common .common-right .article img{width: 80%;}

.wraper.common .common-right .cus ul li{width: 47.5%;margin-right: 0;}
.wraper.common .common-right .cus ul li:nth-child(even){float: right;}
.wraper.common .common-right .cus ul li img{width: 100%;}

.footer .nav{display:none;width: 95%;margin:0 auto 15px;text-align: center;line-height: 30px;}
.footer .footer-box{width: 90%;margin:0 auto;}
.footer .footer-box .fb-left{margin-bottom: 20px;}
.footer .footer-box .fb-left dl{}
.footer .footer-box .fb-left dl dt{}
.footer .footer-box .fb-left dl dd{line-height: 30px;}
.footer .footer-box .fb-right{width: 100%;text-align: center;}

.copyright .cr-box{width: 100%;padding:10px 0;}
.copyright .cr-box .cr-left,.copyright .cr-box .cr-right{width: 90%;line-height: 25px;margin:0 auto;float: none;text-align: center;}

}