/* Generated by wjdhcms 3.0 */



@charset "utf-8";



/*-----------CSS Reset-----------*/



::selection {

	color:#fff;

    background-color: #168adf;

}



::-moz-selection {

	color:#fff;

    background-color: #168adf;

}



::-webkit-selection {

	color:#fff;

    background-color: #168adf;

}



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



* {

    padding: 0;

    margin: 0;

}



body {

    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5; 

	

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}





li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



a {

    color: #333;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}





/**banner**/

.fullSlide {width: 100%;position: relative;height: 500px;background: #FFF;overflow:hidden;z-index:99;top: -60px;}

.fullSlide .bd { height: 500px; margin: 0 auto; position: relative; z-index: 1; overflow: hidden; }

.fullSlide .bd ul { width: 100% !important; }

.fullSlide .bd li { width: 100% !important; height: 500px; overflow: hidden; text-align: center; }

.fullSlide .bd li a { display: block; height: 500px; }

.fullSlide .hd { width: 100%; position: absolute; z-index: 2; bottom: 0; left: 0; height: 30px; text-align: center; }

.fullSlide .hd ul { text-align: center; }

.fullSlide .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width:14px; height:14px; margin:3px; background-color:#323232; overflow: hidden; line-height: 99px; border:2px solid #FFF; border-radius:50%; 

 -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.fullSlide .hd ul .on {  width:50px; background:#168adf; border-radius:9px; -webkit-transition: all .3s linear; transition: all .3s linear; }

.fullSlide .prev, .fullSlide .next { width: 40px; height: 60px; position: absolute; top: 50%; margin-top:-30px; z-index: 2; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; 

filter: alpha(opacity=30); -moz-opacity: .3; opacity: .3;  -webkit-transition: all .5s linear; transition: all .5s linear;  }



.fullSlide .prev { background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; left:10%; }

.fullSlide .next { background-position:-6px -137px;  right: 10%; }



/**gywm**/

.gywm_box{ width:100%; height:390px;padding:30px 0px; overflow:hidden;}

.gywm{ width:1180px; height:390px; margin:0 auto;}

.protitle{width:1180px;text-align:center;margin-bottom:30px;background:url(../images/mcbt.jpg) no-repeat center top; padding-top:20px;line-height:24px; }

.protitle a{font-size:24px;line-height:48px; display:block; font-weight:bold;  color:#333333;}

.protitle span{ font-family:"Times New Roman", Times, serif;font-size:16px; color:#999999;text-transform:uppercase; display:block;}

.gywm dl{ width:1180px; height:390px;}

.gywm dl dd{ float:right;width:620px; height:390px;}

.gywm dl dd img{ width:620px; height:390px;}

.gywm dl dt{ float:left;padding-top:30px; width:480px; height:360px;}

.gywm dl dt span{ display:block;font-size:24px; font-weight:bold; color:#333; text-align:left; line-height:36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.gywm dl dt:hover span a{ color:#168adf;}

.gywm dl dt span strong{ display:block; font-family:"Times New Roman", Times, serif; font-size:60px; color:#cccccc; text-transform:uppercase; line-height:48px; margin-bottom:30px; padding-bottom:25px; border-bottom:1px solid #ccc;}

.gywm dl dt p{ display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 5;

overflow: hidden; font-size:14px; color:#333; text-align:left; line-height:30px; margin:15px 0px; overflow:hidden;}







/**yyly_box**/

.yyly_box{width:100%; height:810px; background:#ededed;overflow:hidden;}

.protitle{width:1180px;text-align:center; margin:0 auto 20px; line-height:32px;}

.protitle h3{font-size:24px; font-weight:bold; display:block; color:#1f1a17;}

.protitle span{ font-family:"Times New Roman", Times, serif;font-size:16px; color:#666666;

text-transform:uppercase; display:block;background:url(../images/mcbt.png) no-repeat center bottom;}

/**product_box**/

.product{ width:1180px; height:810px; margin:0 auto;}

.product_left{ float:left; width:240px; height:810px; background:#168adf;}

.product_left h2{ width:225px; height:60px; padding-top:20px; padding-left:15px;}

.product_left h2 b{ display:block; font-size:24px; line-height:30px; font-weight:bold; color:#ffffff;}

.product_left h2 span{ display:block; font-family:"Times New Roman", Times, serif;font-size:18px; line-height:20px; color:#4da3e4;}

.product_left ul{ width:240px; height:510px;}

.product_left ul li{ float:left; text-align:left;}

.product_left ul li a{ width:180px; height:59px;line-height:59px; display:block; border-bottom:1px solid #68b3e8; margin-left:15px; background:url(../images/prolfhbg.jpg) no-repeat left center; padding-left:25px; font-size:16px; font-weight:bold;  color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.product_left ul li a:hover{ text-decoration:underline;}

.product_left p{ width:240px; height:170px; padding-top:50px; background:#2e2e2e; font-size:18px; font-weight:bold; color:#fff; text-align:center;}

.product_left p span{ display:block; margin-left:25px; margin-top:25px;width:170px; height:64px; text-align:left; background:url(../images/iphone2.png) no-repeat left center; padding-left:45px; font-size:14px; color:#ffffff; line-height:24px;}

.product_left p span strong{ display:block; font-size:26px; font-weight:bold;line-height:36px;font-family:"Times New Roman", Times, serif;}

.product_right{ float:right; width:920px; height:810px;}

.product_tit{ width:920px; height:50px; border-bottom:1px solid #d0d0d0;}

.product_tit .more{ display:block; float:right; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-right:15px; line-height:50px; font-size:14px; color:#666666; }



.product_tit h3{ float:left; width:90px; height:47px; line-height:47px; font-size:16px;font-weight:bold; border-bottom:3px solid #168adf;color:#168adf;}

.product_right ul li{ background:#fff; float:left;  width:214px; height:226px; padding:3px;margin:10px 5px 6px;text-align:center;overflow: hidden;}

.product_right ul li:nth-child(1),.product_right ul li:nth-child(5),.product_right ul li:nth-child(9){ margin-left:0px;}

.product_right ul li a img{display:inline-block; width:214px; height:190px;

-webkit-transition:all 1s ;

-moz-transition:all 1s ;

-o-transition:all 1s ;

-ms-transition:all 1s;

transition:all 1s ;}

.product_right ul li span{display:block; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

    width: 100%;

    height: 36px;

    line-height: 36px;

    text-align: center;

    color: #333;}

.product_right ul li span a{display:block; color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



/**al_box**/

.al_box{ width:100%; height:390px; padding:0px 0px 30px;overflow:hidden;}

.al{ width:1180px; height:390px; margin:0 auto;}

.alnr ul li{ float:left;  width:222px; height:272px; margin:0px 0px 0px 5px; padding:4px; border:1px solid #dddddd; text-align:center;overflow: hidden;}

.alnr ul li:nth-child(1){ margin-left:0px;}

.alnr ul li b{ display:block;width:222px; height:230px; overflow:hidden;}

.alnr ul li a img{display:inline-block;  width:222px; height:230px;

-webkit-transition:all 1s ;

-moz-transition:all 1s ;

-o-transition:all 1s ;

-ms-transition:all 1s;

transition:all 1s ;}

.alnr ul li img:hover{ 

transform: scale(1.2, 1.2);

-ms-transform:scale(1.2, 1.2); 	/* IE 9 */

-moz-transform:scale(1.2, 1.2); 	/* Firefox */

-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */

-o-transform:scale(1.2, 1.2); 	/* Opera */}

.alnr ul li span{display:block; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

    width: 100%;

    height: 36px;

    line-height: 36px;

    text-align: center;

    color: #333;}

.alnr ul li span a{display:block; color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



/**cpys_box**/

.cpys_box{ width:100%; height:820px; padding:50px 0px;background:url(../images/cpysbg.jpg) no-repeat center top; overflow:hidden;}

.cpys{  width:1180px; height:820px;margin:0 auto;}

.protitle2{width:1180px;text-align:center; margin:0 auto 20px; line-height:32px;}

.protitle2 h3{font-size:24px; font-weight:bold; display:block; color:#fff;}

.protitle2 span{ font-family:"Times New Roman", Times, serif;font-size:16px; color:#fff;text-transform:uppercase; display:block;background:url(../images/mcbt2.png) no-repeat center bottom;}

.cpysnr{ width:1180px; height:700px; padding-top:40px;}

.cpysnrlf{ width:590px; height:700px; float:left;}

.cpysnrrt{ width:590px; height:700px; float:right;}

.cpysnr1{ padding:30px 30px 10px 30px;}

.cpysnr1rt1{height:45px;}

.cpysnr1rt1 img{ display:block; float:left; width:42px; height:42px; padding-right:20px;}

.cpysnr1rt1 b{ display:block;font-size:18px; color:#fff;}

.cpysnr1rt1 span{ display:block;font-family:"Times New Roman", Times, serif;font-size:12px; color:#68b3e8;text-transform:uppercase;}

.cpysnr1rt2{  height:85px; margin-top:10px;}

.cpysnr1rt2 p{ font-size:14px; color:#fff; line-height:30px;}



/**zzry**/

.zzry{width:1178px; height:280px; border-top:1px solid #d5d5d5; position:relative;margin:50px auto 0px;}

.zzry_tit{ width:330px; height:52px;margin:-20px auto 0px;}

.zzry_tit h3{ float:left; background:#333333; width:145px; height:45px;line-height:45px; text-align:center; font-size:16px;font-weight:bold; color:#fff; margin-left:10px; margin-right:10px;}

.zzry_tit .active{ background:#168adf; color:#fff;}

.zzry_list{width:1180px; height:248px; margin:15px auto 0px;}

.zzry_list .hide{ display:none;}



/**********************************************图片滚动********************************************/

.gd_lefts { background:url(../images/left.jpg) no-repeat; display: block; width:52px; height:40px; position: absolute; top:80px; left:0; cursor:pointer;  }

.gd_rights { background:url(../images/right.jpg) no-repeat; display: block; width:52px; height:40px;   position: absolute; top:80px;  right:0px; cursor:pointer; }

.gd_box1 { width:1180px; margin:0; position:relative;}

.gd_box2 { width:1180px; height:210px; margin:0 auto; overflow:hidden; }

.gdnr1{ float:left;  width:275px; height:205px;margin:0px 9px; text-align:center; position:relative; overflow: hidden;}

.gdnr1pic{ display:block; width:275px; height:205px;  overflow:hidden;}

.gdnr1 img{display:inline-block;  width:275px; height:205px; }

.gdnr1wz a{display:block; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 36px;

    line-height: 36px;

    text-align: center;

    color: #fff;

    background: url(../images/cp_bg.png);}

	

/**sbanner1_box**/

.sb2_box{ width:100%; height:200px;background:url(../images/b2bg.jpg) no-repeat center; overflow:hidden;}

.sb2{ width:1180px;height:160px; padding-top:40px; margin:0 auto;}

.sb2_left{ float:left;padding-left:10px;font-size:20px; line-height:54px;color:#fff; font-weight:bold;}

.sb2_left strong{ font-size:36px;}

.sb2_left span{ font-size:20px;}

.sb1_right{ float:right; margin-top:30px;}

.sb1iphone{ line-height:24px;background:url(../images/iphone2.png) no-repeat left center; padding-left:45px;}

.sb1iphone span{ font-size:14px; color:#ffffff;}

.sb1iphone strong{ display:block;font-size:26px; font-weight:bold;line-height:36px;font-family:"Times New Roman", Times, serif; color:#fff;}



/**xw_box**/

.xw_box{ width:100%; height:436px; margin:0 auto;}

.xw{ width:1180px; height:416px; padding-top:20px; margin:0 auto;}

.title1{ background:url(../images/wmbg3.jpg) no-repeat left bottom;margin-bottom: 20px;height:48px;line-height:48px;}

.title1 h3{float:left; font-size:18px;font-weight:bold; color:#333;}

.title1 h3 span{ font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:normal;color:#cccccc;}

.title1 .more {float:right;font-size: 14px;color:#333; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight:normal;}


.hxxw{ width:790px; height:400px; float:left;}

.hxxw dl{ width:790px; height:153px; }

.hxxw dl dd{ float:left; width:363px; height:153px;}

.hxxw dl dd img{ width:363px; height:153px;}

.hxxw dl dt{ float:right;width:400px; height:143px; padding-top:10px;}

.hxxw dl dt span{ font-size:14px;font-weight:bold; color:#333; line-height:36px; display:block;}

.hxxw dl dt p{ padding-top:5px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
 overflow:hidden;font-size:14px; color:#333333; line-height:30px;}



.hxxwnr{ width:790px; height:185px; padding-top:10px;}

.hxxwnr ul li{ float:left; width:360px;line-height:32px; border-bottom:1px dashed #cccccc; margin:0px 33px 0px 2px;}

.hxxwnr ul li a{ display:block; float:left; background:url(../images/prolfhbg2.jpg) no-repeat left center; width:265px; padding-left:15px; font-size:14px; color:#333333; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.hxxwnr ul li a:hover{ color:#007fea;}

.hxxwnr ul li span{ display:block;font-size:14px; color:#666666; float:right;}

.hxxwnr ul li span:hover{ color:#007fea;}

.hxxwnr ul li:hover a, .hxxwnr ul li:hover span{ color:#168adf;}



.hydt{ width:345px; height:400px; float:right;}

.hydttu a{ display:block;}

.hydttu a img{ width:343px; height:115px;}

.hydtnr{ width:345px; height:222px; padding-top:10px;}

.hydtnr ul li{ float:left; width:343px;line-height:32px; border-bottom:1px dashed #cccccc; margin:0px 33px 0px 2px;}

.hydtnr ul li a{ display:block; float:left; background:url(../images/prolfhbg2.jpg) no-repeat left center; width:230px; padding-left:15px; font-size:14px; color:#333333; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.hydtnr ul li a:hover{ color:#007fea;}

.hydtnr ul li span{ display:block;font-size:14px; color:#666666; float:right;}

.hydtnr ul li span:hover{ color:#007fea;}

.hydtnr ul li:hover a, .hydtnr ul li:hover span{ color:#168adf;}



/**yqlj_box**/

.yqlj_box{ width:100%; height:50px; background:#f5f5f5;padding:10px 0px;overflow:hidden;}

.yqlj{ width:1180px; height:50px; margin:0 auto;}

.yqljtitle{ width:80px; height:50px; float:left;}

.yqljtitle h3{line-height:50px; color:#333;}

.yqljtitle h3 span{ font-size:14px; font-weight:bold;}

.yqljtitle h3 b{font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; color:#a2a2a2; }

.yqlj ul{ float:right; width:1100px; height:50px;}

.yqlj ul li{ float:left; line-height:50px; padding:0 20px;}

.yqlj ul li a{ display:block;font-size:14px;color:#333333;}